/*--- Fonts ---*/
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UNirkOUuhp.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*-- Reset css --*/
/*==================box-sizing================*/
*,*:before,*:after{box-sizing:border-box}
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*,*:before,*:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit}
/*====*/
*{margin:0;padding:0;border:none}
abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted}
dfn{font-style:normal}
.left{float:left}.right{float:right}
.clear{clear:both}
.aligncenter{text-align:center}
.alignright{text-align:right}
a{color:#000;outline:none;border:none;text-decoration:none}
a:visited{color:#5c5c5c}
a:hover{text-decoration:none;color:#0198d1}
a:active{color:#000}
address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal}
:focus{outline:0}
ul,ol{list-style:none;margin:0;padding:0}
p{font-size:15px;padding:8px 0;line-height:24px;margin:0}
.input-group{position:relative;margin-bottom:15px}
.form-control{background:#fff;border:solid 1px #e1e1e1;font-size:15px;color:#434343;border-radius:4px;width:100%;height:56px;padding:8px 15px}
.form-control::-moz-placeholder{color:#797979;opacity:1}
.form-control:-ms-input-placeholder{color:#797979}
.form-control::-webkit-input-placeholder{color:#797979}
.form-control:focus{box-shadow:none}
.btn-primary{width:100%;/*min-height:62px;*/background-color:#252525;border:0;font:20px "Roboto Regular", Arial, sans-serif;font-weight:600;padding:16px 0 0 0;-webkit-transition:all 0.3s ease-in;transition:all 0.3s ease-in;text-transform:uppercase}
.btn-primary:hover,.btn-primary:focus{background:#059ad9}
.btn-primary:focus,.btn-primary:active{border:0;box-shadow:none}
textarea{font:12px Arial, Helvetica, sans-serif}
textarea.form-control{height:120px}
.block{display:inline-block;width:100%}
.button{display:inline-block;background-color:#e20534;border:none;box-shadow:none;color:#fff;font-size:27px;text-transform:uppercase;border:none;padding:16px 37px;text-align:center;vertical-align:middle;border-radius:6px;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}
a:visited.button{color:#fff}
.error{display:block;color:#d60606;padding-top:5px}
.alert-success{opacity:1}.button.radius{border-radius:4px}
.capitalize{text-transform:none;text-transform:capitalize}
img.img-block{display:block;max-width:100%;height:auto}
.center-box{background-color:transparent;text-align:center;padding:60px 0}
.ucase:before{text-transform:uppercase}
.block{display:inline-block;width:100%}
.icon{display:inline-block;fill:currentColor;height:1em;position:relative;top:-0.0625em;vertical-align:middle;width:1em}
.list{list-style:none; margin:0}
.list li{background:url(../images/list.png) no-repeat left 9px;color:rgb(217, 217, 217);font-size:20px;line-height:28px;margin:0 20px 20px;padding-left:26px}
.list-numeric{list-style:decimal outside;padding-left:26px}
.list-numeric li,.list-unstyled li{font-size:20px;line-height:28px;margin:0 0 16px}
.list-unstyled{padding-top:35px}
/*-- Body --*/
html{background:#fff;height:100%;font-family:Arial, Helvetica, sans-serif}
body{background:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:400;font-size:15px;min-height:100%;color:#000}
.container{max-width:1190px;margin:0 auto;position:relative;padding:0 15px}
/*-- Fetch Fonts --*/
h1,h2,h3,h4,h5,h6,.button{font-family:"Open Sans", Arial, sans-serif;font-weight:600}
.hd-h2{color:#242323;font-size:46px;margin:0 0 24px;letter-spacing:1px}
/*-- Container --*/
#content{min-height:300px}
.hd-h1{color:#222;padding-bottom:30px}
/*-- Header --*/
#header{background:#133154;min-height:93px}
.logo{margin:12px 0 17px}

#menu .nav-list > li{font-size:15px;text-transform:uppercase;color: #fff}
#menu .nav-list > li > a,#menu .nav-list > li > span{color:#fff;padding:13px 15px 13px 15px}
#menu .nav-list > li > a:hover,#menu .nav-list > li.active span{color:#f33232}
@media (min-width:992px){
	#menu{float:right;padding-top:15px}
	#menu .nav-list > li{float:left}
}

@media (max-width:991px){
/*-- BURGER --*/
.burger {width: 50px; height: 50px; position: fixed;top: 16px;right: 15px;border-radius: 4px;z-index:1000000;background-color: transparent;}
.burger span {position: relative;margin-top: 9px;margin-bottom: 9px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: absolute;  top: 50%;left: 50%;margin-left: -15px;margin-top: -1.6px;}
.burger span, .burger span::before, .burger span::after {
  display: block;
  width: 30px;
  height: 3px;
  background-color:#d20303;
  outline: 1px solid transparent;
  -webkit-transition-property: background-color, -webkit-transform;
  -moz-transition-property: background-color, -moz-transform;
  -o-transition-property: background-color, -o-transform;
  transition-property: background-color, transform;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.burger span::before, .burger span::after { position: absolute; content: "";}
.burger span::before { top: -9px; }
.burger span::after { top: 9px; }
.burger.clicked span { background-color: transparent; }
.burger.clicked span::before {
  -webkit-transform: translateY(9px) rotate(45deg);
  -moz-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg);
}
.burger.clicked span::after {
  -webkit-transform: translateY(-9px) rotate(-45deg);
  -moz-transform: translateY(-9px) rotate(-45deg);
  -ms-transform: translateY(-9px) rotate(-45deg);
  -o-transform: translateY(-9px) rotate(-45deg);
  transform: translateY(-9px) rotate(-45deg);
}
.burger.clicked span:before, .burger.clicked span:after { background-color: #fff; }
.burger:hover { cursor: pointer; }

/*-- NAV --*/
.fixed-nav {
  background-color: #0a0804;
  position: fixed;
  z-index: 100000;
  top: 0;
  right: 0;
  height: 100%;
  max-width: 306px;
  width: 100%;
  padding: 80px 25px 60px 25px;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}
.fixed-nav.show {
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}
.fixed-nav.show ul.main li {
  opacity: 1;
}
.fixed-nav ul.main {display: block;width: 100%;}
.fixed-nav ul.main li {
  opacity: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fixed-nav ul.main li a,.fixed-nav ul.main li.active span{
  display: block;
  padding:8px 0 15px;
  border-bottom:solid 1px #2c2c2c;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.fixed-nav ul.main li:last-child a,.fixed-nav ul.main li:last-child span{border-bottom:none;}
.fixed-nav ul.main li a span { color: #10a2dc;}
.navoverlay {
  position: fixed;  top: 0;  left: 0;  z-index: 100;  width: 100%;  height: 100%;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out;  background-color: #10a2dc;  opacity: 0;  visibility: hidden;}.navoverlay.show {  opacity: 0.8;  visibility: visible;}
}


#content{background:#f5f5f5;min-height:500px;padding:50px 0}

.box{background:#d9d8d8;padding:20px;border-radius:8px;min-height:200px}
.stat-box{background:#d9d8d8;padding:20px;border-radius:8px;min-height:100px}
h3#total_cases{
  font-weight: 700;
  color: #f31515;
  font-size: 54px;
}

h3#total_recovered{
  font-weight: 700;
  color: #32e24f;
  font-size: 54px;
}

h3#total_deaths{
  font-weight: 700;
  color: #313131;
  font-size: 54px;
}
.table{color:#222}
.table thead th{border-bottom-width:1px;border-top:0}
.table-hover tbody tr:hover{color:#222;background-color:rgba(19,49,84,.15)}
.table td, .table th{border-top-color:#404040}
.table tbody tr:last-child td{border-bottom:1px solid #404040}
/*.table-hover tbody tr:hover td.active_cases{background-color:#dd4242}
.table-hover tbody tr:hover td.new_cases{background-color:#e5bf5f}
.table-hover tbody tr:hover td.recovered_cases{background-color:#69bb77}
.table-hover tbody tr:hover td.deaths{background-color:#e78787}*/

a.page-link,a.page-link:visited{color:#1c4779}
.page-item.active .page-link{background-color:#1c4779;border-color: #1c4779}

.dataTables_length{margin-bottom:15px;color:#222}
.dataTables_filter .form-control,.dataTables_length .form-control{height:33px;margin:-6px 0 0 10px;border:1px solid #737373}
.dataTables_length select.form-control{margin-right:10px;border:1px solid #737373}
#example_filter label{color:#222}


table{
    width:100%;
}
#example_filter{
    float:right;
}
#example_paginate{
    float:right;
}
label {
    display: inline-flex;
    margin-bottom: .5rem;
    margin-top: .5rem;
   
}
.counter {
    background-color:#f5f5f5;
    padding: 20px 0;
    border-radius: 5px;
}

.count-title {
    font-size: 40px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 13px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}
.country{width:130px;cursor:pointer;}
.total_cases{width:110px}
.active_cases{width:120px;background-color:#f85c5c}
.new_cases{width:110px;background-color:#f9d57a}
.recovered_cases{width:150px;background-color:#8ed69a}
.deaths{width:115px;background-color: #313131;}
.new_deaths{width:115px}
.more_info{cursor:pointer;color:#7eccfe;background-color:#745c9e;word-break: break-word;overflow-wrap: break-word;}
/*.default sorting,.default sorting_desc{width:100px}*/
.default{background-color:#fff;text-decoration: none;color: black;}
#example_paginate{margin-top:15px}
.dataTables_info{margin-top:20px;color:#222}
.sorting_asc,.sorting_desc{background-image:url(../images/up-arrow.png);background-repeat:no-repeat;background-position:100% center}
.sorting_desc{background-image:url(../images/down-arrow.png);}
td.active_cases,td.deaths{color:#fff}
/*td..active_cases,td..new_cases,td..recovered_cases,td..deaths{color:#fff}*/
.table td.active_cases{border-color:#e34a4a}
.table td.new_cases{border-color:#d2b338}
.table td.recovered_cases{border-color:#5cac69}
.table td.deaths{border-color:#504f4f}

/*Get update */

.contact-form{
    background: #fff;
    margin-top: 10%;
    margin-bottom: 5%;
    width: 70%;
}
.contact-form .form-control{
    border-radius:1rem;
}
.contact-image{
    text-align: center;
}
.contact-image img{
    border-radius: 6rem;
    width: 11%;
    margin-top: -3%;
    transform: rotate(29deg);
}
.contact-form form{
    padding: 14%;
}
.contact-form form .row{
    margin-bottom: -7%;
}
.contact-form h3{
    margin-bottom: 8%;
    margin-top: -10%;
    text-align: center;
    color: #0062cc;
}
.contact-form .btnContact {
    width: 50%;
    border: none;
    border-radius: 1rem;
    padding: 1.5%;
    background: #dc3545;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}
.btnContactSubmit
{
    width: 50%;
    border-radius: 1rem;
    padding: 1.5%;
    color: #fff;
    background-color: #0062cc;
    border: none;
    cursor: pointer;
}

/* mapp.css */

.top-info-container {
  z-index: 1;
  top: 20px;
  position: absolute;
  color: white;
  text-align: center;
  width: 100%;
}

.bottom-info-container {
  z-index: 1;
  bottom: 15px;
  position: absolute;
  color: white;
  text-align: center;
  width: 100%;
}

.title {
  font-size: 35px;
  color: #e6f1ff;
}

.title-desc {
  margin-top: 5px;
  color: #ccd6f6;
  padding: 0 5px;
}

#infected {
  color: goldenrod;
}

#deaths {
  color: #ff4848;
}

#recovered {
  color: #1ae021;
}

.card {
  font-family: 'Space Mono', monospace;
  transition: 0.3s;
  background-color: black;
  width: 190px;
  border: 2px solid steelblue;
  border-radius: 10px;
  text-align: center;
  z-index: 2;
}

.container {
  /* padding: 3px 16px; */
  padding-top: 1px;
  padding-bottom: 8px;
  padding-left: 12px;
  padding-right: 12px;
}

.card-img {
  object-fit: contain;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.card-title {
  font-weight: bold;
}

.card-total-cases {
  font-size: 11px;
}

.card-spacer {
  height: 5px;
}

.bottom-info {
  display: flex;
  flex-direction: column;
  font-size: 11px;
}

.scene-tooltip {
  z-index: 2;
}

/* country.php */
#country_total_cases{
  font-weight: 700;
  color: #32e24f;
  font-size: 54px;
}
#country_total_recovered{
  font-weight: 700;
  color: #32e24f;
  font-size: 54px;}
#country_total_deaths{
  font-weight: 700;
  color: #32e24f;
  font-size: 54px;}
#total_active_cases{
  font-weight: 700;
  color: #32e24f;
  font-size: 54px;}
#country_todays_deaths{
  font-weight: 700;
  color: #32e24f;
  font-size: 54px;}
#country_danger_rank{
  font-weight: 700;
  color: #32e24f;
  font-size: 54px;}

.total-counts{font-size:16px;color:#222;margin-bottom:10px;font-weight:600}
.total-count-details{color:#222;padding:0 5px}
.card-body h6{color:#2b77cf}
#footer{background:#133154;min-height:87px;color:#fff}
#footer p{color:#fff;text-align:center;padding-top:30px}
/*====Responsive====*/

@media (max-width:1199px){
img{display:block;max-width:100%;height:auto}.img-responsive{display:block;max-width:100%;height:auto}
#example.table{width:1200px}.table-responsive{padding-bottom:15px}
/* body{border:1px solid #000}*/ 
}
@media (max-width:1024px){
.container{max-width:928px;padding:0}


/*body{border:1px solid orange}*/
}
@media (max-width:991px){
.container{max-width:721px}


/* body{border:1px solid red} */
}
@media (max-width:767px){
.container{max-width:590px}
#example.table thead th{font-size:12px}#example_filter{float:none;margin-bottom:10px}.dataTables_length{margin-bottom:5px}

/*body{border:1px solid lightgreen}*/
}
@media (max-width:639px){
.container{max-width:435px}
.logo{padding-top:10px;max-width:150px;margin-bottom:0}

/*body{border:1px solid blue}*/
}
@media (max-width:480px){
.container{max-width:90%}html{-webkit-text-size-adjust:none}

/*body{border:1px solid magenta}*/
}