/*
//  (c) 2021  yves goulnik http://goulnik.com
//      yves@goulnik.com
//
//  last modified : 03-Nov-2021
*/

/* @viewport { max-width:1124px; } */

* { font-family:'Source Sans Pro'; font-size:98%; }
body { max-width:1124px; }

.suspended {color:grey;}
.flag {font-size:75%; margin-left:3px;}

#filters {font-size:85%; margin:12px 0 0 130px;}
#filters>div {font-weight:bold; display:inline-block; margin-left:18px;}

.regiontab {font-weight:bold; margin:2px 0; font-size:105%;}
.clintrialsgov {color:white; padding:3px 0; margin:3px 0; background-color:#205493; }
.whotracker {color:white; padding:3px 0; margin:3px 0; background-color:#168ec7;}
.brandtracker {color:white; padding:3px 0; margin:3px 0; background-color:#aaa;}
.brand {cursor:pointer; display:block; font-weight:bold; margin:5px 0;}
.report {display:block; margin:7px 0;}
#reports {margin-top:3px;}
#reports>table {width:95%; border-collapse: collapse; border: 1px solid grey; 
margin:8px 0 0 21px;}

#details td:nth-child(1)>span { font-size:80%; margin-left:3px; font-weight:normal; }

.NCT {cursor:pointer; display:block; margin:7px 0;}
.trial {display:block; margin 5px 0;}
#map, #video {margin:0 6px;}
.colored {display:inline; padding:0 1px; margin-right:2px; color:white;}
.tiptop>table {margin:2px; width:100%;}
.tiptop>table, 
.tiptop>td, {border-collapse: collapse; border: 1px solid grey; }
.tiptop td {text-align:left;}
.tiptop td:nth-child(1) {font-weight:bold;}
.thspan { font-weight:bold; background-color:lightBlue;} /* column-span:all; */

.toggle {margin-left:4px; cursor:pointer; font-weight:normal; color:#333; font-size:80%;}
/* .tiptop td:nth-child(1) { font-weight:lighter; margin-left:3px;} /* column-span:all; */
sup { font-size:60%; top: -0.5em; }   /* Move the superscripted text up */ 

h2 {cursor:pointer;}
#byregion>h2,
#reports>h2 {margin-left:21px;}

td {width:14%; text-align:center; font-size:90%; vertical-align:top; }
#footer { bottom:3px; margin-top:32px; font-size:75%; text-align:center;}
.icon {width:20px;}
a:link,
a:visited,
a:active {color:#666; text-decoration:none;}
a:hover {font-weight:bold;}
td>span {display:inline-block;}
a {display:inline;}
#byregion {margin:-80px 0 0 0;}
#regions {margin-top:2px;}
#regions th,
#regions td {vertical-align:top; text-align:left;}
#regions span {display:block;}

#updated {font-size:80%; margin:-12px 0 24px 16px; display:inline;}
#updated>span:nth-child(2) {color:grey;}
#sources {font-size:80%; margin:-12px 0 4px 21px; display:inline;}
#updated>span,
#sources>span {margin-left:5px; display:inline-block;}
/* #sources a {margin-right:5px;} */
hr {border:2px solid #f79b37; position:absolute; top:-8px; left:0; width:100%;}
.logo-header {margin-bottom:8px;}

#notice {font-size:75%; color:#999; margin:8px 0 -2px 21px ;}
#highlight {margin-left:-8px; color:#633;}

/* #bycountrylist {font-size:80%; margin: 32px 0 24px 64px; cursor:pointer; } */
 
#savelives {position:absolute; top:4%; right:3%; font-size:98%; font-weight:bold; }
#savelives>a {color:#97040b;}
 
#selection {font-size:80%; margin: 16px 0 28px 21px; cursor:pointer; }
#bycountrylist,
#colorselection,
#regionselection { cursor:pointer; margin-right:12px;}
.children {color:darkRed; margin-left:3px;}
.phase,
.region,
.vtype {font-size:80%; color:#505050; display:block; margin:6px 0; cursor:pointer;}

#vaccineDevelopers, 
#vaccineTypes {display:none;}

#situcontent { font-size:80%; z-index:99;}
#situcontent>div {font-weight:bold;}

/* #bycountry {position:absolute; height: 495px; overflow:scroll; margin:-43px 0 0 -102px; font-size:90%;} */
#bycountry {position:absolute; height: 475px; overflow:scroll; font-size:90%; margin-top:-18px; top:148px; opacity:0.8; background-color:white; width:224px; } /* 210px */

#bycountry>table { border:none; width:224px;}
#bycountry>table td:nth-child(1) { font-weight:bold; width:35%; }
#bycountry>table td:nth-child(2) { width:65%; }
#bycountry>table td {text-align:left;}
#bycountry h2 { text-align:left; margin:-16px 0 0 3px;}

#situation {color:#999; margin-left:12px; z-index:99; }
#close  {font-size:135%; color:grey; text-align:right; font-family:'Courier New'; font-weight:normal; cursor:pointer; padding:0 36px;}
#close:hover {font-weight:bold;}

.graphs {
 margin-left: 6px;
 writing-mode: vertical-lr;
 -webkit-transform: rotate(-90deg);
 -moz-transform: rotate(-90deg);
}

#closemodal {font-size:80%; margin-top:24px; font-style:italic;}

/* #svg {border:1px red solid; width: 700px; height:450px; margin-left:-160px;} */

#select {margin:-10px 0 21px 0; position:absolute; left:21px;}

#view {border:none; text-align:left; width:98%; margin-top:32px;}
#view>div {display:inline;}

#phases {margin:-8px 0 3px 0; display:inline-block; position:absolute; top:-30px; width:75px; }
#phases>span {margin:7px; display:block; cursor:pointer;}
.phase:hover,
.phased {font-weight:bold; color:black;}

/* #combined {font-size:75%; color:#888; margin:0 0 2px -6px;} */

#colorcoding {font-size:80%; margin: 6px 0 0 3px; display:inline-block; color:#666; top:188px; position:relative;}
.moa:hover  {font-weight:bold;}
.moa {cursor:pointer; margin:3px 8px 0 6px; display:block; padding:2px 0;}

#vaccdetails {position:absolute;  top:176px; height:420px; width:256px; font-weight:normal; overflow:scroll; background-color:white; opacity:0.75; border:solid grey 1px; padding:3px; border-radius: 5px; left:402px; display:none;}

.vaccdetails {font-weight:normal; display:block; font-size:90%; cursor:pointer; margin:3px 8px 0 1px; display:block; padding:1px 0;}
.vaccdetails:hover  {font-weight:bold;}

#adminroute {font-size:80%; margin: 6px 0 0 4px; display:inline-block; color:#666; top:-72px; position:relative; overflow:scroll; height:180px; }
.route:hover  {font-weight:bold;}
.route {cursor:pointer; margin:3px 8px 0 3px; display:block; padding:2px 0;}
.admin {font-family:'Courier New'; font-size:90%; margin-right:2px; display:inline;}

#approvacc {font-size:80%; margin: 6px 0 0 -88px; display:inline-block; color:#666; top:192px; position:relative; height:224px; overflow:scroll;}
.vacc:hover  {font-weight:bold;}
.vacc {cursor:pointer; margin:3px 8px 0 3px; display:block; padding:2px 0;}

#children {font-size:80%; color:#666; margin:-62px 0 5px 10px; cursor:pointer; top:262px; position:relative; }
#children:hover {font-weight:bold;}
#children>span {margin:0 3px 0 0;}

#vaccinations {font-size:80%; color:#666; margin:6px 0 3px 10px; cursor:pointer; position:relative; top:262px; }

#vaccinations:hover {font-weight:bold;}
.vaccinations { color:Gold; margin-right:3px;}

#travel {font-size:80%; color:#666; margin:6px 0 5px 10px; cursor:pointer; position:relative; top:262px; width:105px;}
#travel:hover {font-weight:bold;}
.travel { color:#005eaa; margin-right:3px;} /* CDC color */

#explainer {margin: 0; font-size:85%;}
#explainer>p {margin:5px 0 0 0; width:90%;}
.ZZ {margin-top:-3px; font-size:3%;}

h1 {font-size:110%; margin:0 0 0 21px;}
#regions {width:95%; border-collapse: collapse; border: 1px solid grey; margin:8px 0 0 21px;}

#footer>a {margin:0 12px;}
#credits {margin:0 12px; font-size:100%; } /* display:none; */