html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

.hidden-toolbar {
  display: none;
}

#tableDiv {
  flex:1;
  padding: 0;
  margin: 0;
  height: 80%;
  width: 100%;
}

#tabDiv > div.ui.bottom.attached.tab.active {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 90%;
  padding-bottom: 30px;
  height: 100%;
}
.ui.menu {
  margin: 0;
}


div.ui.pointing.secondary.menu > a.item {
  width: calc(100% / 3);
  text-align: center;
  display: block !important;
}

#viewDiv {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}

#centerWrapper {
  display:flex;
  flex-direction: row;
  width:100%;
}


#viewWrapper {
  flex:3;
}

#tabDiv {
  flex:1;
}


#progressStatus,
#progress {
  display: none;
}
#progress_percent {
  padding-left: 5px;
}

.esri-widget {
  font-size: 12px;
}

.esri-button.screeningtype {
  width: auto;
  margin: 10px;
  float: left;
}

.filter-widget {
  padding-left: 10px;
  padding-right: 10px;
}

.filter-widget p {
  font-weight: bold;
  clear: both;
  margin: 0;
  padding-top: 12px;
  padding-bottom: 5px;
}
.filter-widget span {
  float: left;
  display: inline-block;
  width: 90px;
}

#filters2 .filter-widget span {
  width: 60px;
}

.filter-widget span input {
  margin-right: 5px;
}

div#reset {
  padding-top: 50px;
}

#titleDiv,
#logoDiv {
  font-weight: bold;
  font-style: normal;
  font-size: 2rem;
  color: #003f73;
  padding: 5px 15px 0 15px;
  display: inline-block;
}

#logoDiv {
  float: right;
}

#logoDiv img:first-child {
  padding: 0 10px 0 0;
}

/*
#printbuttons {
  background-color: #0079c1;
  width:50%;
  margin:auto;
}
*/

/* HIDE RADIO */
[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type="radio"] + img {
  cursor: pointer;

  display: block;
  float: left;
  width: calc(100% / 3);
  padding: 5px;

  filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */

  background-color: none;
}

/* CHECKED STYLES */
[type="radio"]:checked + img {
  filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none; /* IE6-9 */
  -webkit-filter: none; /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  background-color: #00598e;
}

.radio {
  display: inline-block;
  padding-right: 10px;
  width: 100%;
}

.radio label {
  display: inline-block;
  vertical-align: middle;
  text-align: center;

  color: white;
  background-color: #0079c1;
  padding: 8px;

  width: 100%;
  height: 100%;
}

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

.radio input[type="radio"]:checked + label {
  background-color: #00598e;
}

.radio input[type="radio"]:disabled + label {
  background-color: #ddd;
}

.radio input[type="radio"]:checked:disabled + label {
  background-color: #aaa;
}

.filter-widget > .mczCheckbox {
  display: none;
}

.radiorow {
  height: 100%;
  width: 100%;
  display: flex;
  flex-flow: row;
  max-width: 300px;
}

.tabbutton {
  width: 100%;
  height: 38px;
  color: white;
  background-color: #369b32;
  border: 0;
  /* margin-top: 30px; */
  clear: both;
  float: left;
  padding: 10px;
  /* margin-right: 10px; */
}

.tabbutton:hover,
.tabbutton:active {
  background-color: #474b24;
  border: 0;
}

.tabbutton:disabled,
.tabbutton:hover:disabled {
  background-color: #aaa;
}

.ui.dropdown .menu > .item {
  width: 100%;
}

.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  width: 100%;
}

#toolbarDiv {
  background: none;
  box-shadow: none;
}

#toolbarDiv button {
  margin-bottom: 2px;
  border: 1px solid #ccc;
}

#legend {
  margin-top: 10px;
}

.esri-legend__symbol div svg g path {
  stroke-width: 1;
}

.esri-legend__symbol div svg g path[stroke-dasharray] {
  stroke-dasharray: 5, 5;
}
.esri-legend__symbol div svg g path[stroke-dasharray="none"] {
  stroke-dasharray: none;
}
.esri-legend__layer-caption {
  display: none;
}

#narrativeText {
  text-align: center;
  padding-top: 10px;
  font-size: 1.28571429em;
}
#narrativePercent {
  padding-left: 10px;
}

.ui.dimmer {
  background-color: rgba(0, 0, 0, 0.7);
}

#siteselectDiv button {
  text-align: left !important;
}

#version_text {
  font-size: 0.5em;
}

#p16_span {
  display: none;
}