::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ADC2E2;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ADC2E2;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: #ADC2E2;
}


/* This is
 body {display: flex; justify-content: center; align-items: center; min-height: 10vh; background-color: #FCE6B2;}
 input.aanmelden {border-style: solid;border-color: #F9D535;color:#000000;background-color:#F9D535;text-align: left;font-family:Arial, Helvetica, sans-serif;width: 100%;font-size:0.9vw;border-radius:0.53vw;padding: 0.53vw;font-weight: 900;cursor: pointer;box-sizing: border-box;}
 input.login     {border-style: solid;border-color: #6B94CE;color:#ffffff;background-color:#6B94CE;text-align: left;font-family:Arial, Helvetica, sans-serif;width: 80%;font-size:5vw;border-radius:3vw;padding: 4vw;box-sizing: border-box;}
 input.login:focus {background-color: #6B94CE;border-style: solid;border-color: #6B94CE;outline:none;box-sizing: border-box;}

 input.anmelden {border-style: solid;border-color: #F9D535;color:#000000;background-color:#F9D535;text-align: left;font-family:Arial, Helvetica, sans-serif;width: 80%;font-size:5vw;border-radius:3vw;padding: 4vw;font-weight: 900;cursor: pointer;box-sizing: border-box;}








comment */

tr {vertical-align: top;}
 .main1 {justify-content: center; align-items: center; min-height: 10vh; background-color: #FCE6B2;color:#004611;text-align: left;}
 .container{margin: 1vw auto; width: 95%;}
 img.img1{max-width: 15vw; float: left; border-radius: 0.1vw; border: 0.1vw solid white; margin-left: 1vw; margin-right: 1vw;}
 img.img2{max-width: 100vw; float: left; border-radius: 0.1vw; border: 0.1vw solid white; margin-left: 1vw; margin-right: 1vw;}
 img.img3{max-width: 70vw; float: left; border-radius: 0.1vw; border: 0.1vw solid white; margin-left: 1vw; margin-right: 1vw;}
 input.img2{max-width: 4vw; float: left; border-radius: 0.9vw; border: 0.1vw solid white; margin-left: 1vw; margin-right: 1vw;}
 p.p1{margin-left: 3vw; margin-right: 1vw; font-size: 3.5vw; padding: 0.32vw; color: #004611;}
 p.e {color:#004611;text-align: left;background-color: #FFF8DB; font-family:Arial, Helvetica, sans-serif;font-size:2vw;}

 .main2 {color:#004611;text-align: left;width: 100%;position: relative; margin-left: 0vw; margin-right: 1vw; background-color: #FCE6B2; font-family:Arial, Helvetica, sans-serif;font-size:2vw;}
 .main3 {color:#004611;text-align: left;background-color: #FCE6B2; font-family:Arial, Helvetica, sans-serif;font-size:2vw;}
 .main4 {color:#004611;text-align: left;background-color: #FCE6B2; font-family:Arial, Helvetica, sans-serif;font-size:2vw;}
 .main5 {width: 100%; color:#004611; text-align: right;background-color: #FAFAF9; font-family:Arial, Helvetica, sans-serif;font-size:1.2vw;}
 .main6 {color:#004611;text-align: left;background-color: #FCE6B2; font-family:Arial, Helvetica, sans-serif;font-size:1vw;}

 input.menu1 {border-style: solid;background-color:#FCE6B2;border-color: #FCE6B2;color:#004611;text-align: left;font-family:Arial, Helvetica, sans-serif;font-size:2vw;border-radius:0.5vw;padding: 0.5vw;font-weight: 900;cursor: pointer;box-sizing: border-box;}
 input.menu1:focus {border-color: #004611;}
 input.menu1:hover {border-color: #004611;}
 input.menu2 {text-decoration: underline;border-style: solid;background-color:#FCE6B2;border-color: #FCE6B2;color:#004611;text-align: left;font-family:Arial, Helvetica, sans-serif;font-size:2vw;border-radius:0.5vw;padding: 0.5vw;font-weight: 900;cursor: pointer;box-sizing: border-box;}
 input.menu2:focus {border-color: #004611;}
 input.menu2:hover {border-color: #004611;}
 .delete1 {max-width: 4vw; float: right; border-radius: 0.9vw; border: 0.1vw solid white; margin-left: 1vw; margin-right: 1vw;border-style: solid;background-color:#FCE6B2;border-color: #FCE6B2;color:#004611;text-align: left;font-size:2vw;cursor: pointer;box-sizing: border-box;margin-top: 1vw;margin-bottom: 1vw;}
 .delete2 {max-width: 3vw; float: right; border-radius: 0.3vw; border: 0.1vw solid white; margin-left: 1vw; margin-right: 1vw;border-style: solid;background-color:#FCE6B2;border-color: #FCE6B2;color:#004611;text-align: left;font-size:2vw;cursor: pointer;box-sizing: border-box;margin-top: 0.1vw;margin-bottom: 0.1vw;}
 .save1 {max-width: 2vw; float: left; border-radius: 0vw; border: 0vw solid white; margin-left: 0.1vw; margin-right: 0.1vw;border-style: solid;background-color:#FCE6B2;border-color: #FCE6B2;color:#004611;text-align: left;font-size:1.5vw;cursor: pointer;box-sizing: border-box;margin: 0vw; padding: 0vw;}
 td.a {color:#004611;text-align: left;background-color: #FCE6B2; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;}
 td.b {color:#004611;text-align: left;background-color: #C5E9EB; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;}
 td.b2 {color:#004611;text-align: center;background-color: #C5E9EB; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;}
 td.c {color:#004611;text-align: left;background-color: #84FA8C; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;}
 td.d {color:#004611;text-align: left;background-color: #E22E1D; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;}
 td.e {color:#004611;text-align: left;background-color: #FFF8DB; font-family:Arial, Helvetica, sans-serif;font-size:1vw;padding-top: 0.2vw;padding-right: 0.6vw;padding-bottom: 0.2vw;padding-left: 0.6vw;}
 td.f {color:#004611;text-align: left;background-color: #C5E9EB; font-family:Arial, Helvetica, sans-serif;font-size:1vw;padding-top: 0.2vw;padding-right: 0.6vw;padding-bottom: 0.2vw;padding-left: 0.6vw;}
 td.f2 {color:#004611;text-align: center;background-color: #C5E9EB; font-family:Arial, Helvetica, sans-serif;font-size:1vw;padding-top: 0.2vw;padding-right: 0.6vw;padding-bottom: 0.2vw;padding-left: 0.6vw;}
 td.g {color:#004611;text-align: left;background-color: #FCE6B2; font-family:Arial, Helvetica, sans-serif;font-size:1vw;padding-top: 0.2vw;padding-right: 0.6vw;padding-bottom: 0.2vw;padding-left: 0.6vw;}
 td.h {color:#004611;text-align: left;background-color: #F2C8B6; font-family:Arial, Helvetica, sans-serif;font-size:1vw;padding-top: 0.2vw;padding-right: 0.6vw;padding-bottom: 0.2vw;padding-left: 0.6vw;}
 td.h2 {color:#004611;text-align: center;background-color: #F2C8B6; font-family:Arial, Helvetica, sans-serif;font-size:1vw;padding-top: 0.2vw;padding-right: 0.6vw;padding-bottom: 0.2vw;padding-left: 0.6vw;}
 td.i {color:#004611;text-align: left;background-color: #84FA8C; font-family:Arial, Helvetica, sans-serif;font-size:1vw;padding-top: 0.2vw;padding-right: 0.6vw;padding-bottom: 0.2vw;padding-left: 0.6vw;}
 td.i2 {color:#004611;text-align: center;background-color: #84FA8C; font-family:Arial, Helvetica, sans-serif;font-size:1vw;padding-top: 0.2vw;padding-right: 0.6vw;padding-bottom: 0.2vw;padding-left: 0.6vw;}
 td.j {color:#004611;text-align: left;background-color: #E22E1D; font-family:Arial, Helvetica, sans-serif;font-size:1vw;padding-top: 0.2vw;padding-right: 0.6vw;padding-bottom: 0.2vw;padding-left: 0.6vw;}
 td.j2 {color:#004611;text-align: center;background-color: #E22E1D; font-family:Arial, Helvetica, sans-serif;font-size:1vw;padding-top: 0.2vw;padding-right: 0.6vw;padding-bottom: 0.2vw;padding-left: 0.6vw;}
 td.k {color:#004611;text-align: left;background-color: #FCE6B2; font-family:Arial, Helvetica, sans-serif;font-size:5vw;}
 td.l {color:#004611;text-align: left;background-color: #FFF8DB; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;padding-top: 0.1vw;padding-right: 0.3vw;padding-bottom: 0.1vw;padding-left: 0.3vw;}
 td.l2 {color:#004611;text-align: center;background-color: #84FA8C; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;padding-top: 0.1vw;padding-right: 0.3vw;padding-bottom: 0.1vw;padding-left: 0.3vw;}
 td.l3 {color:#004611;text-align: center;background-color: #E22E1D; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;padding-top: 0.1vw;padding-right: 0.3vw;padding-bottom: 0.1vw;padding-left: 0.3vw;}
 td.m1 {color:#004611;text-align: left;background-color: #FCE6B2; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;}
 td.m2 {color:#004611;text-align: left;background-color: #FFF8DB; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;}
 td.n {display: flex;justify-content: center; align-items: center; color:#004611;text-align: left;background-color: #FCE6B2; font-family:Arial, Helvetica, sans-serif;font-size:1.5vw;}

 tr.a {vertical-align: bottom;}
 tr.b {vertical-align: middle;}

 .eindruck1 {max-width: 30vw; float: left; border-radius: 0vw; border: 0vw solid white; margin-left: 0.1vw; margin-right: 0.1vw;border-style: solid;background-color:#FCE6B2;border-color: #FCE6B2;color:#004611;text-align: left;font-size:1.5vw;cursor: pointer;box-sizing: border-box;margin: 0vw; padding: 0vw;}

input {
  background-color:#FFF8DB;
  color:#004611;
  font-size:2vw;
  font-family:Arial, Helvetica, sans-serif;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  border: 0.1vw solid #dddddd;
}

input.a {
  background-color:#FFF8DB;
  color:#004611;
  font-size:1.5vw;
  font-family:Arial, Helvetica, sans-serif;
  padding-top: 0.1vw;
  padding-right: 0.3vw;
  padding-bottom: 0.1vw;
  padding-left: 0.3vw;
  border: 0.1vw solid #dddddd;
}

select {
  background-color:#FFF8DB;
  color:#004611;
  font-size:2vw;
  font-family:Arial, Helvetica, sans-serif;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  border: 0.3vw solid #FFF8DB;
}

select option:checked{
  background: #FFF8DB -webkit-linear-gradient(bottom, #FFF8DB 0%, #FFF8DB 100%);
}

.button {
  z-index: 0;
  vertical-align: top;
  color:#004611;
  background-color:#FCE6B2;
  border-style: none;
  font-size:2vw;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
}

.savebutton {
  border-style: none;
  border-radius:0.2vw;
  margin-top: 1vw;
  margin-bottom: 1vw;
  color:#ffffff;
  background-color:#004611;
  font-size:2vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.savebutton2 {
  border-style: none;
  border-radius:0.2vw;
  margin-top: 0vw;
  margin-bottom: 0vw;
  color:#ffffff;
  background-color:#004611;
  font-size:2vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.savebutton3 {
  border-style: none;
  border-radius:0.1vw;
  margin-top: 0vw;
  margin-bottom: 0vw;
  color:#ffffff;
  background-color:#004611;
  font-size:1.5vw;
  padding-top: 0.1vw;
  padding-right: 0.3vw;
  padding-bottom: 0.1vw;
  padding-left: 0.3vw;
  cursor: pointer;
}

.itembutton {
  border-style: none;
  border-radius:0.2vw;
  margin-top: 0.2vw;
  margin-bottom: 0.2vw;
  color:#ffffff;
  background-color:#ABA27B;
  font-size:2vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}


.deletebutton {
  border-style: none;
  border-radius:0.2vw;
  color:#ffffff;
  background-color:#ff4d4d;
  font-size:2vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.logoutbutton {
  border-style: none;
  border-radius:0.2vw;
  color:#ffffff;
  background-color:#004611;
  font-size:2vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.radio-toolbar {
  margin: 0vw;
  text-align:left;
}

.radio-toolbar input[type="radio"] {
  display:none; 
}

.radio-toolbar label {
  display:inline-block;
  color:#004611;
  background-color:#fff;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.5vw;
  border: 0.1vw solid #dddddd;
  border-radius: 0vw;    
}

.radio-toolbar label:hover {
  background-color: #dddddd;
}

.radio-toolbar input[type="radio"]:checked + label { 
  color:#fff;
  font-size: 2vw;
  background-color:#004611;
  font-weight: bold;
  border: 0.1vw solid #dddddd;
}

.overlay {
  height: 100%;
  width: 100vw;
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.2);
  background-image: linear-gradient(135deg, #dddddd 25%, #ffffff 25%, #ffffff 50%, #dddddd 50%, #dddddd 75%, #ffffff 75%, #ffffff 100%);
  background-size: 3vw 3vw;
  opacity: 0;
  overflow-x: hidden;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  color:#336bbf;
  font-size:8vw;
  font-family:Aerial;
}

form.inline-block {
    display: inline-block; //Or display: inline; 
}

textarea.box1 {
  color:#004611;
  font-size:1.5vw;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#FFF8DB;
}



/* This is
@media screen and (orientation:landscape){
.{
 margin: 0;
 padding: 0;
 box-sizing: border-box;
 font-family:Arial, Helvetica, sans-serif;font-size:1vw;
}
}

@media screen and (orientation:portrait){
 body {background-image:linear-gradient(to right, #26a269, #57e389);}
 text {font-family:Arial, Helvetica, sans-serif;font-size:1vw;}
 table {font-family:Arial, Helvetica, sans-serif;font-size:1vw;}
 .emptyline {width:74vw;font-size:0.8vw;}
 .bigemptyline {width:74vw;font-size:10vw;}
 .bigemptyline2 {width:74vw;font-size:20vw;}
 td.lr {width:13vw;}
 .c001 {width:74vw;color:#ffffff;font-size:6vw;}
 .c002 {width:74vw;color:#ffffff;font-size:6vw;}
 .c003 {width:74vw;color:#ffffff;font-size:5vw;}
 .c004 {width:74vw;}
 input.c005 {border-style: solid;border-color: #6B94CE;color:#ffffff;background-color:#6B94CE;text-align: left;font-family:Arial, Helvetica, sans-serif;width: 80%;font-size:5vw;border-radius:3vw;padding: 2vw;}
 span.c005 {border-style: solid;border-color: #6B94CE;color:#ffffff;background-color:#6B94CE;text-align: left;font-family:Arial, Helvetica, sans-serif;width: 80%;font-size:5vw;border-radius:3vw;padding: 2vw;}
 input.c005:focus {background-color: #6B94CE;border-style: solid;border-color: #6B94CE;outline:none;}
 td.c006 {width:74vw;border-style: solid;border-color: #6B94CE;color:#ffffff;background-color:#6B94CE;text-align: left;font-family:Arial, Helvetica, sans-serif;font-size:5vw;border-radius:3vw;padding: 2vw;}
 .c007 {width:74vw;color:red;font-size:4.5vw;}
 input.login     {border-style: solid;border-color: #6B94CE;color:#ffffff;background-color:#6B94CE;text-align: left;font-family:Arial, Helvetica, sans-serif;width: 80%;font-size:5vw;border-radius:3vw;padding: 4vw;box-sizing: border-box;}
 input.login:focus {background-color: #6B94CE;border-style: solid;border-color: #6B94CE;outline:none;box-sizing: border-box;}
 input.aanmelden {border-style: solid;border-color: #F9D535;color:#000000;background-color:#F9D535;text-align: left;font-family:Arial, Helvetica, sans-serif;width: 80%;font-size:5vw;border-radius:3vw;padding: 4vw;font-weight: 900;cursor: pointer;box-sizing: border-box;}
 input.opslaan {border-style: solid;border-color: #F9D535;color:#000000;background-color:#F9D535;text-align: left;font-family:Arial, Helvetica, sans-serif;font-weight: 900;width: 100%;font-size:6vw;border-radius:3vw;padding: 4vw;cursor: pointer;}
 input.afmelden {border-style: solid;border-color: #6B94CE;color:#fff;background-color:#6B94CE;text-align: left;font-family:Arial, Helvetica, sans-serif;font-weight: 900;width: 100%;font-size:4vw;border-radius:3vw;padding: 3vw 2vw 3vw 4vw;cursor: pointer;}
 input.wijzigwachtwoord {border-style: solid;border-color: #6B94CE;color:#fff;background-color:#6B94CE;text-align: left;font-family:Arial, Helvetica, sans-serif;font-weight: 900;width: 100%;font-size:4vw;border-radius:3vw;padding: 3vw 2vw 3vw 4vw;cursor: pointer;}
 .main1 {width: 100%;position: relative;top:0px;left:0px;color:black;}
.radio-button {cursor: pointer;padding-right: 1.3vw;}
input[type=radio] {box-sizing: border-box;padding: 0;}
.radio-button__input {opacity: 0;position: absolute;}
.radio-button__control {position: relative;display: inline-block;width: 3.2vw;height: 3.2vw;vertical-align: middle;background-color: inherit;border: 0.48vw solid #fff;border-radius: 50%;}
.radio-button__input:checked+.radio-button__control:after {content: "";display: block;position: absolute;top: 0.8vw;left: 0.8vw;width: 1.6vw;height: 1.6vw;background-color: #000;border-radius: 50%;}
.radio-button__input:checked+.radio-button__control {border-color: #000;}

.radio-button__control2 {position: relative;display: inline-block;width: 3.2vw;height: 3.2vw;vertical-align: middle;background-color: inherit;border: 0.48vw solid #fff;border-radius: 50%;}
.radio-button__input:checked+.radio-button__control2:after {content: "";display: block;position: absolute;top: 0.8vw;left: 0.8vw;width: 1.6vw;height: 1.6vw;background-color: #fff;border-radius: 50%;}
.radio-button__input:checked+.radio-button__control2 {border-color: #fff;}
 input.ww     {border-style: solid;border-color: #6B94CE;color:#000;background-color:#fff;text-align: left;font-family:Arial, Helvetica, sans-serif;width: 100%;font-size:3.2vw;border-radius:2vw;padding: 2vw;box-sizing: border-box;}
 input.ww:focus {background-color: #fff;border-style: solid;border-color: #6B94CE;outline:none;box-sizing: border-box;}
 img.img1 {display: block;position:absolute;top:1px;left:1vw;z-index: 1;margin-left: auto;margin-right: auto;width: 20vw;border-radius:0.00vw 0.00vw 2vw 2vw;}
}

@media screen and (pointer: coarse) and (orientation:landscape){
 .bigemptyline {font-size:3vw;}
}

input {
  background-color:#ffffff;
  color:#595959;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  border: 0.1vw solid #dddddd;
}

select {
  background-color:#ffffff;
  color:#595959;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  border: 0.1vw solid #dddddd;
}

select option:checked{
  background: #004611 -webkit-linear-gradient(bottom, #004611 0%, #004611 100%);
}

.dest_error {
  background-color:#FF0000;
  color:#595959;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
}

.updatedialplanbutton {
  position: relative;
  display: none;
  border-style: none;
  border-radius:0.2vw;
  color:#ffffff;
  background-color:#ff4d4d;
  font-size:0.9vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.reload {
  width: 1vw;
  position: relative;
  display: none;
  border: none;
  border-radius:0.2vw;
  background-color:#ffffff;
  padding-top: 0vw;
  padding-right: 0.8vw;
  padding-bottom: 0vw;
  padding-left: 0.8vw;
  cursor: pointer;
}
.reload:hover + .popupinfo {
  display: block;
}

.dropbtn {
  border-style: none;
  border-radius:0.2vw;
  color:#ffffff;
  background-color:#004611;
  font-size: 1.0vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.dropdown {
  position: relative;
  z-index: 1;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
  min-width: 13vw;
  overflow: auto;
  box-shadow: 0vw 0.5vw 1vw 0vw rgba(0,0,0,0.2);
}

.show {display:block;}

.navhead {
  background-color: #ffffff;
  color: #595959;
  padding: 0.2vw 0.6vw;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.0vw;
  text-align:left;
  width: 100%;
  border: none;
  cursor: pointer;
}
input.navhead:hover
{
  background-color:#dddddd;
  display: block;
  width: 100%;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 1.0vw;
  text-align:left;
  padding: 0.2vw 0.6vw;
}

.module {
  position: relative;
  display: inline-block;
  background-color: #ffffff;
  color: #595959;
  padding: 0.1vw;
  font-size: 1.0vw;
  font-family:Arial, Helvetica, sans-serif;
  font-weight: bold;
  border-style: none;
  border-color: #dddddd;
}

.module1 {
  position: absolute;
  background-color:#ffffff;
  color:#595959;
  border-radius:0.1vw;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
}

.module2 {
  position: static;
  background-color:#ffffff;
  color:#595959;
  border-radius:0.1vw;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
}

.main2 {
  color:#595959;
  border-radius:0.1vw;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
}

.nav1 {
  background-color:#ffffff;
  color:#595959;
  border-radius:0.2vw;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
}

.nav2 {
  background-color: #ffffff;
  color:#595959;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  border-style: none;
}
input.nav2:hover
{
  background-color:#dddddd;
  border-style: solid;
  border-color: #dddddd;
  border-radius:0.2vw;
}

.nav3 {
  background-color: #ffffff;
  color:#004611;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
  border-style: none;
  border-left: 0.2vw solid #004611;
  border-radius:0vw;
}
input.nav3:hover
{
  background-color:#dddddd;
  border-left: 0.2vw solid #004611;
  border-radius:0vw 0.2vw 0.2vw 0vw;
}

.notify {
  text-align:left;
  color:#ffffff;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
}

.notes_a {
  background-color:#ffffff;
  color:#808080;
  border-radius:0.1vw;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
}

.savebutton {
  border-style: none;
  border-radius:0.2vw;
  color:#ffffff;
  background-color:#004611;
  font-size:0.9vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.graybutton {
  border-style: none;
  border-radius:0.2vw;
  color:#ffffff;
  background-color:#808080;
  font-size:0.9vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.graybutton2 {
  border-style: none;
  border-radius:0.2vw;
  color:#000000;
  background-color:#E5E4E2;
  font-size:0.9vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.deletebutton {
  border-style: none;
  border-radius:0.2vw;
  color:#ffffff;
  background-color:#ff4d4d;
  font-size:0.9vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.logoutbutton {
  border-style: none;
  border-radius:0.2vw;
  color:#ffffff;
  background-color:#004611;
  font-size:0.9vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.gotobutton {
  border-style: none;
  border-radius:0.2vw;
  color:#ffffff;
  background-color:#a0a0a0;
  font-size:0.7vw;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  cursor: pointer;
}

.wrapinfo {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
.popupinfo {
  display: none;
  vertical-align: top;
  position: absolute;
  background: #f8f8f8;
  opacity: 0.99;
  width: 25vw;
  margin-top: 0.2vw;
  margin-left: 0vw;
  color: #595959;
  z-index: 1;
  background-color:#f8f8f8;
  border: 0.1vw solid #595959;
  border-radius: 0.2vw;
  -webkit-border-radius: 0.2vw;
  -moz-border-radius: 0.2vw;
  padding: 0.6vw;
  box-shadow: 0vw 0.5vw 1vw 0vw rgba(0,0,0,0.2);
}
.pic {
  width: 1.1vw;
  z-index: 0;
  vertical-align: top;
  border: none;
}
.pic:hover + .popupinfo {
  display: block;
}

.popupbuttoninfo {
  display: none;
  vertical-align: top;
  position: absolute;
  background: #f8f8f8;
  opacity: 0.99;
  width: 25vw;
  margin-top: 0.2vw;
  margin-left: 0vw;
  color: #595959;
  z-index: 1;
  background-color:#f8f8f8;
  border: 0.1vw solid #595959;
  border-radius: 0.2vw;
  -webkit-border-radius: 0.2vw;
  -moz-border-radius: 0.2vw;
  padding: 0.6vw;
  box-shadow: 0vw 0.5vw 1vw 0vw rgba(0,0,0,0.2);
}
.button:hover + .popupbuttoninfo {
  display: block;
}

.popupbuttoninfo_350R {
  display: none;
  vertical-align: top;
  position: absolute;
  background: #f8f8f8;
  opacity: 0.99;
  width: 10vw;
  margin-top: 0.2vw;
  margin-left: -4vw;
  color: #595959;
  z-index: 1;
  background-color:#f8f8f8;
  border: 0.1vw solid #595959;
  border-radius: 0.2vw;
  -webkit-border-radius: 0.2vw;
  -moz-border-radius: 0.2vw;
  padding: 0.6vw;
  box-shadow: 0vw 0.5vw 1vw 0vw rgba(0,0,0,0.2);
}
.button:hover + .popupbuttoninfo_350R {
  display: block;
}

.popupbuttoninfo_700R {
  display: none;
  vertical-align: top;
  position: absolute;
  background: #f8f8f8;
  opacity: 0.99;
  width: 35vw;
  margin-top: 0.2vw;
  margin-left: -15vw;
  color: #595959;
  z-index: 1;
  background-color:#f8f8f8;
  border: 0.1vw solid #595959;
  border-radius: 0.2vw;
  -webkit-border-radius: 0.2vw;
  -moz-border-radius: 0.2vw;
  padding: 0.6vw;
  box-shadow: 0vw 0.5vw 1vw 0vw rgba(0,0,0,0.2);
}
.button:hover + .popupbuttoninfo_700R {
  display: block;
}

.popupbuttoninfo_700 {
  display: none;
  vertical-align: top;
  position: absolute;
  background: #f8f8f8;
  opacity: 0.99;
  width: 35vw;
  margin-top: 0.2vw;
  margin-left: 0vw;
  color: #595959;
  z-index: 1;
  background-color:#f8f8f8;
  border: 0.1vw solid #595959;
  border-radius: 0.2vw;
  -webkit-border-radius: 0.2vw;
  -moz-border-radius: 0.2vw;
  padding: 0.6vw;
  box-shadow: 0vw 0.5vw 1vw 0vw rgba(0,0,0,0.2);
}
.button:hover + .popupbuttoninfo_700 {
  display: block;
}

.button {
  z-index: 0;
  vertical-align: top;
  color:#595959;
  background-color:#ffffff;
  border-style: none;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
}

.button2 {
  z-index: 0;
  vertical-align: top;
  color:#595959;
  background-color:#ffffff;
  border-style: none;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
  text-align:left;
}
.button2:hover + .popupbuttoninfo_1000 {
  display: block;
}

.radio-toolbar {
  margin: 0vw;
  text-align:left;
}

.radio-toolbar input[type="radio"] {
  display:none; 
}

.radio-toolbar label {
  display:inline-block;
  color:#595959;
  background-color:#fff;
  padding-top: 0.2vw;
  padding-right: 0.6vw;
  padding-bottom: 0.2vw;
  padding-left: 0.6vw;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.8vw;
  border: 0.1vw solid #dddddd;
  border-radius: 0vw;    
}

.radio-toolbar label:hover {
  background-color: #dddddd;
}

.radio-toolbar input[type="radio"]:checked + label { 
  color:#fff;
  background-color:#004611;
  font-weight: bold;
  border: 0.1vw solid #dddddd;
}

.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 5;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.2);
  background-image: linear-gradient(135deg, #dddddd 25%, #ffffff 25%, #ffffff 50%, #dddddd 50%, #dddddd 75%, #ffffff 75%, #ffffff 100%);
  background-size: 3vw 3vw;
  opacity: 0;
  overflow-x: hidden;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  color:#004611;
  font-size:8vw;
  font-family:Arial, Helvetica, sans-serif;
}

form.inline-block {
    display: inline-block; //Or display: inline; 
}

textarea.box2 {
  color:#595959;
  font-size:0.8vw;
  font-family:Arial, Helvetica, sans-serif;
  background-color:#FFFFFF;
}


comment */