@font-face {font-family: DroidSansFont; src: url(DroidSans-webfont.woff),url(DroidSans-webfont.ttf),url(DroidSans-webfont.eot); font-weight: normal; font-style: normal;}html, body {padding: 0; margin: 0; height: 100%; width: 100%; overflow: hidden;}html, body, h1, h2, h3, h4, h5, h6, p, ul, form {margin: 0; -webkit-tap-highlight-color: rgba(0,0,0,0);}body {font-size: 14px; line-height: 1.42857143;}body {position: fixed; bottom: 0; background: black; color: #333; font-family: 'DroidSansFont';}#viewDiv {position: absolute; right: 0; left: 0; top: 134px; bottom: 0; background-color: lightgrey;}.header {position: absolute; top: 80px; font-weight: 700; height: 54px;}.mainSection .header {position: relative; top: 0px; height: initial;}.btns {margin: 0 auto; display: flex; flex-direction: row; justify-content: center; align-items: center; overflow: auto;}.subtitle {font-size: 13px;}.btn-switch {flex-grow: 4; background-color: #044269; color: white; padding: 17px 12px 15px; overflow: hidden; text-align: center; cursor: pointer; white-space: nowrap; border-width: 1px; border-style: solid; border-color: #417B98; width: 148px;}.infobtns {margin: 0 0 0 -42px; display: flex; flex-direction: row; justify-content: center; align-items: center; overflow: auto;}.infobtn-switch {flex-grow: 4; background-color: #111; color: white; padding: 17px 12px 15px; overflow: hidden; text-align: center; cursor: pointer; white-space: nowrap; border-width: 1px; border-style: solid; border-color: #333;}.active-map {color: white; background-color: #005E91;}.infobtn-switch.active {color: white; background-color: #333;}.infotab {display: none;}.infotab.active {display: block;}#header {color: #fff; background-color: rgba(22, 127, 172, 1); margin: 0; overflow: hidden;}#headerDesktop.compact {height: 80px;}#headerDesktop {position: relative; height: 115px;}#headerDesktop:not(.isBuilder) .title {text-overflow: ellipsis; -o-text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; white-space: pre;}#headerDesktop .title {height: 45px; padding-top: 15px; font-size: 24px; font-weight: 200; text-align: center; overflow: hidden; white-space: nowrap; line-height: inherit;}#headerDesktop .logoImg {height: 80px;}#headerDesktop .logoWrapper {vertical-align: middle;}#headerDesktop.compact .logoContainerInner {margin-top: 0;}#headerDesktop .logoContainerInner {float: right;}#headerDesktop .textArea {padding-top: 10px; width: 100% !important;}#headerDesktop .leftArea {position: absolute; left: 0; top: 0; text-align: left;}#headerDesktop.compact .logoContainer {display: inline-block; float: right;}table {background-color: transparent;}table {border-collapse: collapse; border-spacing: 0;}img {border: none; outline: none;}img {vertical-align: middle;}a {font-weight: 700; cursor: pointer;}.esri-popup__main-container {width: 270px !important; max-height: 330px !important;}.esri-popup__content {margin: 0 !important;}.esri-widget table {margin-bottom: 7px;}.esri-widget table tr td, .esri-widget table tr th {width: inherit !important;}.esri-ui-corner .esri-legend {max-height: 360px !important;}.esriLayer{background-color: #fff;}#layerList .esriList{border-top:none;}.esriLayerList .esriTitle {background-color: #fff; border-bottom:none;}.esriLayerList .esriList ul{background-color: #fff;}body.calcite .esriSimpleSlider {top: auto !important; bottom: 15px !important;}.esriLayerList .esriHasTabContent.esriListVisible .esriToggleButton {display: block;}.esriLayerList .esriToggleButton {float: right; width: 16px; height: 16px; line-height: 16px; margin: 0; padding: 10px; cursor: pointer; display: none; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}input {-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}.esriLayerList .esriList {background-color: #ededed; border-top: 1px solid #e0e0e0;}.esriLayerList .esriNoLayers .esriList {display: none;}.esriLayerList .esriNoLayersText {display: none;}.esriLayerList .esriNoLayers .esriNoLayersText {display: block; padding: 10px;}.esriLayerList .esriList ul {background-color: #d3d3d3; background-color: rgba(0, 0, 0, 0.025);}.esriLayerList .esriList, .esriLayerList .esriLayer, .esriLayerList .esriSubList, .esriLayerList .esriSubListLayer {list-style: none; margin: 0; padding: 0;}.esriLayerList .esriSubList {margin: 0 0 0 12px;}.dj_rtl .esriLayerList .esriSubList {margin: 0 20px 0 0;}.esriLayerList .esriTitle {border-bottom: 1px solid #e0e0e0; font-size: 15px; line-height: 16px; background-color: #f8f8f8; color: #555;}.esriLayerList .esriLabel {display: block; padding: 10px 20px 10px 1px; margin: 0; word-wrap: break-word;}.dj_rtl .esriLayerList .esriLabel {padding: 10px 32px 10px 20px;}.esriLayerList .esriScaleInvisible .esriLabel {color: #999;}.esriLayerList .esriCheckbox {float: left; height: 16px; width: 16px; padding: 0; margin: 10px 5px 10px 10px; align-self: center;}.dj_rtl .esriLayerList .esriCheckbox {float: right; margin: 12px 10px 12px 5px;}.esriLayerList .esriButton {float: right; font-size: 16px; line-height: 20px; cursor: pointer; color: #999;}.esriLayerList .esriButton:hover, .esriLayerList .esriButton:active {color: #333;}.esriLayerList .esriContent {margin: 0 20px 5px 32px;}.dj_rtl .esriLayerList .esriContent {margin: 0 32px 5px 20px;}.dj_rtl .esriLayerList .esriButton {float: left;}.esriLayerList .esriClear {clear: both;}#search {right: 10px; position: absolute; margin-top: 10px;}.title, .dijitTitlePaneTitleFocus {outline: none; overflow: hidden;}.timeWindow {position:absolute; right:35px; z-index:998; width:300px; color:#000; text-align:center;}#title {font-size:12pt; font-weight:700;}#details {font-size:10pt;}#LocateButton {position: absolute; left: 15px; bottom: 122px; z-index: 50;}#HomeButton {position: absolute; left: 15px; bottom: 85px; z-index: 50;}#titlePaneBaseMap {float: left; margin-right: 5px;}body .dijitTitlePane {display: inline-block;}#titlePane {max-width: 214px;}#titlePane .esriLegendService {margin-bottom: 0px;}#warning, #forecastwarning {background: white; position: absolute; right: 20px; bottom: 40px; z-Index: 999;}body.calcite .arcgisSearch .searchBtn.searchSubmit {border-width: 1px 1px 1px 0px; border-color: white; border-style: solid; border-radius: 0px 7px 7px 0px; padding: 1px;}body.calcite .arcgisSearch .searchBtn {color: white; background-color: black;}body.calcite .arcgisSearch .searchExpandContainer {border-width: 1px 0px 1px 1px; border-style: solid; border-color: white; border-radius: 7px 0px 0px 7px; padding: 1px;}body.calcite .arcgisSearch .searchGroup .searchInput {color: white; background-color: black;}body.calcite .dijitTitlePaneTitle {background-color: #9E9E9E; color: white;}.toc {float: left; clear: left;}.toc-child {margin-top: 10px;}#u265_text {border-width: 0px; margin-top: -17px; margin-left: 3px; width: 36px; word-wrap: break-word; font-weight: 400; font-style: normal; font-size: 11px; text-align: center; line-height: normal;}#u265 {border-width: 0px; float: right; margin-right: 294px; margin-top: 16px; width: 40px; height: 22px; color: #CCCCCC;}#u265_div {border-width: 0px; width: 40px; height: 22px; background: inherit; background-color: rgba(102, 102, 102, 1); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(121, 121, 121, 1); border-radius: 24px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #CCCCCC;}#u265_div.mouseover {border-width: 0px; width: 40px; height: 22px; background: inherit; background-color: rgba(204, 204, 204, 1); box-sizing: border-box; border-width: 1px; border-style: solid; border-color: rgba(121, 121, 121, 1); border-radius: 24px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; color: #CCCCCC;}#u265_text.mouseover {color: rgba(102, 102, 102, 1);}#info {background-color: #333333; position:absolute; z-index: 99999; width: 40%; left: 30%; border-width: 0px; border-style: solid; border-color: #9E9E9E; border-radius: 4px;}#techdiff {background-color: #333333; position:absolute; z-index: 999999; left: 3%; right: 3%; max-height: 95px; max-width: 305px; margin-left: auto; margin-right: auto; bottom: 15px; border-width: 0px; border-style: solid; border-color: #9E9E9E; border-radius: 4px; color: white;}#techdiffinner {position:relative; margin: 20px 20px 20px 28px;}#info a {color: #FAFAFA;}#inner {position:relative; margin: 0px 42px 32px 42px;}.u200 {font-weight: 400; font-style: normal; font-size: 12px; color: #FAFAFA; text-align: left; line-height: normal;}.u201 {font-weight: 400; font-style: normal; font-size: 19px; color: #FAFAFA; text-align: center; line-height: normal; margin-top: 23px;}#techdiffclose {border-width: 0px; position: absolute; right: 16px; top: 15px; width: 14px; height: 14px;}#u202 {border-width: 0px; position: absolute; right: -27px; top: 15px; width: 14px; height: 14px;}#info p {margin: 7px 0px 7px 0px;}#basemapGallery {width: 183px; height:250px; overflow:auto;}.esriPopup .titleButton.maximize {display: none;}#chart.fullscreen {z-index: 999999; width: 50%; height: 50%; position: fixed; top: 25%; left: 25%; background: white; padding: 30px;}.closeChart {position: absolute; right: 68px; top: 42px; width: 19px; height: 19px; background-color: rgba(0,0,0,0); z-index: 999999;}.closeChart:hover {background-color: #e6e6e6;}.closeChart:before, .closeChart:after {position: absolute; left: 9px; content: ' '; height: 19px; width: 2px; background-color: #666;}.closeChart:before {transform: rotate(45deg);}.closeChart:after {transform: rotate(-45deg);}#layerListPane, #layerListPane2, #layerListPane3, #search, #titlePaneBaseMap, #titlePane, #u265, #headerDesktop .textArea {display: block;}#layerListPane .dijitCheckBox, #layerListPane2 .dijitCheckBox {width: 10px; height: 10px; line-height: 9px;}#greenlabel, #templabel {font-style: italic; font-size: 8pt;}#greencontainer, #tempcontainer {float: right; margin-top: -18px; margin-right: 3px;}#greenlabelfore, #templabelfore {font-style: italic; font-size: 8pt;}#greencontainerfore, #tempcontainerfore {float: right; margin-top: -18px; margin-right: 3px;}#infoclose {color: #FAFAFA; font-size: 12px; float: right; margin: 10px 0px 14px 0px;}#infoclose .dijitButtonNode {border: 0; background-color: rgba(0,0,0,0);}#infoclose .dijitButtonContents {background: #167fac; color: white; border-radius: 9px; font-size: 11px; padding: 4px 12px;}#infoclose .dijitButton {padding-left: 10px;}#gt500note {font-size: 7pt; font-style: italic; max-width: 300px;}#diamond {font-size: 14pt; line-height: 7pt; font-style: normal; vertical-align: sub;}#viewDiv .dijitTitlePaneTitle * {text-align: center;}#layerListPane {width:233px;}#layerListPane2 {width:233px;}#layerListPane3 {width:233px;}.calcite .dijitArrowNode {display: block; font-size: 9pt; line-height: 20px; float: right; margin-left: 14px;}.dijitTitlePaneTitleOpen .dijitArrowNode::after {content: "▼";}.dijitTitlePaneTitleClosed .dijitArrowNode::after {content: "◄";}.twoline .dijitArrowNode {line-height: 40px;}#loadingImg {position: absolute; left: 50%; top: 45%; z-index: 100;}body .dijitCalendarDecrementArrow img {background-image: url(https://dojotoolkit.org/reference-guide/1.7/_static/js/dijit/themes/claro/images/calendarArrows.png); width: 18px; background-repeat: no-repeat; height: 16px; position: absolute; top: 11px; left: 30px;}body .dijitCalendarIncrementArrow img {background-position: -18px 0; background-image: url(https://dojotoolkit.org/reference-guide/1.7/_static/js/dijit/themes/claro/images/calendarArrows.png); width: 18px; background-repeat: no-repeat; height: 16px; position: absolute; top: 11px; right: 30px;}#datepick label {font-size: 17px; display: inline-block; vertical-align: bottom; padding: 4px 10px 4px 10px;}#date1 {font-size: 17px; height: 100%;}#contourTimeWarn {color: red; font-style: italic; font-size: 8pt;}#viewDiv .dijitDateTextBox .dijitArrowButton {padding: 5px; font-size: 23px; color: #044269;}#viewDiv .dijitTextBox {width: 210px;}#widget_date1_dropdown {left: 802.975px;}#widget_date1_dropdown .dijitCalendar th {padding: 5px 15.625px;}#datepick .dijitTextBoxError .dijitValidationContainer {display: none;}.esriTitleContainer {display: flex;}.foreTable {margin-left: 55px;}.esriLayer .parentheses {color: black; font-style: initial; font-size: 0.8em;}.esriLayer span {color: red; font-style: italic; font-size: 6pt;}#searchBackground {background-color: rgba(22, 127, 172, 1); height: 100%; width: 100%; margin: -1px;}.esriPopupMobile {position: absolute; z-index: 400; box-shadow: 0 0 0.75em #111; -moz-box-shadow: 0 0 0.75em #111; -webkit-box-shadow: 0 0 0.75em #111; -o-box-shadow: 0 0 0.75em #111; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}.esriPopupMobile .sizer {width: 260px;}.esriPopupMobile .titlePane {background: none repeat scroll 0 0 #0E3043; color: #FFFFFF; height: 40px; padding-left: 35px; padding-right: 35px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: default; border: 2px solid #fff;}.esriPopupMobile .titlePane .title {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 10pt; font-weight: bold; width: 174x; line-height: 18px; margin-top: 0px;}.esriPopupMobile .hidden {display: none;}.esriViewPopup .hidden {display: none;}.esriPopupMobile .titlePane .footer {font-size: 9pt; font-style: italic; line-height: 10px; margin-top: 5px;}.esriPopupMobile .pointer.top {left: 118px; top: -10px; width: 24px; height: 12px; margin-left: 0px; background: url(../../esri/dijit/images/pointertop.png) no-repeat;}.esriPopupMobile .pointer {position: absolute;}.esriPopupMobile .pointer.bottom {left: 50%; bottom: -10px; width: 24px; height: 12px; margin-left: 0px; background: url(../../esri/dijit/images/pointerbottom.png) no-repeat;}.esriMobileNavigationBar {overflow: hidden; position: absolute; z-index: 410; top: 0px; background-color: #639BBC; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.25, rgb(10,77,106)), color-stop(0.82, rgb(99,155,188)) ); background-image: -moz-linear-gradient( center bottom, rgb(10,77,106) 25%, rgb(99,155,188) 82% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#639BBC', endColorstr='#0A4D6A'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#639BBC', endColorstr='#0A4D6A')"; width: 100%; height: 42px; margin: 0 auto; clear: both; font-family: Helvetica,Arial,sans-serif; display: block;}.esriMobileInfoView {position: absolute; top: 42px; width: 100%; background: #fff; display: none; z-index: 4200; opacity: 1.0; overflow: hidden;}.esriMobilePopupInfoView {display: none; position: absolute; top: 42px; overflow: hidden; width: 100%; height: 100%; background: #fff; z-index: 4200; padding-bottom: 30px; padding-left: 2px;}.esriMobileInfoView .esriMobileInfoViewItem {margin: 0px; color: #000000;}.esriMobileInfoView .esriMobileInfoViewItem .gallery {margin: 10px 10px 60px 12px;}.esriPopupMobile .titleButton.next {top: 26px; right: 76px; width: 18px; height: 11px; background: url(../../esri/dijit/images/rightlongarrow.png) no-repeat;}.esriPopupMobile .titleButton {position: absolute; top: 2px; cursor: pointer;}.esriPopupMobile .titleButton.prev {top: 26px; left: 76px; width: 18px; height: 11px; background: url(../../esri/dijit/images/leftlongarrow.png) no-repeat;}.esriPopupMobile .titleButton.close {top: 6px; left: 3px; width: 32px; height: 32px; background: url(../../esri/dijit/images/whitex.png) no-repeat;}.esriPopupMobile .titleButton.arrow {top: 6px; right: 3px; width: 32px; height: 32px; background: url(../../esri/dijit/images/whiter.png) no-repeat;}.esriMobileNavigationBar .esriMobileNavigationItem.left {width: 32px; height: 32px; float: left; position: absolute; left: 0; top: 0;}.esriMobileNavigationBar .esriMobileNavigationItem.center {display: block; color: white; font-size: 16px; font-weight: 600; margin: 0.6em 32px 0.8em 32px; outline: 0 none !important; overflow: hidden; padding: 0; text-align: center; white-space: nowrap; text-overflow: ellipsis;}.esriMobileNavigationBar .esriMobileNavigationItem.right {width: 32px; height: 32px; float: right; position: absolute; right: 0; top: 0;}.esriMobileNavigationBar .esriMobileNavigationItem.right2 {width: 32px; height: 32px; float: right; position: absolute; right: 74px; top: 0;}.esriMobileNavigationBar .esriMobileNavigationItem.right1 {width: 32px; height: 32px; float: right; position: absolute; right: 36px; top: 0;}.esriMobileNavigationBar .esriMobileNavigationItem {display: block; margin-top: 5px;}.esriMobileInfoView .mobileheader {font-weight: bold;}.esriMobileInfoView .hzLine {border: none; border-top: 1px solid #333333; margin-top: 6px; margin-bottom: 6px;}.esriMobileNavigationBar .hidden {display: none;}.dijitTooltipDialogPopup {z-index: 10000;}[data-balloon]:after {text-align: left;}[data-balloon][data-balloon-pos="up"]:after {left: 10%;}#rightpanels {position: absolute; right: 20px; top: 10px; z-Index: 999;}#mobileButtons {display: none;}#mobilelistpane {}#npscheckbox {width: 24px;}@media only screen and (max-width: 950px) {#layerListPane, #layerListPane2, #layerListPane3, #u265, #headerDesktop .textArea {display: none !important;} #titlePane, #titlePaneBaseMap {display: none;} #mobileButtons {display: block;} #search {display: none !important;} #rightpanels .dijitArrowNodeInner {left: 185px;} #layerListContour, #layerList2 {margin-top: 20px;} #greencontainer, #greencontainerfore, #tempcontainer {margin-top: -2px;} .dijitTitlePaneContentOuter {max-height: 360px; overflow-y: scroll;} .btns {display: table; float: left;} .btn-switch {padding: 0; height: 54px; width: 80px; font-size: 12px; white-space: pre-line; vertical-align: middle; display: table-cell;} #headerDesktop .title {font-size: 17px; white-space: pre-line !important; display: block !important; height: 50px; padding: 5% 0;} #header {height: 50px;} #headerDesktop .logoImg {height: 50px;} .calcite .dijitArrowButtonInner:before {content: "\e663";} .calcite .dijitButtonContents {padding: 0;} .calcite .dijitMenuPopup {left: auto !important; right: 48px !important;} #headerDesktop .leftArea {width: 88px; left: 0; position: fixed;} .header {top: 50px;} #viewDiv {top: 104px;} #warning, #forecastwarning {font-size: 10px;} #datepick label {font-size: 13px; display: inline-block; vertical-align: bottom; padding: 8px 2px 8px 4px;} #date1 {font-size: 13px;} .calcite .dijitTextBox .dijitInputField {padding: 5px 4px;} #viewDiv .dijitTextBox {width: 164px;} #chart.fullscreen {width: 100%; left: 0; padding: 15px;} .closeChart {right: 6px; top: 27px;} #warning, #forecastwarning {right: 14px; bottom: 30px;} #mobileinfo {display: block !important; width: 32px; right: 53px; position: fixed; padding: 10px; font-size: 29px;} #mobilesearch {display: block !important; width: 32px; right: 16px; position: fixed; padding: 10px; font-size: 29px;} #info {width: 100%; left: 0;} .infotab {height: 417px; overflow-y: scroll;} #inner {margin: 0px 22px 32px 22px;} .infobtns {font-size: 12px; margin: 0 0 0 -22px; display: table;} .infobtn-switch {background-color: #111; color: white; padding: 0; overflow: hidden; text-align: center; cursor: pointer; white-space: nowrap; border-width: 1px; border-style: solid; border-color: #333; white-space: pre-line; vertical-align: middle; width: 56px; display: table-cell; height: 54px;} #u202 {right: -11px;} .header {width: 100%;} .calcite .dijitArrowNode {padding-right: 19px; display: none;} .calcite .dijitArrowNodeInner {display: block; right: 12px; position: absolute; width: 19px; height: 38px; color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); z-index: 999999;} .calcite .dijitArrowNodeInner:before, .calcite .dijitArrowNodeInner:after {position: absolute; left: 9px; content: ' '; height: 14px; width: 2px; background-color: white; top: 3px;} .calcite .dijitArrowNodeInner:before {transform: rotate(45deg);} .calcite .dijitArrowNodeInner:after {transform: rotate(-45deg);} .twoline .dijitArrowNodeInner:before, .twoline .dijitArrowNodeInner:after {top: 13px;} #timeWindow .dijitArrowNodeInner {display: none;} #layerListContour .esriTitleContainer {display: block;} .mobilesection {font-weight: 800; font-size: 15px; color: #555;} #mobilePanels .dijitTitlePaneContentOuter {max-height: 350px; overflow-y: scroll;} #rightpanels {right: inherit; left: 80px;} .mobilebutton {display: block; height: 20px; width: 20px; background-size: 20px 20px !important; padding: 20px; border-radius: 50%; margin-bottom: 10px;} span[widgetid="mobilelegend"] {background: url(../../images/legend.png) 10px 10px no-repeat #5e5e5e;} span[widgetid="mobilelayers"] {background: url(../../images/layers.png) 10px 10px no-repeat #5e5e5e;} span[widgetid="mobilebasemaps"] {background: url(../../images/basemaps.png) 10px 10px no-repeat #5e5e5e;} .calcite .dijitButtonNode {border: 0; background-color: transparent;} #npscheckbox {width: 17px;}}@media only screen and (max-height: 565px) {.infotab {height: 296px; overflow-y: scroll;}}@media only screen and (max-height: 450px) {.infotab {height: 175px; overflow-y: scroll;}}