body {
 font-family: "geneva", "arial";
 font-size: 1em;
 align-content: center;
 align-self: center;
 text-align: center;
 align-self: center;
 align-content: center;
 align-items: center;
 background: rgba(248, 248, 248, 0.5);
 padding: 0px;
 margin: 0px;
 font-family: Noto Sans;
 max-width: 100%;
 min-width: 100%;
 width: 100%;
}

a.back {
 text-decoration: none;
 padding: 1%;
 margin: 1%;
}

a:not(.ui-state-default) {
 color: #333333;
 padding: 5px;
 padding-bottom: 5px;
 padding-top: 5px;
 border-radius: 10px;
 border-width: 2px;
 margin-left: 5px;
 margin-right: 5px;
}

.ui-state-default {
 border-radius: 0px;
}

.menutable a {
 padding: 5px;
 display: inline-block;
 margin: 0 auto;
}

.menu,
.menu a {
 font-size: 2vw;
 padding: 1vh 1vw;
}

.submenu a,
.subsubmenu a,
.menu a {
 padding: 5px;
 margin: 0 auto;
 display: inline-block;
 font-size: 1.8vw;
}

a.submenuoff {
 border: 2px solid #C5E0EF;
 /*display: block;*/
}

a.menuoff {
 border: 2px solid #8CBFDE;
 /*display: block;*/
}

a.menuon,
a.submenuon {
 border: 2px solid #FFFFFF;
 -webkit-box-shadow: 0px 0px 15px 1px rgba(240, 240, 240, 0.75), inset 0px 0px 15px 1px rgba(240, 240, 240, 0.75);
 -moz-box-shadow: 0px 0px 15px 1px rgba(240, 240, 240, 0.75), inset 0px 0px 15px 1px rgba(240, 240, 240, 0.75);
 box-shadow: 0px 0px 15px 1px rgba(240, 240, 240, 0.75), inset 0px 0px 15px 1px rgba(240, 240, 240, 0.75);
 /*display: block;*/
}

a.menuoff:hover,
a.submenuoff:hover {
 border: 2px solid;
 -webkit-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.25);
 -moz-box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.25);
 box-shadow: 0px 0px 5px 1px rgba(50, 50, 50, 0.25);
 /*display: block;*/
}

.contentwrapper {}

table,
td,
tr {
 margin: 0 auto;
 text-align: center;
 align-self: center;
 align-content: center;
 align-items: center;
 font-family: "geneva", "arial";
 display: block-inline;
}

a.maplink {
 padding: 1px;
 margin: 1px;
}

h3 {
 padding: 0.5vh;
 margin: 0.5vh;
}

div.menu {
 background: #0072B6;
 border: #000000;
 border-bottom-color: black;
 text-align: center;
 width: 99%;
 padding: 0.5%;
 margin-top: -0.1%;
 align-content: center;
 align-self: center;
 align-items: center;
 text-align: center;
 table-layout: auto;
 text-vertical-align: middle;
 vertical-align: middle;
 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
 z-index: 100;
 position: relative;
}

h2.title {
 color: #FFFFFF;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0.3vh;
}

h2.title:hover {
 -moz-text-decoration-color: #C5E0EF;
 /* Code for Firefox */
 text-decoration-color: #C5E0EF;
 text-decoration: underline;
}

div.submenu {
 background: #8CBFDE;
 padding: 0.5%;
 -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
 z-index: 99;
 width: 99%;
 font-size: 1.em;
 position: relative;
}

div.subsubmenu {
 background: #C5E0EF;
 padding: 0.5%;
 font-size: 1.em;
 -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.75);
 z-index: 98;
 width: 99%;
 position: relative;
}

.requestform {
 padding: 1vh;
}

form h3 {}

.requestform h3,
.formcontainer h3 {
 width: 25vw;
 display: inline;
 margin: 1vh;
 padding: 1vh;
 align-content: center;
 text-align: center;
 vertical-align: middle;
 text-align: center;
 font-size: 1.5vw;
 -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
 border-radius: 0px;
 background: white;
  border-radius: 5px;

}

.formcontainer h3 {
 display: inline-flex;
  border-radius: 5px;

}

.requestform input,
.requestform select,
.requestform textarea {
 width: 55vw;
 margin: 1vh;
 padding: 1vh;
 border-radius: 5px;
 /* margin-right: 3em;*/
 align-content: center;
 text-align: center;
 font-size: 1.5vw;
 -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
}

.requestform .submitbutton {
 background: #C5E0EF;
 margin: 0.5vh 0.5vw;
 border-radius: 10px;
 border: 2px solid black;
 width: 20vw;
 height: 8vh;
 word-wrap: break-word;
 /* font-size: 4vh;*/
 vertical-align: middle;
 align-content: center;
 align-items: center;
 cursor: pointer;
 -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.75);
}

.requestform .submitbutton:hover {
 -webkit-box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0.75);
 box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0.75);
 background: #0072B6;
 color: white;
}

.requestform input#instrumentsearch {
 /* width: 30vw;*/
 margin: auto;
 margin-left: 1em;
}

.requestform select#searchtype {
 margin-right: 1vw;
 max-width: 60vh;
}

#checkboxcontainer {
 margin: auto;
 margin-left: 44%;
 padding: 0;
 width: 15%;
 text-align: right;
}

input#t1,
input#t0 {
 z-index: 1000;
 width: 10vw;
 vertical-align: middle;
 border: none;
}

input#actualcodesonly,
input#oldstat {
 box-shadow: none;
 padding: 0;
 margin: 0;
 float: right;
 width: 15px;
}

select {
 text-align: center;
 vertical-align: middle;
 margin-bottom: 5px;
 /* margin: 50px;*/
 /* border: 1px solid #111;*/
 /* width: 150px;*/
 font-size: 2vh;
 /*
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
*/
 border: 1px solid #ccc;
}

#.ygraph-wrapper {
 width: 90vw;
 margin: 0 auto;
 margin: 1vw;
 padding: 1vw;
}

.dygraph-container {
 position: relative;
 box-shadow: inset 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
 padding: 1vh;
 width: 95%;
 height: 350px;
 background: #efefef;
 border-radius: 5px;
 margin: 0 auto;
}

.dygraph {
 z-index: 0;
 border-radius: 5px;
 margin: 0 auto;
 height: 90%;
}

.dygraph-legend-modified {
 position: absolute;
 font-size: 1.5vw;
 z-index: 10;
 right: 5%;
 bottom: 5%;
 padding-left: 1vw;
 padding-right: 1vw;
 line-height: normal;
 text-align: left;
 overflow: hidden;
 background: rgba(255, 255, 255, 0.75);
 border-radius: 15px;
 -webkit-align-content: center;
 -ms-flex-line-pack: center;
 align-content: center;
 text-align: center;
 vertical-align: middle;
 text-align: center;
 margin: 0 auto;
 box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
}

#alogo {
 padding: 0;
 margin: 0;
 width: 100%;
}

#logo {
 background: #e5e5e5;
 width: 99%;
 height: 4vh;
 display: block;
 left: auto;
 right: auto;
 bottom: 0;
 padding: 0.5%;
 position: relative;
 margin-left: auto;
 margin-right: auto;
 align-self: center;
 align-content: center;
 align-items: center;
 -webkit-box-shadow: 0px -1px 5px 2px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px -1px 5px 2px rgba(0, 0, 0, 0.75);
 box-shadow: 0px -1px 5px 2px rgba(0, 0, 0, 0.75);
}

.infotext {
 width: 90%;
 text-align: left;
 margin: 0 auto;
 -webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.75);
 box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 0.75);
 padding: 2vh;
 margin: 0 auto;
 margin-top: 2vh;
 margin-bottom: 2vh;
 border-radius: 1vh;
 background: #E5E5E5;
 font-size: 2vw;
}

.infotext h3 {
 padding: 0;
 margin: 0;
}

.wrongquery,
.wrongquery a {
 color: darkorange;
}

.goodquery,
.goodquery a {
 color: rgb(28, 190, 45);
}

.wrongquery,
.goodquery {
 padding: 1vh;
 margin-top: 2vh;
 margin-bottom: 2.5vh;
 -webkit-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.95);
 -moz-box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.95);
 box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, 0.95);
 font-size: 6vh;
 background: dimgray;
 text-shadow: 0px 0px 5px black;
 word-wrap: normal;
}

.notice {
 font-size: 3vh;
}

.instrtable td,
.sortable td {
 border: 0 1 1 0 px solid black;
}

table.tablesorter th.tablesorter-headerUnSorted {
 background-image: url('https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.25.0/css/images/black-unsorted.gif');
 background-repeat: no-repeat;
 background-position: right 5px center;
 cursor: default;
}

table.tablesorter th.tablesorter-headerDesc {
 background-image: url('https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.25.0/css/images/black-desc.gif');
 background-repeat: no-repeat;
 background-position: right 5px center;
 cursor: default;
}

table.tablesorter th.tablesorter-headerAsc {
 background-image: url('https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.25.0/css/images/black-asc.gif');
 background-repeat: no-repeat;
 background-position: right 5px center;
 cursor: default;
}

.sortable {
/* width: 90%;*/
/* max-width: 90%;*/
 font-size: 1em;
 text-align: center;
 font-family: "geneva", "arial";
 -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
 margin-bottom: 1vh;
 border-collapse: collapse;
}

.instrtable {
 text-align: center;
 font-family: "geneva", "arial";
 -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.75);
 margin-bottom: 1vh;
 border-collapse: collapse;
}

.instrtable caption,
.sortable caption {
 background: #0072B6;
 font-size: 1.5vw;
 padding: 1%;
 font-weight: bold;
 border-bottom: 1px solid white;
 color: white;
 -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75);
 text-shadow: 0px 0px 0.5em rgba(0, 0, 0, 1);
}

.sortable th,
.instrtable th,
{
 background: #0072B6;
 font-size: 1.em;
 min-width: 100px;
 padding-top: 6px;
 padding-bottom: 6px;
 padding-left: 0vw;
 padding-bottom: 0vw;
 color: white;
 font-weight: normal;
/* margin-left: -15px;*/
/* margin-right: -15px;*/
 -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.75);
 text-shadow: 0px 0px 0.25em rgba(0, 0, 0, 1);
 border-bottom: 1px solid black;
}

.sortable tr:nth-child(even) {
 background: #8CBFDE;
 padding: 0.3%;
}

.sortable tr:nth-child(odd) {
 background: #C5E0EF;
 padding: 0.3%;
}

.instrtable tr:nth-child(odd) {
 background: #C5E0EF;
}

.instrtable tr:nth-child(even) {
 background: #8CBFDE;
}

table.instrtable {
 width: 95%;
 text-align: justify;
}

table.instrtable td {
 padding: 4px;
 font-size: 1vw;
 word-wrap: break-word;
}

th#prevloc td {
 font-size: 0.7vw;
}

th#calib td {
 font-size: 0.7vw;
 width: 10%;
}

#spanner {
 font-size: 2.5vw;
}

table.instrtable td:nth-child(1) {
 width: 5%;
}

#includetravelhist {
 width: 10vh;
}

.hastooltip .istooltip {
 z-index: 10;
 display: none;
 font-weight: none;
 font-weight: normal;
 font-size: 12px;
 position: absolute;
 border: 2px solid #FFF;
 color: #EEE;
 background: #333;
 padding: 14px 14px;
 /*margin-top: 1em;*/
 margin-left: 1em;
 /*margin-right: 50%;*/
 max-width: 20em;
 line-height: 1em;
 border: 2px solid #DDDDDD;
 box-shadow: 0px 0px 8px 4px #666;
 border-radius: 10px;
 opacity: 0.8;
 margin-left: -11em;
 margin-top: 38px;
 text-align: left;
}

.requestform h3::after {
 content: <br>;
}

.hastooltip:hover .istooltip {
 display: inline-block;
}

table.codelist {
 font-size: 1vw;
 overflow-x: scroll;
/* width: 95%; */
/* max-width: 95%; */
}

.formcontainer {
 position: relative;
 z-index: 1;
 background: #C5E0EF;
 max-width: 420px;
 margin: 0 auto 100px;
 margin-top: 3vh;
 padding: 2vh;
 margin-bottom: 2vh;
 margin-top: 2vh;
 text-align: center;
 box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);
 border-radius: 10px;
}

.formcontainer p {
 text-align: left;
}

.formcontainer h3 {
 outline: 0;
 width: 90%;
 margin: 0 0 1vh 0;
 font-size: 2.5vw;
 padding: 1vw;
 margin-bottom: 1vh;
 font-weight: normal;
 /* box-sizing: border-box;*/
 font-size: 1.5vw;
 text-align: center;
 -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
 border-radius: 10px;
}

.formcontainer input {
 outline: 0;
 width: 100%;
 margin: 0 0 1vh 0;
 padding: 0.1vw;
 box-sizing: border-box;
 font-size: 1vh;
 border-radius: 10px;
 background: #f2f2f2;
 /* border: 0;*/
 text-align: center;
 -webkit-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.5);
 box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.5);
}

.formcontainer input.submitbtn {
 text-transform: uppercase;
 outline: 0;
 background: #8CBFDE;
 width: 100%;
 border: 0;
 padding: 15px;
 margin-top: 1vh;
 border-radius: 10px;
 color: #FFFFFF;
 font-size: 14px;
 -webkit-transition: all 0.3 ease;
 transition: all 0.3 ease;
 cursor: pointer;
 -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
}

.formcontainer input.submitbtn:hover,
.formcontainer input.submitbtn:active,
.formcontainer input.submitbtn:focus {
 background: #0072B6;
 -webkit-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
 box-shadow: 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
}

.formcontainer input {
 /* border: solid rgba(0, 0, 0, 0) 1px;*/
}

.formcontainer input:focus {
 border: solid #ff9999 1px;
}

.formcontainer .message {
 margin: 15px 0 0;
 color: #b3b3b3;
 font-size: 12px;
}

.formcontainer .message a {
 color: rgba(91, 168, 216, 0.99);
 text-decoration: none;
}

.logincontainer .reset_form,
.logincontainer .forgot_form,
.logincontainer .register_form {
 display: none;
}

.logincontainer form h3 {
 text-align: center;
}

#logoutcontainer h3 {
 width: 90%;
}

#log_username,
#log_password,
#reg_vorname,
#reg_first_name,
#reg_name,
#reg_email,
#reg_password,
#forgot_username,
#reset_password,
#reset_confirmpassword {
 height: 10%;
 font-size: 3vh;
}

.formcontainer form label {
 margin: 1.5vh;
}

#wronglogin,
#validateduser,
#logincountmax,
#duplicatemail {
 display: none;
 font-size: 1em;
 outline: 0;
 padding: 2vh;
 width: 100%;
 font-size: 2.5vw;
 color: #9f0000;
 background: #4a0404;
 float: left;
 padding: 2vh;
 border-radius: 1vh;
 margin: 2vh;
 border: 1px solid;
 font-family: "geneva", "arial";
 vertical-align: middle;
}

#reg_reason {
 outline: 0;
 width: 100%;
 max-width: 100%;
 margin: 0 0 2.5vh 0;
 padding: 0.5em;
 box-sizing: border-box;
 font-size: 14px;
 border-radius: 10px;
 background: #f2f2f2;
 border: 0;
 height: 10vh;
 overflow: auto;
 text-align: center;
 text-align: center;
 -webkit-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
 -moz-box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
 box-shadow: inset 0px 0px 3px 2px rgba(0, 0, 0, 0.75);
 -moz-scrollbar-face-color: #00e0ff;
 -moz-scrollbar-track-color: #1baeed;
 -moz-scrollbar-arrow-color: #ffffff;
 -moz-scrollbar-highlight-color: #fff8dc;
 -moz-scrollbar-shadow-color: #0c4d88;
 -moz-scrollbar-3dlight-color: #ffebcd;
 -moz-scrollbar-darkshadow-color: #000000;
 -webkit-scrollbar-face-color: #00e0ff;
 -webkit-scrollbar-track-color: #1baeed;
 -webkit-scrollbar-arrow-color: #ffffff;
 -webkit-scrollbar-highlight-color: #fff8dc;
 -webkit-scrollbar-shadow-color: #0c4d88;
 -webkit-scrollbar-3dlight-color: #ffebcd;
 -webkit-scrollbar-darkshadow-color: #000000;
 scrollbar-face-color: #00e0ff;
 scrollbar-track-color: #1baeed;
 scrollbar-arrow-color: #ffffff;
 scrollbar-highlight-color: #fff8dc;
 scrollbar-shadow-color: #0c4d88;
 scrollbar-3dlight-color: #ffebcd;
 scrollbar-darkshadow-color: #000000;
}

#pwforgot {
 display: none;
 font-size: 1em;
 outline: 0;
 padding: 1.2vh;
 font-size: 1em;
 color: #009f00;
 float: left;
}


/*
#csv_delim {
    width: 10%;
}
*/

.orderbutton {
 padding: 2px;
 color: #00dd00;
 background: black;
 border-radius: 3px;
 border: 0;
 cursor: pointer;
}

.basketadded {
 color: #9f0000;
}

.loginheader {
 color: white;
 background: rgb(197, 224, 239);
 box-shadow: none;
 margin-bottom: 10px;
 margin-top: 3px;
 font-size: 2vw;
 font-weight: normal;
 /* text-shadow: 0px 0px 2px black;*/
 text-align: left;
}

::-webkit-input-placeholder {
 /* Chrome/Opera/Safari */
 color: #cccccc;
}

::-moz-placeholder {
 /* Firefox 19+ */
 color: #cccccc;
}

:-ms-input-placeholder {
 /* IE 10+ */
 color: #cccccc;
}

:-moz-placeholder {
 /* Firefox 18- */
 color: #cccccc;
}

a#linkback {
 color: white;
 text-decoration: white;
}

#page404 div {
 padding-top: 45vw;
}

#page404 {
 background-image: url(../img/stop_street.jpeg);
 background-size: cover;
 background-repeat: no-repeat;
 background-position: center;
 margin-top: -25vw;
 margin-bottom: -2vw;
 padding-bottom: 35vw;
}


/* Max width before this PARTICULAR table gets nasty This query will take effect for any screen smaller than 760px and also iPads specifically. */

.folium-map {
 width: 99%;
}

@media only screen and (max-width: 768px),
(min-device-width: 768px) and (max-device-width: 1024px) {
 body {
  font-size: 1em;
 }
 /* Force table to not be like tables anymore */
 table,
 thead,
 tbody,
 th,
 td,
 tr,
 div.menu,
 div.submenu,
 div.subsubmenu,
 a {
  display: inline-block;
  margin: 0 auto;
  width: 98%;
  max-width: 98%;
  flex-wrap: wrap;
 }
 .infotext {
  padding: 10px;
  padding-top: 2vh;
 }
 div.menu,
 div.submenu,
 div.subsubmenu {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
 }
 .submenu a {
  width: 45%;
 }
 .sortable th {
  font-size: 0.75rem;
 }
 .sortable td {
  font-size: 0.7rem;
 }
 button {
  vertical-align: middle;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 1vh;
  width: 45%;
 }
 .orderbutton {
  min-height: 44px;
  padding: 6px 8px;
  font-size: 0.8rem;
  width: auto;
 }
 /* Hide table headers (but not display: none;, for accessibility) */
 thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
  flex-wrap: wrap;
  border: none;
 }
 td {
  /* Behave  like a "row" */
  border: none;
  position: relative;
 }
 td:before {
  /* Now like a table header */
  position: absolute;
  /* Top/left values mimic padding */
  white-space: nowrap;
 }
 a.menuon:hover div,
 a.menuoff:hover div {
  width: 90%;
  max-width: 100px;
  margin-top: 20px;
  margin-left: 0px;
 }
 .requestform {
  width: 90%;
  margin: 0 auto;
 }
 .requestform h3::after {
  content: <br>;
 }
 .requestform input,
 .requestform select,
 .requestform h3,
 .requestform .submitbutton,
 .requestform input#instrumentsearch {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 2vh;
  padding: none;
  display: inline-block;
  flex-wrap: wrap;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
 }
 .dygraph-wrapper {
  width: 98%;
  margin: 0 auto;
 }
 .dygraph-container {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  height: 260px;
 }
 .dygraph-legend-modified {
  font-size: 2vw;
 }
 .wrongquery,
 .goodquery {
  font-size: 2vw;
  word-wrap: break-word;
 }
 /* Codelist table: keep as a real table, scroll horizontally */
 .codelist-scroll-wrapper {
  overflow-x: auto;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  display: block;
 }
 table.codelist,
 table.codelist thead,
 table.codelist tbody,
 table.codelist th,
 table.codelist td,
 table.codelist tr {
  display: revert;
  width: auto;
  max-width: none;
 }
 table.codelist {
  min-width: 480px;
 }
 table.codelist caption {
  position: sticky;
  left: 0;
  width: 100vw;
  max-width: 100vw;
  box-sizing: border-box;
  white-space: normal;
  font-size: 2.5vw;
 }
 .hide-mobile {
  display: none !important;
 }
 #alogo {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
 }
 #logo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: 4vh;
  box-sizing: border-box;
 }
 .contentwrapper a:last-child {
  display: inline-block;
  padding: 0;
  width: 98%;
  bottom: -1vh;
  position: relative;
 }
}


}