/* apexcharts.min.css */
@keyframes opaque { 
 0% { opacity:0 } 
 to { opacity:1 } 
 }
@keyframes resizeanim { 0%,to { opacity:0 } 
 }




.innerBannerWrap { background-color: #19397D; color: #FFF; background-image: inherit; position: relative; height: 174px; } 
.innerBannerWrap.inner_banner .titleBreadCrumb { max-width: inherit; transform: translateY(-35%); -webkit-transform: translateY(-35%); top: 35%; } 
.innerBannerWrap.inner_banner .pageTitle { color: #FFF; font-size: 32px; line-height: 39px; } 
.orange_btn { background: #F38222; border-radius: 22px; } 
.searchbox { position: relative; z-index: 1; } 
.searchbox .dashboard_search_box { background: #FFF; box-shadow: 0px 0px 42px #44529414; border-radius: 8px; padding: 27px; display: flex; align-items: center; justify-content: space-between; } 
.searchbox .dashboard_search_box .state, .searchbox .dashboard_search_box .district, .searchbox .dashboard_search_box .tier { max-width: 28%; flex: 0 0 28%; } 
.searchbox .dashboard_search_box .search_btn { max-width: 12%; flex: 0 0 12%; } 
.searchbox .dashboard_search_box .search_btn .orange_btn { width: 100%; text-align: center; } 
.form-select:focus { border-color: #C4C4C4; box-shadow:inherit; } 
.form-select { background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%23F38222' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>"); } 
.main { background: #F2F5FB; margin-top: -60px; } 
.blue_bg { background: #5A5BB7; } 
.light_pink_bg, .box.light_pink_bg { background: #B763A0; } 
.light_pink_bg .box_img_details .box_img { background:#d176b8; } 
.pink_bg, .box.pink_bg { background: #9061BF; } 
.pink_bg .box_img_details .box_img { background:#ab72e3; } 
.green_bg, .box.green_bg { background: #71B16F; } 
.green_bg .box_img_details .box_img { background:#7bc578; } 
.orange_bg, .box.orange_bg { background: #EC9859; text-align: center; height: 95%; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-bottom: 0; } 
.orange_bg .box_img_details { flex-direction: column; margin-bottom: 5px; } 
.orange_bg .box_img_details .box_img { background:#ffb47c; margin-right: 0; margin-bottom: 15px; } 
.box { background: #5A5BB7; padding: 23px; border-radius: 8px; max-width: 262px; width: 100%; margin: 15px 0px; border: 1px solid transparent; transition: .5s all ease; } 
.box_img_details { display: flex; align-items: center; margin-bottom: 17px; } 
.box_img_details .box_img { background-color: #6f70cf; padding: 10px; border-radius: 10px; width: 56px; height: 56px; aspect-ratio: 1; margin-right: 14px; align-items: center; display: flex; } 
.box_des span { font-size: 24px; line-height: 33px; font-weight: 500; color: #FFF; transition: .5s all ease; } 
.box_img_details .box_content span { font-size: 30px; line-height: 41px; font-weight: 600; color: #FFF; transition: .5s all ease; } 
/* .box:hover { border: 1px solid #5A5BB7; background: transparent; } 
.box:hover span, .box:hover .box_img_details .box_content span { color:#5A5BB7; } 
.box.light_pink_bg:hover { border: 1px solid #B763A0; } 
.box.light_pink_bg:hover span, .box.light_pink_bg:hover .box_img_details .box_content span { color:#B763A0; } 
.box.pink_bg:hover { border: 1px solid #9061BF; } 
.box.pink_bg:hover span, .box.pink_bg:hover .box_img_details .box_content span { color:#9061BF; } 
.box.green_bg:hover { border: 1px solid #71B16F; } 
.box.green_bg:hover span, .box.green_bg:hover .box_img_details .box_content span { color:#71B16F; } 
.box.orange_bg:hover { border:1px solid #EC9859; } 
.box.orange_bg:hover span, .box.orange_bg:hover .box_img_details .box_content span { color:#EC9859; } */
.tier_sec { padding: 40px 0; } 
.tier_boxs { background: #FEFEFE; box-shadow: 0px 3px 15px #49557E0D; border-radius: 8px; padding: 33px; height: 100%; } 
h5 { font-size: 20px; line-height: 27px; font-weight: 600; color: #323232; } 
.tier_box_wrap { display: flex; /*align-items: center; */justify-content: space-between; } 
.tier_box_wrap .box_wrap { max-width: 66%; flex: 0 0 66%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } 
.tier_box_wrap .total_box { flex: 0 0 30%; max-width: 30%; } 
.anganwadi_box { padding-top: 15px; } 
.anganwadi_box .box { background: #58ACC8; padding: 15px 20px; max-width: 100%; margin: 5px 0; } 
.anganwadi_box .box span { display: block; font-size: 32px; line-height: 43px; font-weight: 600; color: #FFF; } 
.anganwadi_box .box p { margin-bottom: 5px; color: #FFF; font-size: 20px; line-height: 27px; } 

.state_assessment { margin-bottom: 30px; } 
.state_ut { background: #FFFFFF; box-shadow: 10px 10px 30px #0000000D; border-radius: 10px; padding: 33px; height: 100%; position: relative; overflow: hidden; } 
.map_img { text-align: center; margin-top: 25px; } 
.state_assessment .map_legend { background: #FBF6F2; bottom: 0; position: absolute; width: 100%; left: 0; padding: 26px 10px; } 
.state_assessment .map_legend ul.check_list { column-count: 2; width: 500px; margin: auto; padding-left: 0; } 
.state_assessment .map_legend ul.check_list li { position: relative; padding: 5px 5px 5px 20px; color: #323232; } 
.state_assessment .map_legend ul.check_list li::before { content: ""; position: absolute; width: 10px; height: 10px; left: 0; top: 50%; border: 1px solid #000; transform: translateY(-50%); } 
.state_assessment .map_legend ul.check_list li.red::before { background-color: #F33500; border: 1px solid #F33500; } 
.state_assessment .map_legend ul.check_list li.yellow::before { background-color: #EDD500; border: 1px solid #EDD500; } 
.state_assessment .map_legend ul.check_list li.green::before { background-color: #1AAB40; border: 1px solid #1AAB40; } 
.state_assessment .map_legend ul.check_list li.greenA::before { background-color: #d2f2d4; border: 1px solid #d2f2d4; } 
.state_assessment .map_legend ul.check_list li.greenB::before { background-color: #7be382; border: 1px solid #7be382; } 
.state_assessment .map_legend ul.check_list li.greenC::before { background-color: #26cc00; border: 1px solid #26cc00; } 
.state_assessment .map_legend ul.check_list li.greenD::before { background-color: #22b600; border: 1px solid #22b600; } 
.state_assessment .map_legend ul.check_list li.greenE::before { background-color: #009c1a; border: 1px solid #009c1a; } 
.state_assessment .map_legend ul.check_list li::marker { color:transparent } 

.perfomance_assessment { background: #FEFEFE; box-shadow: 0px 3px 15px #49557E0D; border-radius: 8px; padding: 33px; } 
.perfomance_assessment_wrap { display: flex; justify-content: space-between; } 
.heading { font-size: 16px; line-height: 21px; font-weight: 400; background: #FBEDE1; padding: 12px 20px; margin-bottom: 22px; border-radius: 2px; } 
.perfomance_assessment_wrap .score, .perfomance_assessment_wrap .levels { max-width: 48%; flex: 0 0 48%; } 
#chartdiv, #chartdiv1 { width: 100%; height: 220px; } 

.demographics { background: #FFF; box-shadow: 0px 3px 15px #49557E0D; border-radius: 8px; padding: 33px; } 
.demographics_wrap { display: flex; justify-content: space-between; } 
.demographics_wrap .eduction, .demographics_wrap .gender { max-width: 48%; flex: 0 0 48%; } 
.demographics_wrap #chart, .demographics_wrap #chart1 { position: relative; left: -50px; } 
.apexcharts-legend { width: 300px; margin: 0 auto; } 
.apexcharts-legend-series { flex-wrap: wrap; justify-content: start;  }
 
 

.progress_sec { padding-bottom: 60px; } 
.progration { background: #FEFEFE; box-shadow: 0px 3px 15px #49557E0D; border-radius: 15px; padding: 33px; } 
.progration .progration_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } 
.progration_wrap .right { display: flex; } 
.progration_wrap .right input { border: 1px solid #C4C4C4; font-weight: 500; } 
.progration_wrap .right input:first-child { margin-right: 15px; position: relative; } 
.progration_wrap .right input:focus { box-shadow: inherit; border: 1px solid #C4C4C4; } 
.progration_wrap .right .date { position: relative; display: flex; } 
.progration_wrap .right .fa-calendar::before { content: "\f133"; font-family: 'FontAwesome'; position: absolute; right: 27px; top: 50%; transform: translateY(-50%); color: #F38222; } 
#chartdiv3 { width: 100%; height: 500px; } 

ul.list_right { column-count: 2; padding-left: 0; } 
ul.list_right li { padding: 3px 0; position: relative; padding-left: 25px; } 
ul.list_right li::before { content: "\f00c"; position: absolute; font-family: 'FontAwesome'; left: 0; color: #FFF; } 
ul.list_right li a { color: #FFF; font-size: 16px; line-height: 20px; font-weight: 400; } 

/* calender */
.datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #da7d5fc7 !important; color: #000; } 
.datepicker table tr th { border: 2px solid #FFF !important; } 
.datepicker table, .datepicker .tableData { border: inherit; border-top: inherit; border-left: inherit } 


/* Map Tooltip*/
.popover-header { text-align: center; background: #359aac; color: #fff; } 
.popover { border: 0; box-shadow: 0 0 20px #a8a8a8; text-align: center; font-size: 16px; } 
.popover-body { padding: 10px 15px; } 
.popover .popover-arrow:before { border: 0; } 
.occupiedBed h2, .availableBed h2, .popover .totalBeds h2 { font-size: 18px; color: #DA7D5F; font-weight: 700; margin-bottom: 0; } 
.totalBeds h2 { margin-bottom: 20px !important; font-weight: 600 !important; color: #000 !important; } 
.occupiedBed h2 span, .availableBed h2 span { font-size: 14px; color: #000; display: block; font-weight: 500; } 
.availableBed h2 { color: #2190a4; } 
.occupiedBed { padding-right: 15px; border-right: 1px solid #e7e7e7; } 
.availableBed { padding-left: 15px; } 
.mapSvg a.clsMap path { transition: 0.5s all ease-in-out; } 
.mapSvg a.clsMap:hover path { fill: #2190a4; } 


@media only screen and (max-width:1366px){
 .box { max-width: 250px; margin: 10px 0; } 
 .tier_box_wrap .box_wrap { max-width: 68%; flex: 0 0 68%; } 
 .orange_bg, .box.orange_bg { height: 97%; } 
 .heading { padding: 10px; } 
 }

@media only screen and (max-width:1300px){
 .map_img { margin-top: 0; } 
 .map_img svg { width: 500px; height: 400px; } 
 .demographics_wrap #chart, .demographics_wrap #chart1 { left: -20px; } 
 }

@media only screen and (max-width:1280px){
 .map_img svg { width: 500px; } 
 .box { max-width: 240px; } 
 }
@media only screen and (max-width:1199px){
 .box { max-width: 220px; } 
 .box_img_details .box_img { width: 50px; height: 50px; } 
 .box_img_details .box_content span { font-size: 24px; line-height: 36px; } 
 .box_img_details { margin-bottom: 10px; } 
 .box_des span { font-size: 20px; line-height: 30px; } 
 .tier_boxs { padding: 25px; } 
 .anganwadi_box .box {
    padding: 11px 15px;}
 .anganwadi_box .box span { font-size: 26px; line-height: 40px; } 
 .anganwadi_box .box p { font-size: 18px; line-height: 24px; } 
 .orange_bg .box_img_details{margin-bottom: 0px;}
 .orange_bg .box_img_details .box_img {margin-bottom: 5px;}
 }