@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a:focus, button:focus, div:focus {
  outline: none;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
img {
  max-width: 100%;
}
body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
}
a {text-decoration: none;}

.fullwidth {
  width: 100%;
  float: left;
}
.halfwidth {
  width: 50%;
  float: left;
}
.width-70, .width-30, .width-20, .width-15, .width-10 {
  float: left;
}
.width-70 { width: 70%; }
.width-30 { width: 30%; }
.width-20 { width: 20%; }
.width-15 { width: 15%; }
.width-10 { width: 10%; }
.pad-R5 {padding-right: 5px;}
.d-flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.jst-center {
	-webkit-justify-content:space-between;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.txt-lg, .txt-md, .txt-sm {
  font-family: 'Roboto', sans-serif;
  color: #333;
}
.txt-lg {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}

.txt-sm {
  font-size: 13px;
  line-height: 16px;
}
.txt-vsm {
  font-size: 12px;
  line-height: 14px;
}
.txt-md {
  font-size: 17px;
  font-weight: 500;
  float: left;
}
.info-blk .txt-sm { font-weight: 500; }
.dark-red {
  color: #f23d45
}
.red {
  color: #f23d45
}
.green {
  color: #6c975b;
}
.grey {
  color: #666;
}
.bg-grey {
  background-color: #f6f6f6
}
.covid19-dist-Outer {
  max-width: 1180px;
  width: 100%;
  margin: auto;
  background-color: #f6f6f6;
}
.covid19-dist-In {
  width: 100%;
  overflow: hidden;
  text-align: left;
  padding: 10px;
}
.date-blk {
  color: #777;
  font-size: 13px;
  line-height: 15px;
  float: right;
}
.date {
  color: #5a5a5a;
  font-size: 18px;
  line-height: 18px;
  padding: 5px;
  margin-left: 5px;
  background-color: #e8e8e8;
  font-weight: 500;
}

.boxShadow {
  -webkit-box-shadow: 10px 11px 5px -7px rgba(232, 232, 232, 1);
  -moz-box-shadow: 10px 11px 5px -7px rgba(232, 232, 232, 1);
  box-shadow: 10px 11px 5px -7px rgba(232, 232, 232, 1);
}


/*
.arrow {
  border: solid #ec3d46;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin: 0 3px 0 3px;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
*/



.t-right {
	text-align: right;
}
.t-center {
	text-align: center;
}
.f-left {
  float: left;
}
.f-right {
  float: right;
}
.pad-height {
  padding: 5px 0;
}
.pad-height-3 {
  padding: 0 0 3px 0;
}
.pad-R0 {
  padding-right: 0px;
}
.pad-R10 {
  padding-right: 10px;
}
.pad-8 {padding: 8px; }
.bor-R1 {
  border-right: 1px dotted #e2e2e2;
}
.space-TB {
  margin: 5px 0;
}
.semi-bold {
  font-weight: 500;
}
.borB-0 {
  border-bottom: 0;
}
.borB {
  border-bottom: 1px #f1f1f1 solid;
}
.bor-all {
  border: 1px #f1f1f1 solid;
}
.mar-R10 {
  margin-right: 10px;
}
.clr-brown {color: #f23d45;}
.clr-blue {color: #607d8b;}



.district-list-tab {
    width: 100%;
    float: left;
}
.district-list-tab-In {
    width: 100%;
}
.distName {
    width: 100%;
    float: left;
    position: relative;
}
.distNameList {
    width: 100%;
    padding: 0px 30px;
}
/*
.distName ul li {
	list-style-type: none;
	text-align: center;
	border-right: 1px #727272 solid;
}
*/
.each-dist {
	width: auto;
	padding: 0px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	background-color: #765a5c;
	cursor: pointer;
	transition: all 0.3s linear;
	text-align: center;
	border-right: 1px #958082 solid;
}
.each-dist:hover {
	background-color: #9b7a7c;
}
.each-dist.active {
	background-color: #fff;
	color: #9c6165;
    -moz-box-shadow: inset 0 0 10px #c7c7c7;
    -webkit-box-shadow: inset 0 0 10px #c7c7c7;
}
.top-hd-blk {
    background-color: #fff;
    width: auto;
    float: left;
    padding: 0 0px;
    border-radius: 4px 4px 0 0;
    margin-left: 0px;
    height: 36px;
}
.dist-container {
    width: 100%;
    background-color: #fff;
    float: left;
    margin-top: 10px;
    padding: 10px;
	position: relative;
}
.dist-container-In {
	overflow: hidden;
	margin-left: -10px;
	margin-right: -10px;
	padding: 0 10px;
}

.item-blk01 {
    width: 45%;
    padding-right: 10px; 
    float: left;
}
.item-blk02, .item-blk03 {
    width: 27.5%;
    float: left;
}
.item-blk02 {
    display: block;
}
.item-blk03 {
  padding-right: 0;
}
.today-dlt-blk {
    float: left;
    width: 100%;
    height: 313px;
}
.today-dlt-blk-In {
    float: left;
    width: 100%;
	padding: 10px;
}
.today-data-blk {
    width: 36%;
    float: left;
    padding: 0px 0 10px 0;
}
.first-blk, .second-blk {
    width: 100%;
	float: left
}
.item-blk03 {
  padding-right: 0;
  padding-left: 10px;
}
.info-blk {
    position: relative;
    width: 100%;
    height: 60px;
    text-align: center;
    border: 1px #f2f2f2 solid;
    margin: 2%;
}
.common {
	width: 100%;
}
.conf-dot, .cont-dot, .actv-dot {
    background-color: #39ceff;
    border-radius: 4px;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    float: left;
    margin-top: 3px;
}
.cont-dot { background-color: #791083; }
.actv-dot { background-color: #ff9d2e; }
.conf-clr { color: #fbca04; }
.actv-clr { color: #ff9d2e; }
.death-clr { color: #fbca04; }
.conf-clr { color: #fbca04; }

.heighlight {
    padding: 8px;
    border-radius: 6px;
}
.bg-lt-red { background-color: #f23d45 }
.bg-lt-green { background-color: #d2eed8 }
.mar-b10 { margin-bottom: 10px; }
.txt-sm.bold, .txt-vsm.t-center.bold {
	font-size: 13px !important;
}
.info-blk .txt-sm.bold {
	font-weight: bold;
	font-size: 15px !important;
}
.top-hd-blk .red {
    color: #f23d45; 
}
/*.............. Bar chart  style ....*/
@-webkit-keyframes filler {
  0% {
    height: 0; } }
@-moz-keyframes filler {
  0% {
    height: 0; } }
@keyframes filler {
  0% {
    height: 0; } }
.chart_container {
  width: 100%;
  height: 270px;
  overflow: hidden; }

.chart-outer-wrp {
  width: 100%;
  height: 200px;
  margin-top: 60px;
  }

.chart-case-box {
  width: 11.2%;
  height: 100%;
  position: relative;
  float: left;
  margin: 0px 1.5%;
  }

.chart-case-bar {
  bottom: 35px;
  position: absolute;
  -webkit-animation: filler .6s ease-in-out;
  -moz-animation: filler .6s ease-in-out;
  animation: filler .6s ease-in-out;
  -moz-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
  box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15), inset 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  }

.month-date {
  padding: 0px 0;
  bottom: 0px;
  text-align: center;
  text-transform: capitalize;
  position: absolute;
  color: #333;
  font-weight: 500;
  line-height: 15px;
  font-size: 12px;
  }

.chart-total-case {
  height: 34px;
  padding: 8px 0;
  text-align: center;
  position: absolute;
  top: -28px;
  font-weight: 700;
  color: #000;
  font-size: 12px;
  }

.chartResult_horizontal {
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
  /* float: left; */
  height: auto;
  }

.chart-total-case, .month-date, .chart-case-bar, #chart_wrapper {
  width: 100%; }

.comparebarclk {
  text-align: center;
  padding: 0px 5px 0px 0px;
  font-size: 12px;
  /* float: right; */
  color: #666;
  cursor: pointer;
  width: 100%;
  font-weight: 400;
  }

.barchart-outer {
  padding-left: 8px;
  padding-right: 8px;
  margin-top: 10px;
  width: 100%;
  float: left;
  position: relative; }

.nationl-2014-result {
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0px;
  max-height: 291px;
  padding: 0 8px;
  height: 0;
  overflow: hidden; }

.nat-2014-resultwrp {
  display: none; }

/*.............. Bar chart  style  ends ....*/


.containment-tab-blk {
    width: 100%;
}
.cont-tab {
    width: 100%;
    float: left;
    padding: 0 5px;
    border-radius: 6px 6px 0 0;
    height: 36px;
    background-color: #ed3c43;
    position: relative;
}
.cont-tab-In {
    position: absolute;
    bottom: 0;
    left: 8px;
    right: 8px;
    z-index: 10;
}
.bold { font-weight: 500; }
.tab-col {
    float: left;
    text-align: center;
    height: 36px;
    line-height: 33px;
    color: #765a5c;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
}
.tab-content.tab-blk01, .tab-content.tab-blk02 {
    width: 100%;
    float: left;
	display: none;
}
.tab-content.first-display {display: block;}
.containment-blk {
    width: 100%;
    height: 422px;
    overflow-y: auto;
}
.containment-blk ul, .containment-blk ul li {
	list-style-type: none;
	float: left;
	width: 100%;
}
.containment-blk ul li {
	padding: 8px;
}
.DsttabList .txt-sm { line-height: 20px; }
.title-top-blk {
    width: 100%;
    float: left;
    padding: 0 0px;
    border-radius: 4px 4px 0 0;
    height: 36px;
}
.hd-box {
	float: left;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	color: #333;
    line-height: 33px;
}
.zone-hd-blk {
    width: 25%;
    float: left;
}
.catagory-blk {
    width: 100%;
    padding: 5px 0;
    color: #fff;
    margin: auto;
    float: none;
    text-align: center;
	cursor: pointer;
}
.zone-hd-blk .txt-sm { text-align: center; line-height: 13px; font-size: 12px; font-weight: 500; margin-top: 4px;}
.zone-blk-full {
	width: 100%;
	float: left;
	padding: 5px 0;
}
.zone-name {
	padding: 5px 8px;
	color: #fff;
	width: 100%;
    float: left;
	font-weight: 600;
    font-size: 15px;
}
.zone-content-blk {
	width: 50%;
	float: left;
	padding: 5px;
	color: #333;
}
.place-list {
    padding: 5px 0;
    float: left;
	width: 100%;
}
.lockdown-blk {
    width: 100%;
    float: left;
}
.lockdown-blk-In {
    width: 100%;
    float: left;
    padding: 5px;
    max-height: 249px;
    overflow-y: auto;
}
li.place-name, li.place-name.case-none {
    list-style-type: none;
    width: 50%;
    float: left;
    padding: 5px;
    font-size: 13px;
}
li.place-name.case-none {
	color: #fc4747;
}
.clr-high {background-color: #ff0506; }
.clr-medium {background-color: #ff6600; }
.clr-light {background-color: #ffc000; }
.clr-low {background-color: #85d02b; }

.dist-status-table, .dist-st-table-In, .dist-table {
    width: 100%;
    float: left;
}
.dist-table {
	height: 310px;
	overflow-y: auto;
}
.dist-table ul, .dist-table ul li {
	width: 100%;
	float: left;
	list-style-type: none;
}	
.dist-table ul li {
	width: 100%;
	float: left;
	list-style-type: none;
	padding: 6.1px 0;
}
.show {display: block; }

.prev_caro, .next_caro {
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 50px;
    background-size: 150px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    background-color: #333;
    color: transparent;
    border: none;
    outline: none;
    background-image: url(../images/sprite-icons.svg);
    background-color: #e1e1e1;
    transition: 0.3s;
    opacity: 0.7;
}  
.prev_caro {
    background-position: -42px -22px;
    background-repeat: no-repeat;
    left: 0px;
}
.next_caro {
    background-position: -74px -22px;
    background-repeat: no-repeat;
    right: 0px;
}
.prev_caro:hover, .next_caro:hover {
    opacity: 1;
}
button.slick-next, button.slick-prev {
    display: none;
}
.d1-clr { background-color: #f6a98d }
.d2-clr { background-color: #f49579 }
.d3-clr { background-color: #f28365 }
.d4-clr { background-color: #f16e50 }
.d5-clr { background-color: #f05841 }
.d6-clr { background-color: #ee3e2f }
.d7-clr { background-color: #ee1b22 }

.graph-blk-In {
    width: 60%;
    display: inline-block;
	margin-left: 2%;
}
.distName .slick-active {
	outline: 0px;
}
.mobile-tab-outer {
	width: 100%;
	float: left;
	display: none;
}
.mobile-tab-In {
	width: 100%;
	float: left;
	border-top: 1px solid #dbdbdb;
}
.mobile-tab-btn {
    width: 33.333%;
    float: left;
    height: 40px;
    line-height: 16px;
    font-size: 13px;
    font-weight: 700;
    color: #333;
    background-color: #E7E7E7;
    text-align: center;
    padding: 0 10px;
    border-right: 1px solid #d7d7d7;
	cursor: pointer;
	-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;
}
.mobile-tab-btn.active {
    color: #ed3c43;
    background-color: #ffffff;
    margin-top: 0px;
    height: 40px;
    border: 1px solid #f1f1f1;
	border-top: 0px;
}
.d6-clr { background-color: #ee3e2f }
.d7-clr { background-color: #ee1b22 }


.dist-blk-topBnr {
    width: 100%;
    position: relative;
    padding-bottom: 5px;
}
.topBnr-title {
    width: 100%;
    padding: 0 0 5px 0;
}
.topBnr-title .image-blk {
    width: 100%;
    max-width: 165px;
    padding: 0 0 0px 0;
}
.topBnr-title .image-blk img {
	max-width: 100%;
	margin-right: 5px;
}
.topBnr-title .txt-blk {
	font-size: 14px;
	text-transform: uppercase;
}

/*.hide-blk { display: none; }*/

.sticky {
	position: sticky;
	top: 0;
	left: 0;
}
.zone-hd-blk-outer {
	padding: 0 0 5px 0;
}
.bor-RW {border-right: 2px #fff solid;}
.zone-container {
	width: 100%;
	float: left;
}






/*........................................   RESPONSIVE ...................................... */
@media only screen and (max-width:950px) {
	.item-blk01 {
    width: 100%;
    padding-right: 0px;
}

.first-blk, .second-blk {
    width: 100%;
    float: left;
}
.graph-blk {
    width: 60%;
    float: left;
}

.item-blk01 {
    width: 100%;
    padding-right: 0px;
    margin-bottom: 10px;
}
.today-data-blk {
    width: 50%;
    padding: 0;
}
.first-blk, .second-blk {
    width: 100%;
    float: left;
}
.graph-blk {
    width: 50%;
    float: left;
}
.today-data-blk.borB {
    border-bottom: 0;
}
.today-dlt-blk {
    height: 320px;
}
.item-blk02, .item-blk03 {
    width: 50%;
    float: left;
	}
.graph-blk-In {
    width: 100%;
    float: none;
    margin: auto;
}
.dist-table {
    height: 440px;
}
	.lockdown-blk-In {
    max-height: 378px;
}
}
/*........................................   RESPONSIVE ...................................... */

@media only screen and (max-width:800px) {

}
@media only screen and (max-width:640px) {
.today-data-blk {
    width: 45%;
}
.graph-blk {
    width: 55%;
}
.info-blk {
	width: 48%;
    height: 50px;
    margin: 10px 1%;
/*    display: inline-block;*/
}

}
@media only screen and (max-width:600px) {
.today-data-blk {
    width: 100%;
}
.graph-blk {
    width: 100%;
}
.today-dlt-blk {
    height: 480px;
}
.item-blk02, .item-blk03 {
    width: 100%;
}
.item-blk02 {
	margin-bottom: 10px;
}
.item-blk03 {
    padding-left: 0;
}
.hd-box {
    width: 100%;
    border-radius: 0;
}
.title-top-blk .hd-box {
    padding-left: 10px;
}
.cont-tab {
    width: 100%;
    float: left;
    padding: 0 5px;
    border-radius: 0;
    height: 36px;
    background-color: #ed3c43;
    position: relative;
}
.hd-box {
    width: 100%;
    border-radius: 0px;
}
.mobile-tab-outer { display: block; }	
.today-dlt-blk-In {
    padding: 0 5px;
}	
.tab-container { display: none; }
	
.tab-container.active { display: block; }	
.item-blk03 .title-top-blk, .zone-hd-hide {
		display: none;
	}
.cont-tab {
    background-color: #bfbfbf;
}
.tab-col {
    font-size: 13px;
}

.heighlight {
    padding: 0px 10px;
}
.info-blk .txt-lg {
    font-size: 18px;
    font-weight: 500;
}	
.containment-blk {
    height: 447px;
}
.dist-table ul li {
    padding: 8.6px 0;
}
.tab-col {
    padding: 0 15px;
}
.dist-container {
    padding: 10px 0;
	margin-top: 0;
}
.covid19-dist-In {
    padding: 0px;
}
.topBnr-title {
    width: 100%;
    padding: 0 0 5px 0px;
}
.dist-blk-topBnr {
    padding: 5px 10px 0 10px;
}
.dist-table {
    height: 527px;
}
.dist-status-table.bor-all {
	border-top: 0px;
}
.top-hd-blk {
    width: 100%;
    padding: 0 10px;
    border-right: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
}
/*.hide-blk { display: none; }*/
	.lockdown-blk-In {
    max-height: 428px;
}	
	
}

@media only screen and (max-width:400px) {
.chart-total-case {
    font-weight: 500;
    font-size: 12px;
}
.info-blk .txt-lg {
    font-size: 16px;
    font-weight: 500;
}
.topBnr-title .image-blk {
    max-width: 100px;
    padding: 0 0 0px 0;
}
.topBnr-title .txt-blk {
    font-size: 14px;
    width: 100%;
    float: left;
}
.topBnr-title.d-flex { 
display: block; 
}
.topBnr-title .image-blk img {
    margin: 0;
}
.topBnr-title .txt-blk {
    font-size: 11px;
    width: 100%;
    float: left;
    padding-bottom: 5px;
}




}