.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
  z-index: 0;
}

/* img:hover {
    cursor: pointer;
} */
.header,
.header td,
.header tr {
  vertical-align: center !important;
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px !important;
  border: 0px;
  line-height: 0px;
  white-space: nowrap;
  table-layout: fixed;
}

.dateLabel {
  font-size: 6.5pt;
}

.nws_logo {
  height: 70px;
  padding-bottom: 7px;
  padding-right: 5px;
}

.source {
  font-size: 14px;
  color: White;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  width: 500px;
}

.location {
  font-size: 24px;
  color: White;
  font-weight: bold;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  width: 500px;
}

.top_banner {
  text-align: left;
  color: red;
  /* width:625px; */
  white-space: nowrap;
}

.loop_form {
  width: 250px;
  /* inline-size: 250px; */
  overflow-wrap: break-word;
}

body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin: 0px;
  background-color: #FFFFFF;
  /* float:left; */
}

.Tabs {
  vertical-align: "bottom" !important;
  border-spacing: 0px !important;
  border-collapse: separate;
}

.Tabs td {
  text-align: center;
  background-color: #e1e2fe;
  border: solid 1px #8b8b8b;
  border-spacing: 0px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 2px;
}

#top_tabs {
  width: 550px;
}

#top_tabs td {
  width: 100px;
}

#LocalTabs {
  width: 324px;
}

#LocalTabs td {
  width: 108px;
}

.Tabs .selected_tab {
  background-color: #ADB5FD
}

.loop_title,
.loop_title td,
.loop_title tr {
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px !important;
  border: 0px;
  line-height: 0px;
}

.point_title {
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px !important;
  border: 0px;
  line-height: 0px;
}

.wxgroup {
  font-size: 9pt;
  font-family: Arial, Helvetica, San Serif;
  color: #18186d !important;
  font-weight: 800;
}

.content_area {
  border: none;
  /* vertical-align: top; */
  border-spacing: 0px;
  padding: 0px;
  width: 902px;
  /* max-width:880px!important; */
  border-collapse: collapse;
  display: block;
}

.top_table {
  border: none;
  vertical-align: top;
  border-spacing: 0px;
  padding: 0px;
  width: 887px;
  background-color: #0306B7;
  border-collapse: collapse;
}

.content_container {
  width: 882px;
  background-image: url("./staticimages/tablebackground.jpg");
  border: none;
  border-spacing: 0px;
  padding: 0px;
  text-align: left;
}

.content_header_left {
  /* width: 100%; */
  padding: 0px !important;
  border: none;
  border-spacing: 0px !important;
  border-collapse: collapse;
  vertical-align: bottom !important;
  text-align: center;
  width: intrinsic;
  /* Safari/WebKit uses a non-standard name */
  width: -moz-max-content;
  /* Firefox/Gecko */
  width: -webkit-max-content;
  /* Chrome */
}

.content_header_right {
  width: 30%;
}

.image_url {
  background: none !important;
  border: none;
  padding: 0 !important;
  /*optional*/
  font-size: 9pt;
  font-family: Arial, Helvetica, San Serif;
  font-style: italic;
  /*input has OS specific font-family*/
  color: #0000FF;
  text-decoration: underline !important;
  text-indent: 2px;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.image_url:hover,
.image_url:focus {
  color: #FF0000;
}

/* Context Content (Hidden by Default) */
.context-dropdown-content {
  display: none;
  position: absolute;
  /* top: 16px;
  left: 2px; */
  width: 100px !important;
  background-color: #D5D7FD;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.context-dropdown-content div {
  /* color: #0000FF; */
  font-size: 9pt;
  text-align: left;
  /* float: left; */
  text-decoration: none;
  font-family: Arial, Helvetica, San Serif;
  display: inline-block;
}

.download-btn {
  background: none !important;
  border: none;
  padding: 0 !important;
  /*optional*/
  font-size: 9pt;
  font-family: Arial, Helvetica, San Serif;
  /* font-style: italic; */
  /*input has OS specific font-family*/
  color: #0000FF;
  text-decoration: underline;
  text-indent: 2px;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.download-btn:hover,
.download-btn:focus {
  color: #FF0000;
}

.download-column {
  float: right;
  width: 100%;
  padding: 0px;
  background-color: #D5D7FD;
  /* height: 250px; */
}

/* Style links inside the columns */
.download-column a {
  float: none;
  color: #0000FF;
  padding: 2px;
  text-decoration: none;
  display: inline-block;
  text-align: center !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal !important;
}

.download-row:after {
  content: "";
  display: table;
  clear: both;
}

.download-dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.download-dropdown-content {
  display: none;
  position: absolute;
  top: 16px;
  left: 2px;
  width: 90px !important;
  background-color: #D5D7FD;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  width: 125px;
  z-index: 1;
}

/* Links inside the dropdown */
.download-dropdown-content div {
  /* color: #0000FF; */
  font-size: 9pt;
  text-align: left;
  /* float: left; */
  text-decoration: none;
  font-family: Arial, Helvetica, San Serif;
  display: inline-block;
}

.index-dropbtn {
  background: none !important;
  border: none;
  padding: 0 !important;
  /*optional*/
  font-size: 9pt;
  font-family: Arial, Helvetica, San Serif;
  font-style: italic;
  /*input has OS specific font-family*/
  color: white;
  text-decoration: underline;
  text-indent: 2px;
  cursor: pointer;
}

.region-column {
  float: left;
  width: 49%;
  padding: 2px;
  background-color: #D5D7FD;
  /* height: 250px; */
}

/* Style links inside the columns */
.region-column a {
  float: none;
  color: #0000FF;
  padding: 2px;
  text-decoration: none;
  display: inline-block;
  text-align: center !important;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal !important;
}

.menu_separator,
.menu_separator:visited {
  color: black !important;
  text-decoration: none;
  opacity: 0.8;


}

/* Clear floats after the columns */
.region-row:after {
  content: "";
  display: table;
  clear: both;
}

.region-dropbtn {
  background: none !important;
  border: none;
  padding: 0 !important;
  /*optional*/
  font-size: 9pt;
  font-family: Arial, Helvetica, San Serif;
  font-style: italic;
  /*input has OS specific font-family*/
  color: #0000FF;
  text-decoration: underline;
  text-indent: 2px;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.region-dropbtn:hover,
.region-dropbtn:focus {
  background-color: #ADB5FD;
}

/* The container <div> - needed to position the dropdown content */
.region-dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.region-dropdown-content {
  display: none;
  position: absolute;
  background-color: #D5D7FD;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  width: 515px;
  z-index: 1;
}

/* Links inside the dropdown */
.region-dropdown-content a {
  color: #0000FF;
  font-size: 10pt;
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica, San Serif;
  display: inline-block;
}

.dropbtn {
  background-color: #ADB5FD;
  color: black;
  font-size: 9pt;
  font-family: Arial, Helvetica, San Serif;
  border: none;
  cursor: pointer;
  height: 33px;
  width: 72px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover,
.dropbtn:focus {
  background-color: #ADB5FD;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  /* display: inline-block; */
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  top: 39px;
  left: -2px;
  width: 83px !important;
  background-color: #D5D7FD;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  offset-anchor: 100px;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  font-family: Arial, Helvetica, San Serif;
  display: block;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
  display: block;
}

div.dataTables_wrapper {
  width: 340px;
  /* padding:4px; */
}

td div.left {
  text-align: left;
}

.button {
  background: none !important;
  border: none;
  padding: 0 !important;
  /*optional*/
  font-size: 9pt;
  font-family: Arial, Helvetica, San Serif;
  font-style: italic;
  /*input has OS specific font-family*/
  color: #0000FF;
  text-decoration: underline;
  text-indent: 2px;
  cursor: pointer;
}

#hourTable.rollover td.hours {
  vertical-align: top !important;
}

.rollover {
  display: none;
  border: 1px #003399;
  border-collapse: collapse;
  table-layout: fixed;
  /* padding: 1px; */
}

.rollover td {
  font-size: 9pt;
}

.daily_rollover tr:nth-child(odd) {
  background-color: #E5E5E5;
}

.daily_rollover tr:nth-child(even) {
  background-color: #CCCCCC;
}

.daily_rollover {
  border: 1px #003399;
  border-collapse: collapse;
  width: 250px;
  /* table-layout: fixed; */
}

.daily_rollover td {
  padding: 2px;
  font-size: 9pt;
}

.daily_rollover tr {
  border-spacing: 0px;
}

.daily_rollover .head {
  background-color: #ADB5FD;
  width: 85px !important;
}

.daily_rollover .element {
  width: 85px !important;
}

.element,
.element :visited {
  background-color: #D5D7FD;
  width: 78px !important;
  color: #0000FF;
}

.head {
  background-color: #ADB5FD;
  width: 60px !important;
}

.day {
  background-color: #E1E2FE;
  width: 60px !important;
  z-index: 1;

}

.arrow,
.arrow a:link,
.arrow a:hover {
  background-color: #E1E2FE;
  color: #000000;
  text-decoration: none;
  /* vertical-align: center; */
}

#menuitem A:link {
  color: white;
  text-decoration: none;
}

A:link {
  color: #0000FF;
  text-decoration: none;
}

#menuitem A:Visited {
  color: #FFFFFF;
}

A:Visited {
  color: #003399;
  text-decoration: none;
}

#menuitem A:hover {
  color: #F0E68C;
  text-decoration: underline;
}

A:hover {
  color: #FF0000;
  text-decoration: underline;
}

h1 {
  font-size: 20pt;
  font-family: Arial, Helvetica, San Serif;
}

h3 {
  font-size: 13pt;
  font-family: Arial, Helvetica, San Serif;
}

.white {
  font-size: 9pt;
  color: #FFFFFF;
  font-weight: bold;
  font-family: Arial, Helvetica, San Serif;
}

.yellow {
  font-family: Arial, Helvetica, San Serif;
  font-size: 9pt;
  font-weight: bold;
  color: #F0E68C;
}

.searchinput,
.searchinput SELECT,
.searchinput INPUT {
  font-size: 8pt;
}

td {
  font-size: 9pt;
  font-family: Arial, Helvetica, San Serif;
}

.gray {
  font-size: 8pt;
  color: #808080;
}

.nav {
  font-size: 9pt;
  color: #FFFFFF;
  font-weight: bold;
  font-family: Arial, Helvetica, San Serif;
}

.nwslink {
  font-size: 9pt;
  color: Black;
  text-decoration: none;
  font-family: Arial, Helvetica, San Serif;
}

.smalllink {
  font-size: 8pt;
  color: blue;
  text-decoration: none;
  font-family: Arial, Helvetica, San Serif;
}

.srhwhite {
  font-size: 9pt;
  text-decoration: none;
  color: #FFFFFF;
  font-weight: bold;
  font-family: Arial, Helvetica, San Serif;
}

.small {
  text-decoration: none;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #000000;
}

.small a {
  text-decoration: none;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #0000FF;
}

.small a:visited {
  text-decoration: none;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #0000FF;
}

.small a:hover {
  text-decoration: underline;
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #FF0000;
}

.zoom a {
  text-decoration: none;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #FFFFFF;
}

.zoom a:visited {
  text-decoration: none;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #FFFFFF;
}

.zoom a:hover {
  text-decoration: underline;
  font-size: 9px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: Gold;
}