html, html * {
  font-family:Arial;
  font-size:14px;
  margin-left:0;
  margin-right:0;
}
body {margin:0;}
h1 {font-size:24px;}
.container {margin:10px;}
ul {
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
  background-color:#333333;
}
li {float:left;border-right:1px solid #BBBBBB;}
li a {
  display:block;
  color:#FFFFFF;
  text-align:center;
  padding:14px 16px;
  text-decoration:none;
}
li a:hover {background-color:#111517;}

.active {background-color:#A1A1A1;}
.active:hover {background-color:#A1A1A1;}

.nohover {background-color:#333333;}
.nohover:hover {background-color:#333333;}

.logout {background-color:#730F0F;}
.logout:hover {background-color:#B30B0B;}

table {
  padding:5px;
  background:#DEDEDE;
}
thead, tfoot {
  text-align:left;
  color:#212121;
  padding:12px 8px;
  font-weight:bold;
}
tr {height:50px;}
td {
  padding-top:12px;
  padding-bottom:12px;
  padding:8px;
}
tbody tr:nth-child(even) {background-color:#F3F3F3;}
tbody tr:nth-child(odd) {background-color:#FFFFFF;}
tbody .badrow {
  text-decoration:line-through;
  color:#F33F33;
}
tbody tr:hover {
  background-color:rgba(237, 237, 237, 0.8);
}
input#formtextfield,
textarea#formtextfield,
select {
  margin:5px;
  padding:5px;
  outline:none!important;
  border:1px solid #777777;
}
input#formtextfield:focus,
textarea#formtextfield:focus,
select:focus {
  outline:none !important;
  border:1px solid #32C532;
}
input#textfield,
textarea#textfield,
select#cars {
  margin:5px 5px 5px 0;
  padding:5px;
  outline:none!important;
  border:1px solid #777777;
}
input#textfield:focus,
textarea#textfield:focus,
select#cars:focus {
  outline:none !important;
  border:1px solid #32C532;
}

.loginform input[type="text"],
.loginform input[type="password"],
.loginform input[type="date"],
.loginform textarea {
  padding:8px;
  margin-left:12px;
}
.loginform input[type="submit"] {
  background-color:#CCCCCC;
  border-radius:3px;
  padding:12px 59px;
  margin-left:12px;
  text-decoration:none;
}
.loginform input[type="submit"]:hover {
  background-color:#B7B7B7;
}
.loginlabel {
  display:inline-block;
  width:100px;
  text-align:right;
  padding-right:5px;
}
input[type="submit"] {
  background-color:transparent;
  border:0;
  padding:0;
  text-decoration:underline;
  font-weight:bold;
}

input[type="radio"], input[type="checkbox"] {
  margin: 0 5px 0 5px;
  position: relative;
  top: 1px;
}
label.radiolabel, label.checkboxlabel {
  margin-right: 15px;
}
select {padding:5px;margin:5px;}
a.cancel {
  text-decoration:underline;
  color:#000;
  font-weight:bold;
}
input[type="submit"]:hover {cursor:pointer;}
.confirmation {
  background-color:#CCF5D7;
  border:2px solid #75D890;
  margin:5px 0;
}
.error {
  background-color:#FFDADA;
  border:2px solid #F99898;
  margin:5px 0;
}
.question {
  background-color:#DAEBFF;
  border:2px solid #9CC0EC;
  margin:5px 0;
}
i {margin:0 8px 0 15px;}

::placeholder {color:#DDDDDD;}
.formlabel {width:300px;}
.infobox {
  background-color:#DEDEDE;
  border:5px solid #808080;
  padding:10px 16px;
  margin:0 0 10px 5px;
}
.redflag {
  background-color:#FFDADA;
  border:5px solid #F99898;
  padding:10px 16px;
  margin:0 0 10px 5px;
}
.clientcontent {
  text-align:center;
  min-width:510px;
}
.clientleft {
  width:calc(65% - 4px);
  display:inline-block;
  vertical-align:top;
  text-align:left;
}
.clientright {
  width:35%;
  display:inline-block;
  vertical-align:top;
  text-align:left;
}
.confidentialtext {
  color:transparent;
  text-decoration:underline dashed #800805;
  text-decoration-skip-ink:none;
}
.confidentialtext:hover {
  transition-delay:1s;
  color:#800805;
  text-decoration: underline dashed transparent;
}
.titletext {
  text-decoration:underline dashed #888; 
  text-underline-offset:2px; 
  cursor:help;
}
.no-info-tag {
  display:inline-block; 
  background-color:rgba(145, 145, 145, 30%); 
  padding:4px; 
}