.onxD {
  color: black;
  background-color: white;
}
.dijitMenuItemLabel {
  font-size: 16px;
  font-family: sans-serif;
} 
/*rem_details.html*/
#details {
  float: left;
  width: 100%;
  font-size: 14px;
}
#wellSelected {
  float: left;
  margin: 5px;
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}
#wellAnalyte {
  float: left;
  margin-left: 10px;
  margin-top: -3px;
  font-size: 14px;
  display: none;
}
#nearbyWells {
  float: left;
  margin-left: 10px;
  margin-top: -3px;
  font-size: 14px;
}
.ext {
  float: left;
  margin-top: 15px;
}
.wellHeader {
  float: left;
  margin: 5px;
  font-size: 14px;
}
#tableData {
  position: relative;
  float: left;
  width: 99%;
  height: 100%; 
  font-size: 14px;
  overflow: auto;
  border-bottom: 1px solid black;
}
#explorerTable_wrapper {
  width: 100%;
  font-size: 12px;
}
#exploreChartDiv {
  width: 100%;
  font-size: 14px;
  margin-left: 5px;
  position: fixed;
  top: 440px;
  bottom: 35px;
}
#screenToggle {
  float: right;
}
#chartToggle {
  float: right;
}
.cmt {
  border: 0;
  background: #E17C00 linear-gradient(to bottom, #E17C00, #d35e00);
  border-radius: 5px;
  text-shadow: 1px 1px 5px #666666;
  box-shadow: 2px 2px 4px #666666;
  font-family: Arial, sans-serif;
  color: #ffffff;
  padding: 3px 10px 3px 10px;
  font-size: 12px;
  height: 28px;
  margin: 5px 5px 0 5px;
  vertical-align: middle;
  cursor: pointer;

  box-sizing: border-box;
}
.cmt:hover{
	background: #d35e00 linear-gradient(to bottom, #d35e00, #E17C00);
  color: #ffffff;
}
.th {
  float: left;
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-bottom: 2px solid black;
  background: lightgray;
  padding-top: 3px;
}
.tr {
  float: left;
  width: 100%;
  height: 20px;
  margin-top: 1px;
  margin-bottom: 1px;
}
.date {
  float: left;
  width: 120px;
  text-align: center;
  border-right: 2px solid white;
}
.time {
  float: left;
  width: 80px;
  text-align: center;
  border-right: 2px solid white;
}
.conc {
  float: left;
  width: 100px;
  text-align: right;
  border-right: 2px solid white;
  margin-right: 2px;
}
.units {
  float: left;
  width: 50px;
  border-right: 2px solid white;
}
.filter {
  float: left;
  width: 100px;
  text-align: center;
  border-right: 2px solid white;
}
.lab {
  float: left;
  width: 50px;
  border-right: 2px solid white;
}
.review {
  float: left;
  width: 100px;
  border-right: 2px solid white;
}

#mapDiv_zoom_slider {
  bottom: 48px;
  left: 5px;  
}

.esriSimpleSliderIncrementButton:hover,
.esriSimpleSliderDecrementButton:hover {
  background: #d35e00;
  background-image: linear-gradient(to bottom, #d35e00, #E17C00);
}

.esriSimpleSliderVertical {
  background: #E17C00;
  background-image: linear-gradient(to bottom, #E17C00, #d35e00);
}

.esriBasemapGallery {
  position: absolute; 
  left: 38px; 
  top: 240px; 
  width: 165px; 
  height: 62px; 
  z-Index: 60;  
}
.esriBasemapGalleryNode.esriBasemapGallerySelectedNode {
  background: grey;
  color: white;
  opacity: 0.8;
}
.esriBasemapGalleryNode {
  margin: 0px 0px 0px 5px;
  width: 40px;
  border: 1px solid black;
  background: black;
  color: white;
  opacity: 0.8;
  height: 60px;
}
.esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail {
  border: 2px solid grey;
}
.esriBasemapGalleryThumbnail {
  height: 35px;
  width: 35px;
  border: 2px solid black;
  margin: 0px;
  -moz-box-shadow: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.esriBasemapGalleryLabelContainer {
  font-size: 10pt;
  width: unset;
  height: unset;
}

.esriScalebar {
  background : rgba(0,0,0,.8);
  
}

.esriScalebarLine {
  border : 1px solid white;
}

.esriScalebarMetricLine {
  border-top: none; 
}

.esriScalebarEnglishLine {
  display : none;  
  border-bottom: none;
}

.esriScalebarEnglishLine ~ .esriScaleLabelDiv {
  display : none;  
}

.esriScalebarLabel {
  color : white;
  font-size: 10px;
  left: 35%;
}  

.scalebar_bottom-left {
  position: absolute;
  left: 215px !important;
  top: 321px;
  padding: 5px 5px 0 5px;
  width: auto;
}

/*rem_table.html*/
#wellHead {
  margin-left: 10px;
  margin-right: 10px;
  font-weight: bold
}
#wellTable {
  bottom: 55px;
  width: 100%;
  overflow: auto;
}
.box {
  font-size: 14px;
  position: relative;
  float: left;
  width: 150px;
}

/*index.html*/
.dashboard {
  height: -moz-calc(100% - 195px);
  height: -webkit-calc(100% - 195px);
  height: calc(100% - 195px);
  width: 100%;
  position: absolute;
  top: 160px;
  overflow: auto;
}
#pageTitle {
  text-align: center;
  position: absolute;
  top: 50px;
  width: 100%;
  height: 110px;
  font-size: 14px;
  color: #385D8A;
}

/* technology */
.remTechSidebar {
  height: 100%;
  width: 230px;
  display: inline-block;
}
.remTechButton {
  width: 200px;
  height: 115px;
  margin: 10px;
  -moz-border-radius: 50px /45px;
  -webkit-border-radius: 50px /45px;
  border-radius: 50px /45px;
  border: 3px solid #385D8A;
  text-align: center;
}
.remTechButton.PButton {
  background: url("../img/Pump_and_Treat.svg") no-repeat center;
  background-size: 50% auto;
}
.remTechButton.BButton {
  background: url("../img/Barrier.svg") no-repeat center;
  background-size: 50% auto;
}
.remDescription {
  font-size: 14px;
  font-weight: bold;
}
.remTechButton.selected {
  background-color: #B7DEE8;
}
.remTechButton:hover {
  background: #FFFF99;
}
.remTechButtonDescription {
  display: none;
  font-size: 14px;
  text-align: center;
}
.remImg {
  max-width: 100%;
  width: 100%;
  border: 0px;
}
#plumeMap {
  width: 230px;
  margin: 5px;
}

/*
#plumeMap.clicked {
  position: absolute;
  max-width: 35%;
  background-color: #fff;
}
*/

/* chartgallery */
#mainGallery {
  width: -moz-calc(100% - 410px);
  width: -webkit-calc(100% - 410px);
  width: calc(100% - 410px);
  position: absolute;
  top: 0px;
  left: 230px;
  height: 100%;
}
.systemsgalery {
  float: left;
  width: 100%;
  height: 100%;
}
.section {
  position: relative;
  float: left;
  width: 300px;
  height: 130px;
  overflow: hidden;
  margin: 2px 2px;
  font-size: 14px;
  color: #494949;
}
.section.inactive {
  opacity: 0.3;
}

#infoHelp {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -3px;
  padding: 4px;
  cursor: pointer;
}

.remLeg {
  cursor: pointer;
  -moz-border-radius: 5px /5px;
  -webkit-border-radius: 5px /5px;
  border-radius: 5px /5px;
  border: 2px solid lightgray;
}

/* contaminant */
#contaminantButtonContainer {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 180px;
}
.contaminantButton {
  float: left;
  margin: 5px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  width: 150px;
  height: 62px;
  padding: 5px;
  cursor: pointer;
  -moz-border-radius: 30px /30px;
  -webkit-border-radius: 30px /30px;
  border-radius: 30px /30px;
  border: 3px solid #385D8A;
}
.contaminantButton.selected {
  background-color: #B7DEE8;
}
#contaminantDescription {
  display: none;
  background-color: #FFFF99;
  height: 270px;
  width: 225px;
  border: 1px solid black;
  font-size: 14px;
  padding: 5px;
  position: absolute;
}

#chartLegend{
  display: inline-block;
  width: 180px;
}
#chartLegend > svg{
  position: relative !important;
}

#placeholder{
  width: calc( 100% - 180px ) !important;
  display: inline-block;
}

table:not(.dijitMenuTable) tbody tr:nth-child(2n) td {
    background-color: #E8E8FF;
}