a { color: rgb(140, 140, 250); }::-webkit-scrollbar-track-piece { background-color: rgba(255, 255, 255, 0.2) !important; }::-webkit-scrollbar-track { background-color: rgba(255, 255, 255, 0.3) !important; }::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.5) !important; }embed[type="application/pdf"] { filter: invert(90%); }

html { color: rgb(191, 191, 191); background: rgb(31, 31, 31) !important; }body { background-color: rgb(31, 31, 31); background-image: none !important; }input, select, textarea, button { color: rgb(191, 191, 191); background-color: rgb(31, 31, 31); }font { color: rgb(191, 191, 191); }

html { filter: contrast(100%) brightness(100%) saturate(100%); }.NIGHTEYE_Filter { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; pointer-events: none; z-index: 2147483647; }.NIGHTEYE_YellowFilter { background: rgba(255, 255, 0, 0.15); opacity: 0; }.NIGHTEYE_BlueFilter { background: rgba(0, 0, 255, 0.15); opacity: 0; }.NIGHTEYE_DimFilter { background: rgba(0, 0, 0, 0.5); opacity: 0; }.NIGHTEYE_TransformZ { transform: translateZ(0px); }

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700,900&display=swap");html { font-family: Montserrat, sans-serif; font-weight: 400; }h1 { font-size: 110%; }h2 { font-size: 100%; }a:link { text-decoration: none; color: rgb(164, 164, 219); }a:hover { text-decoration: none; color: rgb(157, 157, 226); }a:visited { text-decoration: none; color: rgb(164, 164, 219); }.header { clear: both; margin: 0px; padding: 0px; }#content { clear: both; }#station_info { }.station_title { font-size: 120%; font-weight: bold; }.station_subtitle { font-size: 100%; }.station_location { font-size: 80%; }.station_time { font-size: 80%; }#observation_title { clear: left; font-weight: bold; padding-top: 2px; }.navigation_controls { }.navigation_controls a { padding-right: 1em; }#data_graphs { }#data_table { float: right; }.footer { clear: both; padding-top: 10px; }.footer p { font-size: 8pt; font-style: italic; color: rgb(191, 191, 191); }.metrics { width: 100%; }.metrics tr { vertical-align: top; }.metrics a { text-decoration: none; }.metric_title { text-align: left; font-weight: bold; }.metric_name { text-align: right; }.metric_large { text-align: left; font-weight: bold; font-size: 140%; }.metric_value { text-align: left; font-weight: bold; }.metric_units { text-align: left; }.hilo_time { text-align: left; color: rgb(191, 191, 191); font-size: 85%; }.link_large { font-weight: bold; font-size: 150%; }#graphPopup { margin: 0px; padding: 0px; border: 1px solid rgb(59, 59, 59); }.btn { color: rgb(164, 164, 219); padding: 2px 25px; background-color: rgb(41, 41, 41); border: 1px solid rgb(89, 89, 89); cursor: pointer; }.btn_selected { color: rgb(164, 164, 219); padding: 2px 25px; background-color: rgb(67, 112, 112); border: 1px solid rgb(89, 89, 89); cursor: pointer; }@media (max-width: 600px) {
  .navigation_controls { padding-top: 10px; }
}@media (min-width: 601px) {
  #station_info { float: left; }
  .navigation_controls { float: right; }
}

.fc_table { }.fc_table td { font-size: 90%; text-align: left; }.fc_table .legend { }.fc_table .legend tr { vertical-align: top; }.fc_table .summary { }.fc_table .summary tr { vertical-align: top; }.fc_table .period { }.fc_table .col-outlook { min-width: 36px; }.fc_table .col-date { min-width: 36px; cursor: pointer; }.fc_table .col-temp { min-width: 30px; }.fc_table .col-dewpoint { min-width: 30px; }.fc_table .col-humidity { min-width: 30px; }.fc_table .col-wind { min-width: 60px; height: 48px; }.fc_table .col-pop { min-width: 50px; }.fc_table .col-precip { }.fc_table .col-obvis { }.fc_table .col-tides { min-width: 100px; padding-right: 10px; }.fc_table .col-tides table { padding-right: 5px; }.fc_table .col-sun { min-width: 30px; padding-right: 10px; }.fc_table .col-moon { min-width: 30px; padding-right: 5px; }.fc_table .col-moonphase { min-width: 45px; padding-right: 10px; }.fc_table .units { color: rgb(191, 191, 191); }.fc_table .day { font-size: 120%; font-weight: bold; color: rgb(156, 227, 156); }.fc_table .hour { font-size: 80%; }.fc_table .date { font-size: 80%; }.fc_table .temphi { color: rgb(230, 153, 153); }.fc_table .templo { color: rgb(153, 153, 230); }.fc_table .tide-hilo { color: rgb(191, 191, 191); }.fc_table .windgust { color: rgb(191, 191, 191); }.fc_table .winddir { color: rgb(191, 191, 191); }.fc_table .winddir-img { width: 32px; }.fc_table .outlook-img { width: 32px; }.fc_table .legend-img { width: 15px; }.fc_table .pop-img { width: 8px; }.fc_table .precip-img { width: 32px; }.fc_table .obvis-img { width: 32px; }.fc_table .sources p { font-size: 80%; font-style: italic; color: rgb(191, 191, 191); }

.block { float: left; padding-right: 50px; }.heatindex { color: rgb(219, 164, 164); }.windchill { color: rgb(164, 164, 219); }.temphi { color: rgb(219, 164, 164); }.templo { color: rgb(164, 164, 219); }.precip-img { width: 32px; }.obvis-img { width: 32px; }.pop-img { width: 8px; }.table_heading { font-size: 80%; color: rgb(191, 191, 191); border-bottom: 1px solid rgb(77, 77, 77); padding-top: 20px; }.radar { border: none; padding: 2px; }.zambretti { font-size: 80%; }.forecast_summary { }