.readonly {
  background-color: #e5e5e5;
}
input[type="text"],
input[type="datalist"],
textarea,
input[type="email"],
select,
input[type="checkbox"] {
  color: black;
  width: 50%;
 }  

input[type="file"],
label.notreadonly {
  display: none;
}

input[type="text"].notreadonly,
select.notreadonly {
  background-color: white !important;
}
input[type="submit"].notreadonly {
  display: block !important;
}

input[type="submit"] {
  height: 40px;
  width: 150px;
}

body {
  margin: 0 !important;
  padding: 0 !important;
}
.HeaderDisplay {
  font-size: 18pt;
  width: 100%;
  height: 120px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #003057;
  position: fixed;
  z-index: 10;
  left: 0px;
  right: auto;
  top: 0px;
  bottom: auto;
}
.HeaderDisplay2 {
  font-size: 18pt;
  width: 100%;
  height: 80px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #003057;
  position: fixed;
  z-index: 10;
  left: 0px;
  right: auto;
  top: 0px;
  bottom: auto;
}
.VolkertLogo {
  margin-top: 25px;
  height: 50px;
}
.VolkertLogo2 {
  margin-top: 15px;
  height: 30px;
}

.ClientLogo {
  margin-top: 25px;
  height: 75px;
}

.inputDisplay {
  width: 100%;
  text-align: center;
}

.LabelDisplay {
  text-align: center;
  font-size: 16pt;
  font-weight: bold;
}

input.buttons {
  font-weight: bold;
  font-size: 12pt;
  border-radius: 15px;
  width: 98%;
  height: 50px;
  border: 0px solid;
  box-shadow: 2px 2px 5px #888888;
}
input.buttons:hover {
  border: 1px solid #999;
  color: #000;
  background-color: #a6a6a6;
}
.TdDisplay {
  width: 33%;
  text-align: center;
}

.TdHeadDisplay {
  width: 33%;
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
}
.TdSpacer {
  height: 25px;
}

#DisplayRow:hover {
  background-color: #ffff99 !important;
}

/* Objects set with ButtonDisplay in the style tag will be formatted as noted */
.ButtonDisplay {
  color: white;
  text-shadow: 1px 1px #000000;
  height: 25px !important;
  width: 130px;
  border-radius: 5px 5px 5px 5px;
  background-color: #003057;
  font-weight: bold;
  font-size: 12pt;
}
.MobileButtonDisplay {
  color: white;
  text-shadow: 1px 1px #000000;
  height: 50px !important;
  width: 250px;
  border-radius: 5px 5px 5px 5px;
  background-color: #003057;
  font-weight: bold;
  font-size: 17pt;
}
.MenuButton{
	width:190px;
}
#tableShift{
	margin-left:10px
}
.MenuButton:hover,
.PagingButton:hover,
.ButtonDisplay:hover,
.OrangeButton:hover {
  background-color: #9abe26;
  color: white;
  text-shadow: 1px 1px #000000;
}
#highlight:hover {
  background-color: #ffff99;
}
.highlight:hover {
  background-color: #ffff99;
}

input[type="text"].lookup,
select.lookup {
  pointer-events: auto;
  background-color: white;
}

.SensitiveRow {
  background-color: #ff5268;
  height: 25px;
}
.DataRowDark {
  height: 25px;
  background-color: #e5e5e5;
}
.DataRowLight {
  height: 25px;
  background-color: #cccccc;
}
.SensitiveRow:hover {
  background-color: #ffff99 !important;
}
.DataRowDark:hover {
  background-color: #ffff99 !important;
}
.DataRowLight:hover {
  background-color: #ffff99 !important;
}