html.DEV .show-dev,
html.TEST .show-test,
html.PROD .show-prod {
  display: initial !important;
}

html.DEV .color-dev,
html.TEST .color-test {
  color: #ffe740;
}

html.DEV header.global-header,
html.DEV #top-banner-navigation {
  background: #532600 !important;
}

html.TEST header.global-header,
html.TEST #top-banner-navigation {
  background: #530008 !important;
}

.leaflet-marker-icon.total-popup { 
 z-index: 240 !important;
}

body {
  font-family: "Roboto", sans-serif;
  position: static !important;
}
.p-sm {
  padding:8px !important;
}
.p-md {
  padding:24px !important;
}
.p-lg {
  padding:48px !important;
}
.p-0 {
  padding:0 !important;
}
.m-sm {
  margin:8px !important;
}
.m-md {
  margin:24px !important;
}
.m-lg {
  margin:48px !important;
}
.m-0 {
  margin:0 !important;
}
.h-50 {
  height: 50px;
}

.inline {
  display:inline-block;
}

.required::before {
  content: '\002731  ';
  color: black;
  font-weight: normal;
}

.center {
  text-align:center;
}

.hidden {
  display: none;
}

.bold {
  font-weight:bold;
}

.text-xs {
  font-size:8pt;
}

.text-sm {
  font-size:10pt;
}

.text-md {
  font-size:12pt;
}

.text-lg {
  font-size:16pt;
}

.text-align-r {
  text-align:right;
}

.text-align-l {
  text-align:left;
}

.valign-t {
  vertical-align: top;
}

.valign-m {
  vertical-align: middle;
}

.valign-b {
  vertical-align: bottom;
}

.valign-bl {
  vertical-align: baseline;
}

.panel.panel-horizontal {
  display:table;
  width:100%;
}

.panel.panel-horizontal > .panel-heading, .panel.panel-horizontal > .panel-body
, .panel.panel-horizontal > .panel-footer {
  display:table-cell;
}
.panel.panel-horizontal > .panel-heading, .panel.panel-horizontal > .panel-footer {
  width: 25%;
  border:0;
  vertical-align: middle;
}
.panel.panel-horizontal > .panel-heading {
  border-right: 1px solid #ddd;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.panel.panel-horizontal > .panel-footer {
  border-left: 1px solid #ddd;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
}

#tools {
  position:absolute;
  right:0;
}

main {
  position:relative;
  min-height:500px;
  margin-top: 10px;
}

#main-content {
  /*overflow-y: unset;*/
  /*background-image: url("/lst/resources/images/landscape_bkgd.jpg");*/
  padding-top: 0px !important;
  background-size: 100% 100%;
  background-color: #e1e7eb;
  background-size: 5px 5px;
  /*background-image: repeating-linear-gradient(45deg, #cfcfcf 0, #cfcfcf 0.5px, #efefef 0, #efefef 50%);*/
  /*background-image: repeating-linear-gradient(45deg, #e5e5e5 0, #e5e5e5 0.5px, #efefef 0, #efefef 50%);*/
}

.plain {
  background:none;
  border:none;
}
.rightJustified{
  text-align: right !important;
}
.centered{
  text-align: center !important;
}
.leftJustified{
  text-align: left !important;
}

.sub-button {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 12px;
  background-color: #d88c20;
  transition: opacity 0.2s;
  margin-top: 10px;
  height: 60px;
  width: 65px;
}

a.app .ca-gov-icon-plus-line:before, a.app .ca-gov-icon-table:before {
  top: 2px;
  font-size: 1.1em;
  position: relative;
}

.btn:hover .sub-button {
  transition: opacity 0.2s;
}

.sub-button:hover {
  background-color: #ffaa30;
}

.btn.btn-default:hover {
  border-color: rgb(51, 51, 51);
  border-top-color: rgb(51, 51, 51);
  border-left-color: rgb(51, 51, 51);
  border-right-color: rgb(51, 51, 51);
  border-bottom-color: rgb(51, 51, 51);
}

.btn-pale-blue {
  background-color: #a7cbdb;
}

.tab-pane.active {
  outline: 0 !important;
}

#tools a:hover {
  text-decoration:none;
}

form#sign-in-form label {
  width:100%;
}

a {
  outline: unset !important;
  cursor: pointer;
}

html {
  height: 100%;
}

.chrome {
  height: 100%;
  background-color: #eee;
}

.contentBody {
  width: auto; 
  padding-left: 15px;
  padding-top: 5px;
}

.contentTitle {
  /*border-bottom: 1px solid #2d5ead;*/
  border-bottom: 1px solid #273D88;
  font-size: 23px;
  font-weight: 500;
  display: flex;
  padding: 10px 0px 10px 0px;
}

.pdf-icon {
  background: url("/lst/resources/images/pdf-icon.png");
  height: 20px;
  width: 20px;
  background-size: 20px;
}

.report-icon {
  background: url("/lst/resources/images/report-icon.png");
  height: 16px;
  width: 16px;
  background-size: 16px;
  display: inline-block;
  margin: 0px 3px;
}

.anychart-credits {
  display: none;
}

table.blue-table {
  border-collapse: collapse!important;
}

.blue-table thead tr {
  background-color: #e1e7eb;
  /*border-top: #273D88 solid 5px;*/
  color: #7f8080;
}

table.dataTable thead th, table.dataTable thead td {
  border-bottom: none!important;
  text-transform: uppercase;
  padding: 0;
  text-align: left;
  border-right: #cacaca solid 1px;
}

table.dataTable tbody th, table.dataTable tbody td {
  padding: 6px 12px !important;
}

.blue-table tbody tr:nth-child(odd) {
  background-color: #ffffff!important;
}

.blue-table tbody tr:nth-child(even) {
  background-color: #ffffff!important;
}

.blue-table tbody tr {
  /*border-bottom: #cacaca solid 2px;*/
}

.blue-table tbody tr:hover {
  background-color: #f5f5f5 !important;
}

.blue-table td {
  /*  border: 1px #f8f8f8 solid;*/
  /*border: none!important;*/
  /*text-align: left!important;*/
}

.blue-table a {
  font-weight: bold;
}

table.dataTable.no-footer {
  border: none!important;
}

.dt-button-warning {
  background: #fcbf1f !important;
  border-color: #999 !important;
  color: black;
}

.dt-button-warning:hover {
  background: #f2b814 !important;
  border-color: #ccc !important;
}

.dt-button-primary {
  /*  color: #fff!important;
    background: #046B99!important;
    border-color: #046B99!important;
    border-radius: 5px !important;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;*/
  color: black !important;
  background-color: white !important;
  background-image: none !important;
  border-color: black !important;
  -webkit-transition: all 0.5s !important;
  transition: all 0.5s !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  padding: 0px 8px !important;
  text-transform: uppercase !important;
}

.dt-button-primary:hover {
  /*  background: #204d74 !important;
    border-color: #204d74 !important;*/
  text-decoration: underline!important;
}

table.dataTable thead .sorting:not(.sorting_asc):not(.sorting_desc) {
  background-image: none !important; 
}

.dataTable thead th {
  text-align: center !important;
}

td.right-align-text {
  text-align: right!important;
}

pre.print {
  display: inline;
  white-space: pre-wrap;
  word-break: inherit;
  word-wrap: inherit;
  font-family: arial;
  border: none;
  background: inherit;
  padding: 0;
  font-size: inherit;
}

textarea:disabled {
  background-color: #eee;
}

.tippy-box[data-theme~='light'] {
  background-color: rgba(255,255,255, 0.9);
  border: 1px solid grey;
  color: #000;
}

.tippy-box[data-theme~='light'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: rgba(255,255,255, 1);
}

.tippy-box[data-theme~='light'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: rgba(255,255,255, 1);
}

.tippy-box[data-theme~='light'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: rgba(255,255,255, 1);
}

.tippy-box[data-theme~='light'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: rgba(255,255,255, 1);
}

.selectize-dropdown-content {
  text-align: left;
  margin-left: 10px;
  background-color: white;
}

.selectize-input {
  text-align: left;
  background-image: none;
  background-color: #fff;
}

.selectize-dropdown-content div{
  margin-top: 8px;
}

.selectize-label {
  font-size: 12px;
  margin-left: 2px;
  color: #e9eced;
}

.switchLeft {
  font-size: 15px; 
  padding-right: 3px;
}

.switchRight {
  font-size: 15px; 
  padding-left: 3px;
}

.left {
  float: left;
}

.right {
  float: right;
}

#system-level-view-dialog .modal-dialog {
  width: 98%;
  height: 88%;
}

#system-level-view-iframe {
  border: none;
  min-height: 75vh;
}

.system-level-view-dialog .modal-body {
  min-height: 75vh;
}

.no-wrap {
  white-space: nowrap;
}

.v-center {
  vertical-align: middle !important;
}

.global_header_fixed {
  position: fixed;
  width: 100%;
  z-index: 1;
}

.underline {
  text-decoration: underline;
}

.unbold {
  font-weight: normal;
}

#re-login-dialog .modal-dialog {
  width: 994px;
  height: 665px;
}

#re-login-dialog .modal-content {
  height: 100%;
}

#re-login-dialog .modal-body {
  overflow: initial;
  height: 600px;
  padding: 0;
}

#re-login-dialog .modal-footer {
  display: none;
}


#review-comments-dialog .modal-dialog {
  width: 75%;
  height: 65%;
}

#review-comments-dialog .modal-content {
  height: 100%;
}

#review-comments-dialog .modal-body {
  height: calc(89% - 72px);
  padding: 0px;
}

.modal-open .modal {
  /*overflow-y: hidden;*/
}

.modal.in .modal-dialog {
  overflow-y: initial;
}

.modal.in .modal-body {
  overflow-y: auto;
  max-height: 80vh;
}

#edit-user-dialog .modal-body {
  overflow-y: visible;
}

.modal-dialog {
  margin-bottom: 0!important;
}

#nld-stats-dialog .modal-body {
  overflow-y: visible!important;
}
#review-state-dlg .modal-body {
  overflow-y: visible !important;
}
#access-log-dialog .modal-dialog {
  width: 90%;
  height: 85%;
}
#access-log-dialog .modal-content {
  width: 100%;
  height: 100%;
}
#access-log-dialog .modal-body {
  max-height: calc(100% - 120px);
  height: 100%;
  overflow-y: auto;
  padding: 0;
}

.accessAllLog {
  position: relative;
  float: right;
  top: 5px;
  left: 10px;
}

.recent-log {
  display: inline-block;
  color: #5b6f76;
  margin: 7px;
  font-size: 22px;
  cursor: pointer;
  margin-bottom: 10px;
}

.recent-log:hover {
  /*text-decoration: underline solid #273D88 3px;*/
  border-bottom: 3px solid #5b6f76;
}

.activeFilter {
  /*text-decoration: underline solid #273D88 3px;*/
  border-bottom: 3px solid #5b6f76;
}

.accessLogTabs {
  text-align: left;
}

.glyphicon.flip-x:before {
  transform: scaleX(-1);
}

.btn {
  text-transform: uppercase;
  font-size: 14px;
}

.btn:hover,
.btn:focus,
.btn.focus {
  background-color: inherit;
  color: inherit;
  border-color: inherit;
  text-decoration: underline;
}

.add-new {
  color: black;
  background-color: white;
  border-color: black;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 8px;
  padding: 0px 8px; 
  font-size: 14px;
  font-weight: bold;
}

.btn-primary {
  color: #5d635f;
  background-color: #e1e7eb;
  border-color: #c9d7dd;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 13px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #5d635f;
  background-color: #e1e7eb;
  border-color: #c9d7dd;
  text-decoration: underline;
}

.btn-tall {
  padding: 6px 12px;
}

.glyphicon-triangle-right:before {
  font-size: smaller;
}
.glyphicon-triangle-bottom:before {
  font-size: smaller;
}

.add-comment {
  color: #7898a4;
  font-size: 14px;
  font-weight: 600;
}
.num-char {
  margin-left: 5px;
}
.expand-collapse {
  color: #7898a4;
  background-color: white;
  border-color: #7898a4;
}

.question {
  margin-bottom: 5px;
}
.question-row {
  padding: 5px;
}
.comment, .add-comment-cont {
  margin-bottom: 0px !important;
  margin-left: 5px;
  font-weight: 600;
}
.comment-text {
  margin-left: 5px;
  margin-right: -10px;
}

.table-bordered>tfoot>tr>th, .table>tbody>tr>th {
  border-right: 1px solid #ddd;
  border-left: none;
  border-top: none;
  border-bottom: none;
}

.question:hover {
  background-color: lightgray;
  /*padding: 5px 5px 0px 5px;*/
  margin-bottom: 5px;
}

#access-log-dialog.modal.in, #model-data-status.modal.in, #review-comments-dialog.modal.in {
  display: flex!important;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
}

#model-data-status .inundation-dialog {
  width: 100% !important;
}
#model-data-status .inundation-dialog .modal-body {
  min-height: 75vh;
}

#model-data-status .inundation-dialog label {
  width: 100%;
}

.dataTables_filter input {
  border: 1px solid gray;
  border-radius: 0;
}
.glyphicon-question-sign {
  color: #007bff;
}
label[index] {
  margin-bottom: 0!important;
}

.chosen-single {
  height: 33px !important;
  line-height: 33px !important;
}

.chosen-container {
  font-size: 16px !important;
}

.chosen-container-single .chosen-single div {
  top: 4px !important;
  height: calc(100% - 4px) !important;
}

.dropzone .dz-preview .dz-details .dz-size {
  margin-bottom: 40px !important;
}

.tour-backdrop, .popover {
  z-index: 9999 !important;
}
.tour-backdrop {
  opacity: .4 !important;
}

.tour {
  cursor: pointer;
}

.tooltip-arrow::after {
  content: "";
  position: absolute;
  left: 100%;
  z-index: -1;
  border: 5px solid #fff;
  transform-origin: 0 0;
  transform: rotate(45deg);
  /* box-shadow: 2px 2px 4px 0px rgb(161 161 161); */
  box-shadow: 0px 3px 15px rgb(0 0 0 / 40%);
}
.tooltip.in {
  opacity: 1 !important;
}
.tooltip.top .tooltip-arrow { border-top-color: white; }
.tooltip.right .tooltip-arrow { border-right-color: white; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: white; }
.tooltip.left .tooltip-arrow { border-left-color: white; }
.tooltip-inner {
  color: black !important;
  background: white !important;
  box-shadow: rgb(0 0 0 / 40%) 0px 3px 15px;
}

#mouse-tooltip {
  position: absolute;
  background-color: white;
  border-radius: 4px;
  z-index: 100000;
  padding: 2px 6px;
  pointer-events: none;
  font-size: 12px;
}