h1, h2, h3, h4, h5, h6, p, ul, td. th {font-family: 'Montserrat', sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Montserrat', sans-serif;}

.text-h1-banner {font-size: 3.5em}
.text-h1-banner-alt {font-size: 3em}

.text-display-4-5 {font-size: 2.5em}

.line-height {line-height: 1px}
.text-M-700 {font-family: 'Montserrat', sans-serif; font-weight: 700}
.text-M-800 {font-family: 'Montserrat', sans-serif; font-weight: 800}
.text-spacing-10 {letter-spacing: 0.1em}
.text-spacing-15 {letter-spacing: 0.15em}
.text-M-800-sm {font-family: 'Montserrat', sans-serif; font-weight: 800; letter-spacing: 0.15em; font-size: .75em}
.text-M-900 {font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: 0.15em}

p, ul, blockquote, pre, td, th, label {margin-top: 0px; color: #1C1C1C}
li {padding-bottom: 19px}
li:last-child {padding-bottom: 0px}

.ul-right {text-align: right; direction: rtl}



/* LANGUAGES DIV */

a:lang(en) {} /* english */
a:lang(ar) {color: #007483} /* arabic */
a:lang(hy) {color: #007483} /* armeanian */
a:lang(hi) {color: #007483} /* hindi */
a:lang(km) {color: #007483} /* khmer */
a:lang(zh-Hans) {color: #007483; word-break: keep-all;} /* simplified chinese */
a:lang(zh-Hant) {color: #007483; word-break: keep-all;} /* traditional chinese */
a:lang(fa) {color: #007483} /* farsi */
a:lang(ja) {color: #007483; word-break: keep-all;} /* japanese */
a:lang(ko) {color: #007483; word-break: keep-all;} /* korean */
a:lang(ru) {color: #007483} /* russian */
a:lang(es) {color: #007483} /* spanish */
a:lang(tl) {color: #007483} /* tagalog */
a:lang(th) {color: #007483} /* thai */
a:lang(vi) {color: #007483} /* vietnamese */




/* PAGE DIV */
.dph-width {display: block; position: relative}
.logo-dph {max-width: 200px; margin: 20px}
.container-fluid {padding-left: 0px; padding-right: 0px}
.bannerImage {max-width: 1003px; text-align:center; width:100%}


/* DPH CSS EDITED - DPH MEDIA HEADER and FOOTER */
.indexDivMedia{height:30px; /*padding-top:10px*/}
.colAtoZ1 {}
.colAtoZ2 {}
.colGrey1Media{float:left;  margin-left:20px; width: 160px;}
.colGrey3 {}
.colFontSize {width: 80px} /* width: 140px */
.colGrey2 {width: 210px; margin-left: 0px}
.colGrey4Media {float:right; padding-top:10px; padding-right: 20px}
.colBlue2 {width: 16.5%; padding-bottom: 8px}
.globalNavGreyMedia a:link, .globalNavGreyMedia a:visited {color:#2D3F77; text-decoration:none; font-weight: bold; font-size: 15px}
.globalNavGreyBlueDivMedia {background-color: #061C60; height:70px; padding-top: 2px} /* 38px height */
.globalNavGreyDivMedia {background-color:#DCDDDE; height:50px; padding-top:7px; position: inline-block}
.footdropdown {border-bottom: solid 1px gray}
.droplinks {padding-bottom: 0px; margin-top: 3px}
.contTitle4_Blue2 a:link, .contTitle4_Blue2 a:visited{color: #243877; text-decoration:none; }

.googleSearchButton {margin: 2px 0 0 0}


/* DPH Footer */
.column3alt {font-size: 11px; font-family: Arial, Helvetica, sans-serif}
.column3alt-2 {width: 100%; display: inline-block; vertical-align: top; margin-bottom: 20px}
.column3alt-1 {padding-left: 0%; width: 100%; display: inline-block; text-align: center; margin-bottom: 20px}



/* MAIN NAVIGATION CLASSES */
#header {} /* contains mobile menu icon and text */
.li-margin-left-20 {margin-left: 20px}
.mobile-icon {cursor: pointer}
.logo-placement {margin-top: -44px; margin-right: 4px}
.dph-logo {width: 100%; max-width: 90px} /* display: block; max-width: 528px */
.close-placement {margin-top: -46px}

#mobile-menu-div {position: fixed; height: auto; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 1; padding-top: 4px; width: 100%; overflow: scroll}
#open-header {width: 100%} /* contains mobile close menu icon and text */
#menu {margin-top: 66px} /* div that contains the nav text */
.cursor {cursor: pointer}
.media-nav-div {display: grid; position: relative; margin: 0 auto}
.mobile-menu {font-size: 16px} /* font-weight: bold; padding-left: 20px */
.mobile-menu a:link, .mobile-menu a:visited {color:#2D3F77; text-decoration: underline}

#mobile-nav-div {margin-top: 4px; margin-left: 4px; margin-right: 4px}

/* DROPDOWN MAIN NAVIGATION CLASSES */
.dropdown, .dropleft, .dropright, .dropup {position: inherit;}
.dropdown-menu {top: 40px; border-radius: 0; margin: 0} /* background-color: #DCDDDE; max-width: 30rem */
.dropdown-menu-24 {min-width: 15rem}
.dropdown-menu-30 {min-width: 15rem}
.dropdown-item {color: #fff !important; text-decoration: none !important; font-weight: bold !important; padding-left: 0px !important; background-color: inherit !important;} /*  border-bottom: 1px #002454 solid */
.dropdown-menu a:hover {text-decoration: underline; color: #fff !important; background-color: inherit;}
.col-primary-links {column-count: 2; border-bottom: 1px solid #fff; padding-bottom: 15px}
.col-secondary-links {column-count: 2; padding-top: 15px}
a.nav-link {text-decoration: none}
a:hover.nav-link {text-decoration: underline}
.dropdown-item {
    display: block !important;
    width: 100% !important;
    padding: 0.25rem 1.5rem !important;
    clear: both !important;
    font-weight: 400 !important;
    /*color: #212529 !important;*/
	color: #fff !important;
    text-align: inherit !important;
    white-space: nowrap !important;
    background-color: transparent !important;
    border: 0 !important;
}


/* added javascript class */
.open-fixed-menu {position: fixed; top: 0px; padding-top: 4px; padding-bottom: 4px; width: 100%; z-index: 1} /* fixed item on scrollable mobile menu */
.btn {border-radius: 0px}
/* .btn-outline-white {border: solid 2px #ffffff} */
/* .btn-outline-aqua {border: solid 2px #007483} */



/* COLORS, LINES, HYPERKINKS */
.yellow {background-color: #FFD44F}
.lyellow {background-color: #FFFAEB}
.text-yellow {color: #FFD44F}
.aqua {background-color: #007481}
.text-aqua {color: #007483}
.text-daqua {color: #005F6B}
.teal {background-color: #619080}
.text-teal {color: #619080}
.text-grey {color: #333333}
.text-lgrey {color: #555555}
.text-grey2 {color: #f0f0f0}
.text-mgrey {color: #888888}
.text-dgrey {color: #1C1C1C}
.grey {background-color: #f0f0f0}
.d-grey {background-color: #333333}
.d-b {background-color: #004553}


.blue-gradient {background-image: linear-gradient(to right, #000513 , #002454)}
.data-background {
  width: 100%;
  height: 100%;
  background-image: /* url(../images/icon-virus1.png), 
  	  url(../images/icon-virus2.png), */
      linear-gradient(to right, #000513 , #002454);
  background-repeat: /*no-repeat,
  	  no-repeat, */
      no-repeat;
  background-position: /* top left,
  	  top right, */
      left;
}


.line-yellow {border-bottom: solid 4px #FFD44F; padding-bottom: 10px}
.line-aqua {border-bottom: solid 4px #007483; padding-bottom: 10px}
.line-dgrey {border-bottom: solid 4px #333333; padding-bottom: 10px}
.border-yellow {border: solid 10px #FFD44F}
.border-top-yellow-5 {border-top: solid 10px #FFD44F}
.border-grey-5 {border: solid 5px #f0f0f0}
.border-aqua-5 {border: solid 5px #007483}
.border-white {border: solid 2px #FFF}
.border-dgrey {border: solid 2px #1c1c1c}
.border-dgrey-2 td {border: solid 2px #1c1c1c}

.vr-1 {border-right: 2px solid #f0f0f0; height: auto}
.vl-y-1 {border-left: 2px solid #FFD44F; height: auto}
.vr-y-1 {border-right: 2px solid #FFD44F; height: auto}

.blue {background-color: #002454}
.blue-text {color: #002454}
.light-blue {background-color: #eaf1ff}


a {color: #4D4D4D; text-decoration: underline}
a:hover {color: #1C1C1C}



/* collapsed sections */
button .collapseSection::before {font-family: 'FontAwesome'; content: "\f068"}
button.collapsed .collapseSection::before {font-family: 'FontAwesome'; content: "\f067"}


/* collapsed sections ARROW */
button .collapseSection-Arrow::before {font-family: 'FontAwesome'; content: "\f062"}
button.collapsed .collapseSection-Arrow::before {font-family: 'FontAwesome'; content: "\f063"}


/* Left Side Menu */
a .collapseVaccineMenu::before {font-family: 'FontAwesome'; content: "\f068"}
a.collapsed .collapseVaccineMenu::before {font-family: 'FontAwesome'; content: "\f067"}



/* Font Awesome for Metrics Recovery */
.text-green {color: #8eaa65} /*#10D90E */
.text-red {color: #cc8f85} /*#FF4F42 */
.h5-fa {font-family: 'FontAwesome'}
.h5-fa {font-family: 'FontAwesome'}



/* CARDS */
.card-title {font-size: 16px; color: #48525b; font-weight: bold}
.card {border: solid 1px #979797; border-radius: 0px}
.card-img-top {border-radius: 0px}




/* BANNER SLIDE */
.jumbotron {
  background-image: url("../images/COVID-19-banner-update.png");
  background-size: cover;
  background-position: center center;
  border-radius: 0;
}

.reopening-jumbotron {
  background-image: url("../images/reopening-banner.png");
  background-size: cover;
  background-position: center center;
  border-radius: 0;
}


/* COUNTER */
.counter {display: inline-block; padding-left: 10px; padding-right: 10px}
.counter-block {display: inline-block; line-height: 1em; padding: 8px}
.counter-text {font-weight: 500; font-family: 'Montserrat', sans-serif; border: solid 3px #007483; width: 150px; font-size: 2.2em}


/* INFO POPUP */
.overlay {position: fixed; z-index: 1; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0}
.overlay:target {visibility: visible; opacity: 1}

.popup {z-index: auto; margin: 70px auto; padding: 20px; width: 90%; /*background: #fff;*/ position: relative; /* transition: all 5s ease-in-out; */}

.popup .close {/* position: absolute; top: 20px; right: 30px; font-size: 20px; text-decoration: none; color: #6d6d6d*/}
.close {float: none; opacity: 1;}
.close-div {margin-top: 30px}
.popup .close:hover {color: #06D85F}
.popup .popup-content {max-height: 700px; overflow: auto}



/* COLLAPSIBLE SECTIONS */
.collapsible, .collapsible-center {
	cursor: pointer;
	width: 100%;
	border: none;
	outline: none;
}
			
.collapsible:before {
	font-family: "FontAwesome";
	content: '\f0da';
	float: left;
	margin-right: 5px;
}

.collapsible-center:before {
	font-family: "FontAwesome";
	content: '\f0da';
	margin-right: 5px;
}

.active:before {
	font-family: "FontAwesome";
	content: "\f0d7"; 
}

.collapsible-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}



/* NAV PILLS */
.nav-pills .nav-link {border: solid 2px #FFF; color: #fff}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color: #FFD44F; color: #002454; border: solid 2px #FFD44F}
.nav-link.active, .active:before {content: none}



/* OTHER */
.center {text-align: center}
.right {text-align: right}
.justify {text-align: justify}
.center-mobile {text-align: center}

.box-topics {position: fixed; width: 150px; height: 40px; bottom: 0; right: 30px; z-index: 1; background-color: #002454}
.fixed-box {position: fixed; width: 150px; height: 40px; bottom: 0; right: 30px; z-index: 1}
.fixed-box2 {position: fixed; width: 350px; height: auto; bottom: 0; right: 30px; z-index: 1}




/* MOBILE PORTRAIT */
@media only screen and (min-width: 0px) {
	body {
		
	}

	/* MAIN NAVIGATION CLASSES */
	#desktop-menu {display: none}
	#mobile-menu-div {display: none}
	.media-nav-div {width: 88%}

	/* DIV CLASSES */
	.dph-width {width: 100.0%}

	/* DPH MEDIA HEADER */
	.colAtoZ1, .colAtoZ2 {display: none}
	.colGrey3 {display: none}
}



/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
	body {
		
	}

	/* MAIN NAVIGATION CLASSES */
	#desktop-menu {display: none}
	#mobile-menu-div {display: none}
	.media-nav-div {width: 100%}

	/* DPH MEDIA HEADER */
	.colAtoZ1, .colAtoZ2 {display: none}
	.colGrey3 {display: none}
}



/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
	body {
		
	}

	.text-h1-banner {font-size: 4.5em}
	.text-h1-banner-alt {font-size: 4.5em} 

	.dph-logo {width: 100%; max-width: 140px} 
	.logo-placement {margin-top: -53px; margin-right: 4px}
}



/* SMALL TABLET */
@media only screen and (min-width: 600px) {
	body {
		
	}
	
}



/* TABLET/NETBOOK */
@media only screen and (min-width: 768px) { 
	body {
		
	}

	.dph-logo {display: none}
	.column3alt-1 {display: block}

		
	/* MAIN NAVIGATION CLASSES */
	#header {padding-top: 26px} /* contains mobile menu icon and text */
	#desktop-menu {display: block}
	#mobile-icon {display: none}
	.logo-placement {margin-top: -34px; margin-left: 0px; margin-right: 0px; text-align: left}
	#mobile-menu-div {display: none}
	.text-display-4-5 {font-size: 3.5em}
	.colFontSize {width: 140px}
	#mobile-nav-div {display: none}

	/* DIV CLASSES */
	.dph-width {width: 88%; float: none; margin: 0 auto; padding: 0%}
	.center-mobile {text-align: left}
	
	.popup{width: 860px}

}


/* TABLET/NETBOOK */
@media only screen and (min-width: 945px) { 
	body {
		
	}


}


/* OTHER */
@media only screen and (min-width: 992px) { 
	body {

	}
	
	.col-primary-links {column-count: 1; border-right: 1px solid #fff; border-bottom: none; padding-bottom: 0px}
	.col-secondary-links {padding-top: 0px}
}


/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
	body {

	}
	
	/* DPH MEDIA HEADER */
	.colAtoZ1, .colAtoZ2 {display: block}
	.colGrey3 {display: block}
	.colGrey4{float:right; width: 300px; padding-top:10px;}
	.globalNavGreyMedia a:link, .globalNavGreyMedia a:visited {font-size: 18px}
	
	/* DPH MEDIA FOOTER */
	.column3alt {font-size: 11px; font-family: Arial, Helvetica, sans-serif; width: 70%; margin-left: 15%; margin-right: 15%}
	.column3alt-1 {padding-left: 2%; width: 30%; display: inline-block}
	.column3alt-2 {width: 66%; display: inline-block; vertical-align: top}

	.media-nav-div {width: 1003px; float: none}	
	.dph-width {width: 1003px; float: none; margin: 0 auto; padding: 0%}
	
	.bannerImage {max-width: 1003px; max-height: 300px}

}

@media only print and (min-width: 768px) {
	body {

	}
	#mobile-icon {display: none}
	#mobile-menu-div {display: none}
	.logo-placement {display: none}
}

/*Navigation Responsive CSS*/
.dropdown-toggle::after {
	border: none!important;
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f107"!important; 
	vertical-align: 0; 
	text-decoration:none;
	font-weight: bold;
  }

  .dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 0.25rem;
}
  
  .dropdown-item {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    padding-left: 0px;
    background-color: inherit;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

  li.dropdown.show a.dropdown-toggle::after {
	content: "\f106"!important 
  }
  
  
  /* Nav sub Nenu for Mobile */
  a .collapseMainSubMenu::before {font-family: 'FontAwesome'; content: "\f106"; font-weight: bold;}
  a.collapsed .collapseMainSubMenu::before {font-family: 'FontAwesome'; content: "\f105"; font-weight: bold;}

  @media(max-width:820px){
	.mobile-nav{ margin: 0 18px; }
  }
/*==============================*/

/*Button 27 styling*/
.button-27 {
	appearance: none;
	/*background-color: #DCDDDE;
	border: 2px solid #e4e5e7;*/
	background-color: rgba(0,116,129,.05);
	border: 2px solid #007481;
	border-radius: 15px;
	box-sizing: border-box;
	/*color: #384479;*/
	color:#333333;
	cursor: pointer;
	display: inline-block;
	font-family: Roobert,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size: 1.3rem;
	font-weight: 600;
	line-height: normal;
	margin: 0;
	min-height: 60px;
	min-width: 0;
	outline: none;
	padding: 0px 4px;
	text-align: center;
	text-decoration: none;
	transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
	user-select: none;
	-webkit-user-select: none;
	touch-action: manipulation;
	width: 100%;
	will-change: transform;
  }
  
  /*.anchor-button-font-color{color: #384479 !important;}
  .anchor-button-font-color2{color: #fff !important;}*/
  .anchor-button-font-color{color: #384479 !important;}
  .anchor-button-font-color2{color: #fff !important;}
  .change-td tr td{ color:#fff !important; font-size:1..15rem !important; }
  .font-size1{ font-size:1.15rem; }
  .buttons-height{ height:12px; }
  .view-more{
	background-color: rgba(0,116,129,.05);
    border: 2px solid #007481;
    color: #007481 !important;
    font-weight: bold;
    border-radius: 5px;
  }

  .view-more:hover{
	background-color: rgba(056,68,121,.05);
    border: 2px solid #384479;
    color: #384479 !important;
  }

  .data-display{
	/*background-color: rgba(056,68,121,.05);
    border: 2px solid #384479;
    color: #384479;*/
	background-color: rgba(0,116,129,.05);
    border: 2px solid #007481;
    color: #007481 !important;
    font-weight: bold;
    border-radius: 5px;
	padding:15px;
  }

  .table-display{
	/*background-color: rgba(056,68,121,.05);
    border: 2px solid #384479;
    color: #384479;
    border-radius: 5px;
	padding:15px;*/
  }

  @media (min-width: 992px){
	#table-buttons .col-lg-2{ width:19.999% !important; }
  }
  
  .button-27:disabled {
	pointer-events: none;
  }
  
  .button-27:hover {
	box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
	transform: translateY(-2px);
  }
  
  .button-27:active {
	box-shadow: none;
	transform: translateY(0);
  }

  .bg-dark tr td{ color:#fff; }

  .popup1 { display: none; position: fixed; top: 12%; left: 15%; width: 70%; height: 70%; /*background-color: white;*/ z-index: 10; }
  .popup1 iframe { width: 100%; height: 100%; border: 0; }
  .popupdarkbg { position: fixed; z-index: 5; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,.75); display: none; }

  @media (max-width:820px){
	.float-left{ float: unset !important; }
	.mobile-margin-top{ margin-top: 1.75rem; }
	.buttons-height2{ height:12px; }
	.tk12-height{ height:500px; }

	.popup1{
		left:2%; 
		width:96%;
		height:56%;
	}
  }
/*End of Button 27*/

.rotate {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.rotate1 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate1.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.rotate2 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate2.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.rotate3 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate3.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.rotate4 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate4.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.rotate5 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate5.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.rotate6 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate6.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.rotate7 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate7.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}
.rotate8 {
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
.rotate8.down {
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.sticky-wrap.overflow-y {
    overflow-y: auto;
    max-height: 50vh;
}
.sticky-wrap {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
    margin: 1em 0;
    width: 100%;
}

#active_outbreaks th{ 
	background-color: #343a40;
    font-weight: bold;
    color: #fff;
    white-space: normal;
}

p .color-white{
	color:#fff !important;
}

.dropdown-toggle::after {
	border: none!important;
	font: normal normal normal 20px/1 FontAwesome;
	content: "\f107"!important; 
	vertical-align: 0; 
	text-decoration:none;
	font-weight: bold;
  }
  
  li.dropdown.show a.dropdown-toggle::after {
	content: "\f106"!important 
  }
  
  
  /* Nav sub Nenu for Mobile */
  a .collapseMainSubMenu::before {font-family: 'FontAwesome'; content: "\f106"; font-weight: bold;}
  a.collapsed .collapseMainSubMenu::before {font-family: 'FontAwesome'; content: "\f105"; font-weight: bold;}

/*Covid-19 Data page css*/
.footnotes{
	padding:15px 25px;
	border-radius: 5px; 
	background-color: rgba(056,68,121,.05);
    border: 2px solid #384479;
}
.footnote-width{
	width:96%;
}
.text-blue{
	color:#384479;
}
.text-green{
	color:#007481;
}
.line-aqua {
    border-bottom: solid 4px #007481;
    padding-bottom: 10px;
}
#table-buttons{
	/*background-color:rgba(0,116,129,.05);
	border: 1px solid #007481;
	border-radius: 5px;
	padding: 0px 0px 15px 0px;*/
}

.tk12-height{
	height:800px;
}
/*============*/

/*Back to top Button*/
.m-backtotop {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: fixed;
	bottom: -50px;
	right: 20px;
	width: 50px;
	height: 50px;
	background: #061C60 ;
	border-radius: 25px;
	text-align: center;
	border: 2px solid #fff;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
	opacity: 0;
	overflow: hidden;
	color: #fff;
	}
	.m-backtotop.active {
	bottom: 15px;
	opacity: 1;
	}
	.m-backtotop > div {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	.m-backtotop > div.arrow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	opacity: 1;
	}
	.m-backtotop > div.text {
	font-size: 5px;
	font-size: 0.5rem;
	line-height: 10px;
	text-transform: uppercase;
	font-weight: 900;
	font-family: "Open Sans", sans-serif;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(50%) translateX(-50%);
	opacity: 0;
	margin-top: 1px;
	}
	.m-backtotop:hover {
	transform: scale(1.1);
	bottom: 20px;
	cursor: pointer;
	background: #061C60 ;
	box-shadow: 0 10px 5px rgba(0, 0, 0, 0.1);
	}
	.m-backtotop:hover > div.arrow {
	transform: translateY(-150%) translateX(-50%);
	opacity: 0;
	}
	.m-backtotop:hover > div.text {
	transform: translateY(-50%) translateX(-50%);
	opacity: 1;
	}
	/*****************************/