body.page-template.page-template-page-covid-19-tracker.page-template-page-covid-19-tracker-php.page.page-id-24677.logged-in.wp-custom-logo.wp-embed-responsive.group-blog.has-header-image.page-two-column.colors-light {
    font-family: "Roboto", sans-serif!important;
}

ul#menu-header_menu li a {
    color: #fff;
}
a.loginbt i {
    margin: 8px 5px 0 0;
}

h1, h2, h3, h4, h5 {
    font-family: "Roboto", sans-serif!important;
}


.totalcount {
    float: left;
    width: 100%;
}
.wrapcontleft {
    float: left;
    width: 100%;
    margin: 20px 0 0;
}

.totalcount .col-xl-3.col-lg-3.col-md-3 {
    float: left;
	padding:0px;
	
}

.wrapcontleft #countdown {
    float: left;
    margin: 0 25px 0 0;
}

.serach-box {
    float: right;
    width: 40%;
    text-align: right;
}
input#searchbox {
    border: 1px solid #222!important;
    background: transparent;
    padding: 10px!important;
    padding-right: 45px!important;
    background: url(https://www.taazatadka.com/wp-content/themes/taazatadka/assets/covid/image/header-top-search.png) #222 no-repeat right center;
    outline: none;
   
    color: #222;
    /* text-transform: uppercase; */
    transition: .5s all;
    -webkit-transition: .5s all;
    background-color: rgba(40,167,69,.12549);
    width: 100%;
    background-size: 34px 34px;
}


li#menu-item-19703 a:before {
    content: 'c';
    background-image: url(https://taazatadka.com/wp-content/themes/taazatadka/assets/covid/image/covidicon.png);
    background-size: 38px 37px;
    padding: 11px 13px;
    margin: 0 4px 0 0;
    background-repeat: no-repeat;
    font-size: 14px;
    color: red;
    font-weight: bold;
}
.distr-data table td {
    background-color: #fafafa;
}

/* table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even td:nth-child(2) {
    background: rgba(255,7,58,.12549);
    color: red;
    border: 1px solid rgba(255,7,58,.12549);
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd td:nth-child(2) {
    background: rgba(255,7,58,.12549);
    color: red;
    border: 1px solid rgba(255,7,58,.12549);
}




table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even td:nth-child(3) {
    background: rgba(0,123,255,.0627451);
    color: #007bff;
    border: 1px solid rgba(0,123,255,.0627451);
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd td:nth-child(3) {
    background: rgba(0,123,255,.0627451);
    color: #007bff;
    border: 1px solid rgba(0,123,255,.0627451);
}



table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even td:nth-child(4) {
    background: rgba(40,167,69,.12549);
    color: #28a745;
    border: 1px solid rgba(40,167,69,.12549);
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd td:nth-child(4) {
    background: rgba(40,167,69,.12549);
    color: #28a745;
    border: 1px solid rgba(40,167,69,.12549);
}


table.dataTable.stripe tbody tr.even, table.dataTable.display tbody tr.even td:nth-child(5) {
    background: rgba(108,117,125,.0627451);
    color:#6c757d;
    border: 1px solid rgba(108,117,125,.0627451);
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd td:nth-child(5) {
    background: rgba(108,117,125,.0627451);
    color: #6c757d;
    border: 1px solid rgba(108,117,125,.0627451);
} */







table.dataTable.display tbody tr.even td:nth-child(1) {
    border-left:1px solid #fff;
    text-align: left;
    padding: 3px;
}
table.dataTable.display tbody tr.odd td:nth-child(1) {
   border-left:1px solid #f4f9fc;
    text-align: left;
    padding: 3px;
}

/* tbody.tbody tr td:nth-child(2) {
    background-color:rgba(255,7,58,.12549);
} */
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-right: 1px solid #f4f9fc;
    text-align: center;
}
span.details-control {
    background: url(../image/chevron-circle-right-solid.svg) no-repeat center center;
    cursor: pointer;
    background-size: 20px 20px;
    padding: 10px 0px 10px 35px;
}

tr.shown span.details-control {
    background: url('../image/chevron-circle-down-solid.svg') no-repeat center center;
	background-size: 20px 20px;
}

table.dataTable thead .sorting_asc {
    background-image: url(../image/asc.png);
	text-align:center;
}

table.dataTable thead .sorting {
    background-image: url(../image/both.png);
	text-align:center;
}

/* table.dataTable tfoot tr th {
    text-align: center;
    background-color: #ddd;
    color: #000;
    border: 1px solid #ccc;
}	 */

table.dataTable thead .sorting_desc {
    background-image: url(../image/desc.png);
	text-align:center;
}

tbody.tbody tr td:nth-child(1) {
   
    text-align: left;
}
th#footer-confirmed {
    background: rgba(255,7,58,.12549);
    border: 1px solid #f4f9fc;
	color:red;
}

th#footer-recovered {
	background: rgba(40,167,69,.12549);
	 border: 1px solid #f4f9fc;
	 color:#28a745;
}

th#footer-active{
	background: rgba(0,123,255,.0627451);
	border: 1px solid #f4f9fc;
	color:#007bff;
}

th#footer-deaths{background: rgba(108,117,125,.0627451);
border: 1px solid #f4f9fc;
color:#6c757d;

}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}


.total h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-family: merriweather,helvetica,arial,sans-serif;
}

div#total-confirmed {
    color: red;
    font-size: 24px;
}

span.footer_deltaconfirmed{color: red;}
span.total_deltaconfirmed {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 0 0 15px;
}


div#total-active {
    color: #007bff;
    font-size: 24px;
	padding: 35px 0 0;
}

/* 
td.sorting_1 {
    text-align: left!important;
} */

span.footer_deltarecovered{ color: #28a745;}
div#total-recovered {
    color: #28a745;
    font-size: 24px;
}
.deltarecovered{color: #28a745;}
span.total_deltarecovered {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 0 0 15px;
}


span.footer_deltadeaths{ color: #6c757d;}
.deltadeaths{color: #6c757d;}
div#total-deaths {
    color: #6c757d;
    font-size: 24px;
}
span.total_deltadeaths {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 0 0 15px;
}
i.fa.fa-arrow-up {
    font-size: 11px;
}


/* table.dataTable th {
    text-align: left;
	background-color: #808080;
    color: #fff;
	border: 1px solid;
}

thead {
    background-color: #808080;
    color: #fff;
} */
table.display {
    background-color: rgba(108,117,125,.0627451);
	
}
table{width:100%}


#countdown button {
    background-color: #222;
    color: #fff;
    padding: 10px 14px;
    border: none;
    outline: none;
    margin: 0 0 20px;
	cursor:pointer;
}

.blurry{
	filter: blur(2px);
}

thead tr th:first-child {
    text-align: center;
}

tfoot tr th:first-child {
    text-align: center !important;
}

tbody tr td:first-child {
    cursor: pointer;
}

.distr-data {
    text-align: center;
}

span.state_update {
    font-size: 15px;
    font-weight: bold;
    color: green;
}

.ui.input {
    width: 70%;
}

.dataTables_filter {
   display: none!important;
}

.covid19 .row {
    margin-bottom: 0;
}

.covid19 {
    float: left;
    width: 100%;
    margin: 0px 0 40px;
	
}
.totalcount .total {
    height: 135px;
}
.total.deltaconfirmed {
    color: red;
    float: left;
    background: rgba(255,7,58,.12549);
     padding: 24px 20px;
    text-align: center;
	border:1px solid;
}
.total.deltaconfirmed h3 {
    color: red;
}
.total.deltaactive {
    color: #007bff;
    float: left;
    background: rgba(0,123,255,.0627451);
    padding: 24px 56px;
	text-align: center;
	border:1px solid;
}
.total.deltaactive h3 {
    color: #007bff;
}

.total.deltarecovered {
    color: #28a745;
    background: rgba(40,167,69,.12549);
    float: left;
    padding: 24px 42px;
    text-align: center;
	border:1px solid;
}
.total.deltarecovered h3 {
    color: #28a745;
}

.total.deltadeaths {
    color: #6c757d;
    float: left;
    background: rgba(108,117,125,.0627451);
    text-align: center;
    padding: 24px 50px;
    margin: 0 0px 0 15px;
	border:1px solid;
}
.total.deltadeaths h3 {
     color: #6c757d;
}




.deltaconfirmed {
    color: red;
}

.deltaactive {
    color: #007bff;
}

.deltarecovered {
    color: #28a745;
}

.deltadeaths {
    color: #6c757d;

}

.modal-dialog .modal-content{width:100%;}
.modal-backdrop{position:static;}
.Lastupdated span {
    float: left;
    font-size: 15px;
    font-weight: bold;
}

.Lastupdated {
    float: left;
    color: green;
    margin: 0 0 20px;
    width: 50%;
    
}


.distr-data table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
  /*   width: 34%; */
    /* text-align: left; */
}

.distr-data .state_update {
    float: left;
    width: 100%;
    text-align: left;
    margin: 0 0 10px;
}
.distr-data table td {
    background-color: #f4f9fc;
    border: 1px solid #ccc;
    border-right: 1px solid #ccc!important;
}

.toolbar {
    float: left;
    width: 100%;
    text-align: left;
    margin: 20px 0 10px;
    color: red;
    font-weight: 500;
}
.toolbar:before {
    content: "Note : ";
    font-size: 17px;
    font-weight: bold;
}

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


.col-md-9.totalcount .total {
    float: left;
    margin: 0 12px 12px 0;
    width: 45%;
    text-align: center;
    padding: 16px;
    /* height: 100px; */
}
.col-md-9.totalcount {
    padding: 0;
    margin: 0 0 20px;
    float: left;
    width: 100%;
}
.col-md-3.wrapcontleft {
    margin: 5px 0 20px;
}
	
	
span.details-control {
    background: url(https://www.taazatadka.com/wp-content/themes/taazatadka/covid/chevron-circle-right-solid.svg) no-repeat center center;
    cursor: pointer;
    background-size: 9px 12px;
    padding: 8px;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 0;
    border-bottom: 1px solid #111;
}


table.dataTable thead .sorting_asc {
    background-image: none;
    text-align: left!important;
    padding: 5px 7px!important;
}

table.dataTable thead .sorting {
    background-image: none;

}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-right: 1px solid #f4f9fc;
    font-size: 13px;
    padding: 6px;
    text-align: center;
}
table.dataTable tfoot th, table.dataTable tfoot td {
    padding: 0;
    border-top: 1px solid #f4f9fc;
}
tbody tr td:first-child {
    cursor: pointer;
    font-size: 10px!important;
	padding: 3px;
}

table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
    background-color: #f1f1f1;
    padding: 0;
}

table.dataTable tfoot tr th {
    text-align: left;
    background-color: #ddd;
    color: #000;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 3px;
}
table#example thead th {
    /* display: block; */
    font-size: 11px;
    padding: 5px 7px;
	background-image:none;
	text-align:left;
}
tr.shown span.details-control {
    background: url(https://www.taazatadka.com/wp-content/themes/taazatadka/assets/covid/chevron-circle-down-solid.svg) no-repeat center center;
    background-size: 9px 12px;
}
.deltaconfirmed {
    color: red;
    font-size: 10px;
    float: left;
    width: 100%;
    text-align: center;
}
.deltarecovered {
       font-size: 10px;
	   float: left;
    width: 100%;
    text-align: center;
}
.deltadeaths {
   font-size: 10px;
   float: left;
    width: 100%;
    text-align: center;
}
.distr-data table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
    text-align: left;
}
.total.deltadeaths div#total-deaths {
    text-align: center;
}
table.dataTable tfoot tr th {
text-align: left;}
tbody.tbody tr td:nth-child(1) {
   
    text-align: left;
}

table.dataTable.display tbody tr.even td:nth-child(1) {
    
    text-align: left;
    padding: 3px;
}
table.dataTable.display tbody tr.odd td:nth-child(1) {
 
    text-align: left;
    padding: 3px;
}
.covidbanner{display:none!important;}

table.fixedHeader-floating th {
    padding: 4px 7px!important;
    font-size: 13px;
}

table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
    background-color: #f4f9fc!important;
}
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #f4f9fc!important;
}

.totalcount .col-xl-3.col-lg-3.col-md-3 {
    float: left;
    padding: 0px;
    width: 48%;
    margin: 0 0 16px;
}
.total.deltaactive {
    color: #007bff;
    float: left;
    background: rgba(0,123,255,.0627451);
    padding: 25px 47px;
    text-align: center;
    border: 1px solid;
    margin: 0 0 0 15px;
}
.Lastupdated {
    float: left;
    color: green;
    margin: 0 0 20px;
    width: 100%;
}
.serach-box {
    float: right;
    width: 100%;
    text-align: right;
}

}

@media only screen and (min-width: 320px) and (max-width: 355px) {
	.serach-box {
    float: right;
    width: 100%;
    text-align: right;
}
.Lastupdated {
    float: left;
    color: green;
    margin: 0 0 20px;
    width: 100%;
}
.totalcount .col-xl-3.col-lg-3.col-md-3 {
    float: left;
    padding: 0px;
    width: 48%;
    margin: 0 0 16px;
}
.total.deltaactive {
    color: #007bff;
    float: left;
    background: rgba(0,123,255,.0627451);
    padding: 25px 47px;
    text-align: center;
    border: 1px solid;
    margin: 0 0 0 15px;
}
table.dataTable.display tbody tr.even td:nth-child(1) {
    
    text-align: left;
    padding: 3px;
}
table.dataTable.display tbody tr.odd td:nth-child(1) {
 
    text-align: left;
    padding: 3px;
}
	
	
table.dataTable tfoot tr th {
text-align: left;}
table.dataTable thead .sorting {
    background-image: none;
	text-align:left;
}

 .total.deltadeaths div#total-deaths {
    text-align: center;
}
.col-md-9.totalcount .total {
    float: left;
    margin: 0 12px 12px 0;
    width: 45%;
    text-align: center;
    padding: 13px;
    
}
.Lastupdated span {
    float: left;
    font-size: 13px;
    font-weight: bold;
}
table#example thead th {
    /* display: block; */
    font-size: 8px;
    padding: 4px;
}
table.dataTable thead .sorting_asc {
    background-image: none;
    text-align: left;
    padding: 5px 7px!important;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
    border-right: 1px solid #f4f9fc;
    font-size: 13px;
    padding: 4px;
    text-align: center;
}
tbody.tbody tr td:nth-child(1) {
   
    text-align: left;
}
.distr-data .state_update {
    float: left;
    width: 100%;
    text-align: left;
    margin: 8px 0 10px;
    font-size: 13px;
}
.covidbanner{display:none!important;}

table.fixedHeader-floating th {
    padding: 4px 7px!important;
    font-size: 13px;
}
}