/* typography */

@import url('https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:wght@800&display=swap');

@font-face {
  font-family: 'Doto-Black';
  font-style: normal;
  src: local('Doto-Black'), url('../webfonts/Doto-Black.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Inconsolata-Medium';
  font-style: normal;
  font-weight: Bold;
  src: local('Inconsolata-Medium'), url('../webfonts/Inconsolata-Medium.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Verbatim-Medium';
  font-style: normal;
  font-weight: regular;
  src: local('Verbatim-Medium'), url('../webfonts/Verbatim-Medium.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'DSDIGI';
  font-style: normal;
  font-weight: normal;
  src: local('DSDIGI1'), url('../webfonts/DSDIGI.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'Oswald-Medium';
  font-style: normal;
  font-weight: normal;
  src: local('Oswald-Medium'), url('../webfonts/Oswald-Medium.woff2') format('woff2');
  font-display: swap;
}

@font-face {
  font-family: 'Saira-MediumItalic';
  font-style: normal;
  font-weight: normal;
  src: local('Saira-MediumItalic'), url('../webfonts/Saira-MediumItalic.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'IBMPlexSans-Regular';
  font-style: normal;
  font-weight: normal;
  src: local('SourceSansPro-Regular'), url('../webfonts/IBMPlexSans-Regular.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'IBMPlexSans-Medium';
  font-style: normal;
  font-weight: normal;
  src: local('IBMPlexSans-Medium'), url('../webfonts/IBMPlexSans-Medium.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'IBMPlexSans-Bold';
  font-style: normal;
  src: local('IBMPlexSans-Bold'), url('../webfonts/IBMPlexSans-Bold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'IBMPlexSans-Condensed';
  font-style: normal;
  font-weight: normal;
  src: local('IBMPlexSans-Condensed'), url('../webfonts/IBMPlexSans-Condensed.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'IBMPlexSans-Condensed-Medium';
  font-style: normal;
  src: local('IBMPlexSans-Condensed-Medium'), url('../webfonts/IBMPlexSans-Condensed-Medium.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'IBMPlexSans-Condensed-Bold';
  font-style: normal;
  src: local('IBMPlexSans-Condensed-Bold'), url('../webfonts/IBMPlexSans-Condensed-Bold.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'ARIBLK';
  font-style: normal;
  src: local('ARIBLK'), url('../webfonts/webfonts/ARIBLK.woff') format('woff');
  font-display: swap;
}

@font-face {
  font-family: 'CPMono_v07 Plain';
  font-style: normal;
  font-weight: normal;
  src: local('CPMono_v07 Plain'), url('../webfonts/CPMono_v07_Plain.woff') format('woff');
}

@font-face {
  font-family: 'BebasNeueBold';
  font-style: normal;
  src: local('BebasNeueBold'), url('../webfonts/BebasNeueBold.woff') format('woff');
  font-display: swap;
}

body {
  color:#666;
  font-family:'IBMPlexSans-Medium', Arial, Helvetica, sans-serif; 
  font-size:1em;
  font-weight:normal;
  line-height:1.4em; 
}

strong {
  font-family:'IBMPlexSans-Medium-Condensed', Arial, Helvetica, sans-serif; 
  font-size: 14px;
  color: #000000;
  margin:.45em 0;
  padding:0;
}

h8 {
  font-family: 'Oswald-Medium';
  font-size: 42px;
  position: relative;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  top: 15px;
}

h9 {
  color: #474747;
  font-family: 'Saira-MediumItalic', sans-serif;
  font-size: 18px;
  position: relative;
  text-align: center;
  text-rendering: optimizeLegibility;
  top: 16px;
}

h8.retroshadow {
  color: #000000;
  letter-spacing: .01em;
  text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0, 0, 0, 0.2);
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'IBMPlexSans-Bold', Arial, Helvetica, sans-serif; 
  font-weight:normal;
  line-height:1.5em;
  margin:.45em 0;
  padding:0;
} 

.h1logo {
  font-family: 'Oswald-Medium';
  font-size: 42px;
  position: relative;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-transform: uppercase;
  top: 15px;
  color: #000000;
  letter-spacing: .01em;
  text-shadow: 4px 4px 0px #d5d5d5, 7px 7px 0px rgba(0,0,0, 0.2);
}

.h2logo {
  color: #000;
  font-family: 'Saira-MediumItalic', sans-serif;
  font-size: 18px;
  position: relative;
  text-align: center;
  text-rendering: optimizeLegibility;
  text-shadow: 1px 1px 1px #fff;
  top: 16px;
}

#myHover:hover { color:#E30055; }
#myHover { color:#C2F044; }

a, a:visited, a:active, a:hover {
  color:#004FA3;
  text-decoration:none;
}
a:hover {
  text-decoration:none;
}

* {	
  box-sizing:border-box;
  -moz-box-sizing:border-box;
}

.wrapper {
  margin: 0 auto !important;
  width: 95%;
}

header { padding:20px 0; }
#banner {
  text-align:center; 
}
	
#page-header{
  background:#f3f3f3;
  border-bottom:1px solid #e2e2e2;
  border-top:1px solid #e2e2e2;
  padding: 15px 0;
}

#hero {
  background:#f3f3f3;
  border-bottom:1px solid #e2e2e2;
  border-top:1px solid #e2e2e2;
  padding: 20px 5px;
}

#hero h1 { 
  line-height:1.2em;
  margin-bottom:10px;
  margin-top:0px;
}

.flexslider { display:none; }
#content { margin:25px 0; }
aside { margin:40px 0; }
p { margin:1em 2px 1em; }

img { height:auto; } /* max-width:100%;  */

.menu-toggle {
  background:#666;
  color:#fff;
  cursor:pointer;
  display:block;
  font-size:20px;
  margin:20px 0 0;
  padding:10px;
  text-transform:uppercase;
}
.menu-toggle.toggled-on { background:#0099FF; }
.srt-menu { display:none; }	
.srt-menu.toggled-on {
  display:block;
  position:relative;
  z-index:10;
}

.srt-menu {
  clear:both;
  margin-bottom:60px;
}

.srt-menu li a {
  background:#c2c2c2;
  display:block;
  margin:1px 0; 
  padding:10px;
  text-decoration:none;
}

.srt-menu li a:hover {
  background:#0099ff;
  color:#fff;
}

.srt-menu li li a {
  background:#e0e0e0;
  padding-left:40px;
}

.srt-menu li li li a {
  background:#f3f3f3;
  padding-left:80px;
}

#secondary-navigation { margin-bottom:60px; }
#secondary-navigation ul {
  margin:0;
  padding:0;
}
#secondary-navigation ul li a { 
  background:#E6E6E6;
  display:block;
  margin:5px 0; 
  padding:10px;
  text-decoration:none;
}
#secondary-navigation ul li a:hover,
#secondary-navigation ul li.current a {
  background:#0099ff;
  color:#fff;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11 {
  margin-bottom:40px;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
.grid_12 {
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}

footer {
  clear:both;
  font-size:75%;
  padding:10px 6px;
  border-top: 1px solid rgba(243, 243, 243, 1);
  box-shadow: 0px -5px 25px 0px rgba(0, 0, 0, 0.45);
}

footer ul { margin:0 0 0 8%; }

@media only screen and (max-width: 768px) {
 footer {  
  clear:both;
  font-family: 'IBMPlexSans-Medium', Arial, Helvetica, sans-serif; 
  font-size:55%;
  padding:10px 6px;
 }
 footer ul { margin:0 0 0 8%; }
}

body { background:#aeacad; }

h1, h2, h3, h4, h5, h6 { color:#333; }

footer { 
  background:#1F242C;
  color:#ccc;
}
footer h1, footer h2, footer h3, footer h4 { 
  color:#CCC; 
  margin-bottom:10px;
}

a.buttonlink { 
  background:#0099ff; 
  border-radius:7px; 
  color:#fff;
  display:block;
  float:left; 
  margin:10px 15px 10px 0; 
  padding:10px;
  text-decoration:none;
}

a.buttonlink:hover { background:#8dbc01; }

.greenelement {
  background:#5ec79e;
  color:#fff;
}

.violetelement {
  background:#887dc2;
  color:#fff;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.row:after{
  clear: both;
}

@media only screen and (min-width: 481px) {

#banner {
  float:left;
  margin-bottom:-20px;
  text-align:left;
 }
 .menu-toggle {
  float:right;
  margin-top:10px;
 }

} 

@media only screen and (min-width: 920px) {

.wrapper {
  margin: .75em auto;
  max-width: 1200px;
}

#banner { 
  float:left; 
  margin-bottom:0px;
  text-align:left;
}

header { padding-top:35px; }

#content {  
  float:left;
  width:65%;
}

#content.wide-content {
  float:none;
  width:100%;
}

.flexslider {
  background: #fff; 
  border: 4px solid #fff; 
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -o-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  box-shadow: 0 1px 4px rgba(0,0,0,.2); 
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
  -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); 
  -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
  display:block;
  margin: 0 0 60px; 
}
aside { 
  float:right;
  width:30%;
}

.menu-toggle { display:none; }
#menu-main-navigation { display:block; }

.srt-menu, .srt-menu * {
  list-style: none;
  margin: 0;
  padding: 0;
}
.srt-menu ul {
  display: none;
  position: absolute;
  width: 12em;
}
.srt-menu ul li {
  width: 100%;
}
.srt-menu li:hover {
  visibility: inherit;
}
.srt-menu li {
  float: left;
  margin-left:1px;
  position: relative;
}
.srt-menu li li {
  margin-left:0px;
}
.srt-menu a {
  display: block;
  position: relative;
}
.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
  box-shadow: 2px 3px 2px 0px rgba(00, 00, 00, .3);
  display: block;
  right: 0;
  top: 45px;
  -webkit-box-shadow: 2px 3px 2px 0px rgba(00, 00, 00, .3);
  z-index: 99;
}
ul.srt-menu li:hover li ul,
ul.srt-menu li.sfHover li ul {
  top: -999em;
}
ul.srt-menu li li:hover ul,
ul.srt-menu li li.sfHover ul {
  right: 12em;
  top: 0;
}
ul.srt-menu li li:hover li ul,
ul.srt-menu li li.sfHover li ul {
  top: -999em;
}
ul.srt-menu li li li:hover ul,
ul.srt-menu li li li.sfHover ul {
  left: 10em;
  top: 0;
}
#topnav, .srt-menu {
  float:right;
  font-size: 15px;
  margin: .35em 0 0 0;
}
.srt-menu a { text-decoration:none; }
.srt-menu li a {
 background: #fff;
 height: 45px;
 margin: 0; 
 padding: 10px 20px;
}
.srt-menu a, .srt-menu a:visited  { color: #000; }
.srt-menu li li a {
  background: #333;
  background: rgba(0,0,0,.7);
  border-top: 1px solid rgba(255,255,255,.2);
  color: #fff;
  height: auto;
  padding-left: 20px;
}
.srt-menu li li a:visited { color:#fff; }
.srt-menu li li li a,
.srt-menu li.current * li a {
  background:rgba(0,0,0,.6);
  padding-left: 20px;
  color: #fff;
}

.srt-menu li:hover > a,
.srt-menu li.current a { 
  background: #0099ff;
  color: #fff;
}
.srt-menu li li:hover > a  {
  background: #0099ff;
  color: #fff;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.grid_1 { width: 8.33333333%; }
.grid_2 { width: 16.66666667%; }
.grid_3 { width: 25%; }
.grid_4 { width: 33.33333333%; }
.grid_5 { width: 41.66666667%; }
.grid_6 { width: 50%; }
.grid_7 { width: 58.33333333%; }
.grid_8 { width: 66.66666667%; }
.grid_9 { width: 75%; }
.grid_10 { width: 83.33333333%; }
.grid_11 { width: 91.66666667%; }
.grid_12 { width: 100%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: block;
  float: left;
}

.rightfloat {
  float: right;
}

#hero [class*="grid_"] {
  margin-bottom: -20px;
 }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .back_to_top-show {
    display: block !important;
 }
}

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { }

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.standout {
  color: black;
  font-weight: 900;
}

/* WEATHER CONDITION WIDGET */

.conditionsinfo {
  font-family:'Doto-Black', Arial, Helvetica, sans-serif; 
  font-size: 19px;
  font-weight: 500; 
  height: 100px;
  width: 100%;
  background: #F3F3F3;
  color: #333;
  display: flex;
  align-items: center;
  float: middle;
  text-transform: uppercase;
  justify-content: space-around;
  border-top-right-radius: 5px;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 2px solid #777;
}

.conditions_icon {
  height: 100px;
  width: 99px;
  color: #FFF;
  padding-top:8px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 5px;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 2px solid #777;

}

.conditionswidget {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.conditionswidget:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); }
.conditionswidget:first-child { margin-top: 0 }
.conditionswidget:first-child .conditions_icon { background: rgba(201, 200, 201, 1); }

/* END OF WEATHER CONDITION WIDGET */

.widget {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.widget_hi_lo {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
  position: relative;

}

.widget:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.widget_hi_lo:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.widget:first-child {
  margin-top: 0
}

.widget:first-child .icon_grey {
  background: rgba(147, 154, 165, 0.8);
  border-bottom: 2px solid #777;
}

.widget:first-child .icon_lightcrimson {
  background: rgba(135, 73, 106, 0.3);
  border-bottom: 2px solid #777;
}

.widget:first-child .icon_lightred {
  background: rgba(255, 155, 155, 0.7);
  border-bottom: 2px solid #777;
}

.widget:first-child .icon_lightblue {
  background: rgba(183, 203, 224, 1);
  border-bottom: 2px solid #777;
}

.widget:first-child .icon_lightgreen {
  background: rgba(174, 213, 189, 1);
  border-bottom: 2px solid #777;
}

.widget:first-child .icon_lightgrey {
  background: rgba(199, 199, 195, 0.8);
  border-bottom: 2px solid #777;
}

.widget:first-child .icon_lightorange {
  background: rgba(238, 202, 178, 1);
  border-bottom: 2px solid #777;
}

.widget:first-child .icon_lightpurple {
  background: rgba(184, 155, 197, 0.7);
  border-bottom: 2px solid #777;
}

.widget:first-child .icon_bluegrey {
  background: rgba(152, 175, 199, 0.7);
  border-bottom: 2px solid #777;
}

.widget:first-child .icon_ghostwhite {
  background: rgba(223, 222, 223, 1);
  border-bottom: 2px solid #777;
}

.icon_check {
  height: 75px;
  width: 75px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 5px;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 2px solid #777;
}

.icon_grey, .icon_lightred, 
.icon_lightblue, .icon_lightgreen, 
.icon_lightgrey, .icon_lightorange, 
.icon_lightpurple, .icon_bluegrey, .icon_lightcrimson, .icon_ghostwhite {
  height: 75px;
  min-width: 75px;
  color: #FFF;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-left-radius: 5px;
  border-top: 1px solid #777;
  border-left: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 2px solid #777;
}

.info {
  font-family:'IBMPlexSans-Condensed', Arial, Helvetica, sans-serif; 
  font-size: 16px;
  font-weight: 500; 
  height: 75px;
  width: 100%;
  background: #F3F3F3;
  color: #333;
  display: flex;
  align-items: center;
  float: middle;
  justify-content: space-around;
  border-top-right-radius: 5px;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 2px solid #777;
}

.weatherinfo {
  font-family:'IBMPlexSans-Condensed', Arial, Helvetica, sans-serif; 
  font-size: 17px;
  font-weight: 600; 
  height: 75px;
  width: 100%;
  background: #F3F3F3;
  color: #333;
  display: flex;
  align-items: center;
  float: middle;
  justify-content: space-around;
  border-top-right-radius: 5px;
  border-top: 1px solid #777;
  border-right: 1px solid #777;
  border-bottom: 2px solid #777;
}

.info_hi_lo {
  height: 25px;
  width: 100%;
  background-image: linear-gradient(to right, rgba(255,0,0,0.2), rgba(52, 152, 219,0.3));
  color: #333;
  text-align: center;
  border-bottom: 2px solid #777;
  border-right: 1px solid #777;
  border-left: 1px solid #777;
  font-family:'Verbatim-Medium', Arial, Helvetica, sans-serif; 
  font-size: 12px;
}

hi_bold {
  font-family:'IBMPlexSans-Condensed-Bold', Arial, Helvetica, sans-serif; 
  font-size: 14px;
  color: #000000;
}

.info div:nth-child(2) {
  font-family: 'Sofia Sans Extra Condensed', sans-serif;
  padding-top: 5px;
  text-transform: uppercase;
  font-size: 25px;
  font-weight: 900;
}

/* TABLE BOX */

table.tableBox {
  font-family:'IBMPlexSans-Medium', Arial, Helvetica, sans-serif; 
  background-color: rgba(243,243,243, 0.4);
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-collapse: collapse;
  height: 30px;
  margin: auto;
  padding:2px;
  width: 100%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
  border-bottom: 2px solid #777;
}
 
table.tableBox th {
  font-family:'IBMPlexSans-Bold', Arial, Helvetica, sans-serif;
  color: #4d5158;
  border-bottom:1px solid #777;
  font-size:16px;
  padding-top:10px;
  padding-bottom:7px;
  text-align:left;
}

table.tableBox th:first-child {
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}
th:last-child {
  border-right:none;
}
.tableBox:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

table.tableBox tr {
  color:#000000;
  font-size:13px;
  font-weight:normal;
}
  
table.tableBox tr:first-child {
  border-top:none;
}

table.tableBox tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}

table.tableBox td {
  font-family:'IBMPlexSans-Medium', Arial, Helvetica, sans-serif;
  background:#f3f3f3;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
  font-size:14px;
}

table.tableBox td:last-child {
  border-right: 0px;
}

table.tableBox th.text-left {
  text-align: left;
}

table.tableBox th.text-center {
  text-align: center;
}

table.tableBox th.text-right {
  text-align: right;
}

table.tableBox td.text-left {
  text-align: left;
  padding-left:30px;
}

table.tableBox td.text-center {
  text-align: center;
}

table.tableBox td.text-right {
  text-align: right;
  padding-right:30px;
}

.headingBox {
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 17px;
  background: rgb(0,0,0);
  background: radial-gradient(circle, rgba(0,0,0,0.5556724398743873) 0%, rgba(174, 172, 173,0.4352242606026786) 90%);
  color: #FFFFFF;
  letter-spacing: 5px;
  text-shadow: 1px 1px #000000;
  padding-left: 5px;
  padding-top: 10px;
  padding-bottom:8px;
  border-color: transparent;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  text-align: center;
  transition: 0.3s;
}

.radarFrame {
  width: 100%; 
  frameborder: 0; 
  border: 0;
  height: 100vh;
}

/* GRAPHS BUTTON MENU */

#table_menu {
  color: #000000;
  margin-bottom: 20px;
  border-collapse: collapse;
  background-color: #F3F3F3;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  border-bottom: 2px solid #777;
  text-align: center;
}

#table_menu li:hover {
  background-color: #CCCCCC;
  box-shadow: 1px 1px 2px #919192;
  color: #000000;
}

#table_menu li {
  font-family: 'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif; 
  font-size: 13px;
  display: inline-block;
  margin: 2px;
  padding-top: 3px;
  text-align: center;
  border: 1px solid #CCCCCC;
  background-color: #e2e2e2;
  width: 100%;
  max-width: 110px;
  box-sizing: border-box;
  height: 30px;
  cursor: pointer;
}

#table_menu .picked {
  box-shadow: 2px 2px 3px #272727 inset !important;
  color: #000000!important;
  background-color: #CCCCCC !important;
}

#table_menu a {
  text-decoration: none;
  color: #FFFFFF;
}

#table_menu a:hover {
  color: #000000;
}

/* Zebra Style Main Table*/

[data-table-theme*=zebra] tbody tr:nth-of-type(odd) { background: #E2E2E2; }

[data-table-theme*=zebra][data-table-theme*=dark] tbody tr:nth-of-type(odd) { background: #E2E2E2; }

[data-table-theme*=dark] {
  margin: 3px 0 0 0;
  color: #000;
  background: #F3F3F3;
  border-collapse: collapse;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
  border-bottom: 3px solid #777;
}

[data-table-theme*=dark] thead th,
[data-table-theme*=dark] tfoot th {
  font-family:'IBMPlexSans-Bold', Arial, Helvetica, sans-serif; 
  background: #e4e4e0;
  color: #4d5158;
  padding-top: 8px;
  padding-bottom: 10px;
  font-size: 15px;
  font-weight: 400;
  border-bottom: 1px solid #777;
}

[data-table-theme*=dark] caption { padding: 1em; }

[data-table-theme*=dark] th,
[data-table-theme*=dark] td {
  border: none;
  padding: auto;
}

[data-table-theme*=dark] td {
  text-align: left;
  font-family: 'Verbatim-Medium', Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 10px;
}

a:hover {
  color: #D60050;
}

.widen {
  overflow-x: auto; 
  max-width:380px; 
  min-width: 100%;
  margin: auto;
}

/* RECORDS */

.button, .buttonMonRec, .buttonAllRec  {
  font-family: 'IBMPlexSans-Condensed-Medium', Arial, Helvetica, sans-serif; 
  font-size: 13px;
  margin: 2px;
  padding: 5px;
  border: 1px solid #CCCCCC;
  background-color: #e2e2e2;
  width: 100%;
  max-width: 90px;
  box-sizing: border-box;
  height: 30px;
  cursor: pointer;
  font-size: 13px;
}

.button:hover {
  background-color: #CCCCCC;
  box-shadow: 1px 1px 2px #919192;
  color: #000000;
}

.picked {
  box-shadow: 2px 2px 3px #272727 inset !important;
  color: #000000!important;
  background-color: #CCCCCC !important;
}

.button:focus {
  outline: 0;
}

#button_menu {
  color: #000000;
  margin-bottom: 10px;
  border-collapse: collapse;
  background-color: #F3F3F3;
  padding-top: 8px;
  padding-bottom: 8px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  border-bottom: 2px solid #777;
  text-align: center;
}

/* BACK TO TOP */

@media only screen and (min-width: 920px) {
  .back_to_top-show {
  display: none !important; 
 }
}

@media only screen and (max-width: 768px) {
  .back_to_top-show {
  display: block !important;
 }
}

.back_to_top {
  position: fixed;
  bottom: 50px;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  background: #0099ff;
  color: #f3f3f3;
  cursor: pointer;
  border-radius: 5px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
  display: none;
}

.back_to_top:hover {
  background: #0099ff;
  color: #f62752;
}

[data-title]:hover:after {
  opacity: 1;
  transition: all 0.1s ease 0.1s;
  visibility: visible;
}

[data-title]:after {
  content: attr(data-title);
  white-space: pre;
  position: absolute;
  bottom: -4.5em;
  left: 5%;
  z-index: 99999;
  visibility: hidden;
  background: #CAE1F4;
  background: linear-gradient(to bottom, #CAE1F4 0%, #EEEEEE 100%);
  color:#4d5158;
  margin: 1px 1px;
  font-family: 'IBMPlexSans-Condensed', sans-serif !important;
  font-size: 13.5px; 
  font-weight: 900;
  padding: 5px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  text-shadow: none;
  transition: 0.3s;
  opacity: 0;
  border-radius: 5px;
  border: 1px #a3a3a3 solid;
}

[data-title] {
  position: relative;
}

@-webkit-keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(-15px)}}@keyframes bounce{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(-15px)}}@-webkit-keyframes bounce-reverse{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(15px)}}@keyframes bounce-reverse{0%,10%,100%,20%,50%,80%{transform:translateY(0)}40%,60%{transform:translateY(15px)}}.faa-bounce.animated,.faa-bounce.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite}.faa-bounce.animated-hover.faa-fast:hover,.faa-bounce.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-fast{-webkit-animation:bounce 1s ease infinite;animation:bounce 1s ease infinite}.faa-bounce.animated-hover.faa-slow:hover,.faa-bounce.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-slow{-webkit-animation:bounce 3s ease infinite;animation:bounce 3s ease infinite}.faa-bounce.faa-reverse.animated,.faa-bounce.faa-reverse.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-bounce.faa-reverse{-webkit-animation:bounce-reverse 2s ease infinite;animation:bounce-reverse 2s ease infinite}.faa-bounce.faa-reverse.animated-hover.faa-fast:hover,.faa-bounce.faa-reverse.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-bounce.faa-reverse.faa-fast{-webkit-animation:bounce-reverse 1s ease infinite;animation:bounce-reverse 1s ease infinite}.faa-bounce.faa-reverse.animated-hover.faa-slow:hover,.faa-bounce.faa-reverse.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-bounce.faa-reverse.faa-slow{-webkit-animation:bounce-reverse 3s ease infinite;animation:bounce-reverse 3s ease infinite}@-webkit-keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}@keyframes burst{0%{opacity:.6}50%{transform:scale(1.8);opacity:0}100%{opacity:0}}.faa-burst.animated,.faa-burst.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-burst{-webkit-animation:burst 2s infinite linear;animation:burst 2s infinite linear}.faa-burst.animated-hover.faa-fast:hover,.faa-burst.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-burst.faa-fast{-webkit-animation:burst 1s infinite linear;animation:burst 1s infinite linear}.faa-burst.animated-hover.faa-slow:hover,.faa-burst.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-burst.faa-slow{-webkit-animation:burst 3s infinite linear;animation:burst 3s infinite linear}@-webkit-keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(50%);opacity:0}}@keyframes falling{0%{transform:translateY(-50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(50%);opacity:0}}@-webkit-keyframes falling-reverse{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}@keyframes falling-reverse{0%{transform:translateY(50%);opacity:0}50%{transform:translateY(0);opacity:1}100%{transform:translateY(-50%);opacity:0}}.faa-falling.animated,.faa-falling.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling{-webkit-animation:falling 2s linear infinite;animation:falling 2s linear infinite}.faa-falling.animated-hover.faa-fast:hover,.faa-falling.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-fast{-webkit-animation:falling 1s linear infinite;animation:falling 1s linear infinite}.faa-falling.animated-hover.faa-slow:hover,.faa-falling.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-slow{-webkit-animation:falling 3s linear infinite;animation:falling 3s linear infinite}.faa-falling.faa-reverse.animated,.faa-falling.faa-reverse.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-falling.faa-reverse,.faa-parent.animated-hover:hover>.faa-rising,.faa-rising.animated,.faa-rising.animated-hover:hover{-webkit-animation:falling-reverse 2s linear infinite;animation:falling-reverse 2s linear infinite}.faa-falling.faa-reverse.animated-hover.faa-fast:hover,.faa-falling.faa-reverse.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-falling.faa-reverse.faa-fast,.faa-parent.animated-hover:hover>.faa-rising.faa-fast,.faa-rising.animated-hover.faa-fast:hover,.faa-rising.animated.faa-fast{-webkit-animation:falling-reverse 1s linear infinite;animation:falling-reverse 1s linear infinite}.faa-falling.faa-reverse.animated-hover.faa-slow:hover,.faa-falling.faa-reverse.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-falling.faa-reverse.faa-slow,.faa-parent.animated-hover:hover>.faa-rising.faa-slow,.faa-rising.animated-hover.faa-slow:hover,.faa-rising.animated.faa-slow{-webkit-animation:falling-reverse 3s linear infinite;animation:falling-reverse 3s linear infinite}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.faa-flash.animated,.faa-flash.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-flash{-webkit-animation:flash 2s ease infinite;animation:flash 2s ease infinite}.faa-flash.animated-hover.faa-fast:hover,.faa-flash.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-flash.faa-fast{-webkit-animation:flash 1s ease infinite;animation:flash 1s ease infinite}.faa-flash.animated-hover.faa-slow:hover,.faa-flash.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-flash.faa-slow{-webkit-animation:flash 3s ease infinite;animation:flash 3s ease infinite}@-webkit-keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.faa-float.animated,.faa-float.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-float{-webkit-animation:float 2s linear infinite;animation:float 2s linear infinite}.faa-float.animated-hover.faa-fast:hover,.faa-float.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-float.faa-fast{-webkit-animation:float 1s linear infinite;animation:float 1s linear infinite}.faa-float.animated-hover.faa-slow:hover,.faa-float.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-float.faa-slow{-webkit-animation:float 3s linear infinite;animation:float 3s linear infinite}@-webkit-keyframes horizontal{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(5px,0)}}@keyframes horizontal{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(5px,0)}}@-webkit-keyframes horizontal-reverse{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(-5px,0)}}@keyframes horizontal-reverse{0%,100%,12%,24%,36%{transform:translate(0,0)}18%,30%,6%{transform:translate(-5px,0)}}.faa-horizontal.animated,.faa-horizontal.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal{-webkit-animation:horizontal 2s ease infinite;animation:horizontal 2s ease infinite}.faa-horizontal.animated-hover.faa-fast:hover,.faa-horizontal.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-fast{-webkit-animation:horizontal 1s ease infinite;animation:horizontal 1s ease infinite}.faa-horizontal.animated-hover.faa-slow:hover,.faa-horizontal.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-slow{-webkit-animation:horizontal 3s ease infinite;animation:horizontal 3s ease infinite}.faa-horizontal.faa-reverse.animated,.faa-horizontal.faa-reverse.animated-hover:hover,.faa-parent.animated-hover:hover>.faa-horizontal.faa-reverse{-webkit-animation:horizontal-reverse 2s ease infinite;animation:horizontal-reverse 2s ease infinite}.faa-horizontal.faa-reverse.animated-hover.faa-fast:hover,.faa-horizontal.faa-reverse.animated.faa-fast,.faa-parent.animated-hover:hover>.faa-horizontal.faa-reverse.faa-fast{-webkit-animation:horizontal-reverse 1s ease infinite;animation:horizontal-reverse 1s ease infinite}.faa-horizontal.faa-reverse.animated-hover.faa-slow:hover,.faa-horizontal.faa-reverse.animated.faa-slow,.faa-parent.animated-hover:hover>.faa-horizontal.faa-reverse.faa-slow{-webkit-animation:horizontal-reverse 3s ease infinite;animation:horizontal-reverse 3s ease infinite}@-webkit-keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}@keyframes passing{0%{transform:translateX(-50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(50%);opacity:0}}@-webkit-keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}@keyframes passing-reverse{0%{transform:translateX(50%);opacity:0}50%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:0}}.faa-parent.animated-hover:hover>.faa-passing,.faa-passing.animated,.faa-passing.animated-hover:hover{-webkit-animation:passing 2s linear infinite;animation:passing 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-fast,.faa-passing.animated-hover.faa-fast:hover,.faa-passing.animated.faa-fast{-webkit-animation:passing 1s linear infinite;animation:passing 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-slow,.faa-passing.animated-hover.faa-slow:hover,.faa-passing.animated.faa-slow{-webkit-animation:passing 3s linear infinite;animation:passing 3s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-reverse,.faa-passing.faa-reverse.animated,.faa-passing.faa-reverse.animated-hover:hover{-webkit-animation:passing-reverse 2s linear infinite;animation:passing-reverse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.reverse.faa-fast,.faa-passing.faa-reverse.animated-hover.faa-fast:hover,.faa-passing.faa-reverse.animated.faa-fast{-webkit-animation:passing-reverse 1s linear infinite;animation:passing-reverse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-passing.faa-reverse.faa-slow,.faa-passing.faa-reverse.animated-hover.faa-slow:hover,.faa-passing.faa-reverse.animated.faa-slow{-webkit-animation:passing-reverse 3s linear infinite;animation:passing-reverse 3s linear infinite}@-webkit-keyframes pulse{0%,100%{transform:scale(1.1)}50%{transform:scale(.8)}}@keyframes pulse{0%,100%{transform:scale(1.1)}50%{transform:scale(.8)}}.faa-parent.animated-hover:hover>.faa-pulse,.faa-pulse.animated,.faa-pulse.animated-hover:hover{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-fast,.faa-pulse.animated-hover.faa-fast:hover,.faa-pulse.animated.faa-fast{-webkit-animation:pulse 1s linear infinite;animation:pulse 1s linear infinite}.faa-parent.animated-hover:hover>.faa-pulse.faa-slow,.faa-pulse.animated-hover.faa-slow:hover,.faa-pulse.animated.faa-slow{-webkit-animation:pulse 3s linear infinite;animation:pulse 3s linear infinite}@-webkit-keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}12%,4%{transform:rotate(-18deg)}14%,6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}@keyframes ring{0%{transform:rotate(-15deg)}2%{transform:rotate(15deg)}12%,4%{transform:rotate(-18deg)}14%,6%{transform:rotate(18deg)}8%{transform:rotate(-22deg)}10%{transform:rotate(22deg)}16%{transform:rotate(-12deg)}18%{transform:rotate(12deg)}100%,20%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-ring,.faa-ring.animated,.faa-ring.animated-hover:hover{-webkit-animation:ring 2s ease infinite;animation:ring 2s ease infinite;transform-origin-x:50%;transform-origin-y:0;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-ring.faa-fast,.faa-ring.animated-hover.faa-fast:hover,.faa-ring.animated.faa-fast{-webkit-animation:ring 1s ease infinite;animation:ring 1s ease infinite}.faa-parent.animated-hover:hover>.faa-ring.faa-slow,.faa-ring.animated-hover.faa-slow:hover,.faa-ring.animated.faa-slow{-webkit-animation:ring 3s ease infinite;animation:ring 3s ease infinite}.faa-parent.animated-hover:hover>.faa-shake,.faa-shake.animated,.faa-shake.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-fast,.faa-shake.animated-hover.faa-fast:hover,.faa-shake.animated.faa-fast{-webkit-animation:wrench 1.25s ease infinite;animation:wrench 1.25s ease infinite}.faa-parent.animated-hover:hover>.faa-shake.faa-slow,.faa-shake.animated-hover.faa-slow:hover,.faa-shake.animated.faa-slow{-webkit-animation:wrench 3.75s ease infinite;animation:wrench 3.75s ease infinite}@-webkit-keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}@-webkit-keyframes spin-reverse{0%{transform:rotate(0)}100%{transform:rotate(-359deg)}}@keyframes spin-reverse{0%{transform:rotate(0)}100%{transform:rotate(-359deg)}}.faa-parent.animated-hover:hover>.faa-spin,.faa-spin.animated,.faa-spin.animated-hover:hover{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-fast,.faa-spin.animated-hover.faa-fast:hover,.faa-spin.animated.faa-fast{-webkit-animation:spin .75s linear infinite;animation:spin .75s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-slow,.faa-spin.animated-hover.faa-slow:hover,.faa-spin.animated.faa-slow{-webkit-animation:spin 2.25s linear infinite;animation:spin 2.25s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-reverse,.faa-spin.faa-reverse.animated,.faa-spin.faa-reverse.animated-hover:hover{-webkit-animation:spin-reverse 1.5s linear infinite;animation:spin-reverse 1.5s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-reverse.faa-fast,.faa-spin.faa-reverse.animated-hover.faa-fast:hover,.faa-spin.faa-reverse.animated.faa-fast{-webkit-animation:spin-reverse .75s linear infinite;animation:spin-reverse .75s linear infinite}.faa-parent.animated-hover:hover>.faa-spin.faa-reverse.faa-slow,.faa-spin.faa-reverse.animated-hover.faa-slow:hover,.faa-spin.faa-reverse.animated.faa-slow{-webkit-animation:spin-reverse 2.25s linear infinite;animation:spin-reverse 2.25s linear infinite}@-webkit-keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-8deg)}30%,50%,70%{transform:scale(1.3) rotate(8deg)}40%,60%{transform:scale(1.3) rotate(-8deg)}100%,80%{transform:scale(1) rotate(0)}}.faa-parent.animated-hover:hover>.faa-tada,.faa-tada.animated,.faa-tada.animated-hover:hover{-webkit-animation:tada 2s linear infinite;animation:tada 2s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-fast,.faa-tada.animated-hover.faa-fast:hover,.faa-tada.animated.faa-fast{-webkit-animation:tada 1s linear infinite;animation:tada 1s linear infinite}.faa-parent.animated-hover:hover>.faa-tada.faa-slow,.faa-tada.animated-hover.faa-slow:hover,.faa-tada.animated.faa-slow{-webkit-animation:tada 3s linear infinite;animation:tada 3s linear infinite}@-webkit-keyframes vertical{0%,16%,8%{transform:translate(0,-3px)}12%,20%,4%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}@keyframes vertical{0%,16%,8%{transform:translate(0,-3px)}12%,20%,4%{transform:translate(0,3px)}100%,22%{transform:translate(0,0)}}.faa-parent.animated-hover:hover>.faa-vertical,.faa-vertical.animated,.faa-vertical.animated-hover:hover{-webkit-animation:vertical 2s ease infinite;animation:vertical 2s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-fast,.faa-vertical.animated-hover.faa-fast:hover,.faa-vertical.animated.faa-fast{-webkit-animation:vertical 1s ease infinite;animation:vertical 1s ease infinite}.faa-parent.animated-hover:hover>.faa-vertical.faa-slow,.faa-vertical.animated-hover.faa-slow:hover,.faa-vertical.animated.faa-slow{-webkit-animation:vertical 3s ease infinite;animation:vertical 3s ease infinite}@-webkit-keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{transform:rotate(-24deg)}100%,75%{transform:rotate(0)}}@keyframes wrench{0%{transform:rotate(-12deg)}8%{transform:rotate(12deg)}10%,28%,30%,48%,50%,68%{transform:rotate(24deg)}18%,20%,38%,40%,58%,60%{transform:rotate(-24deg)}100%,75%{transform:rotate(0)}}.faa-parent.animated-hover:hover>.faa-wrench,.faa-wrench.animated,.faa-wrench.animated-hover:hover{-webkit-animation:wrench 2.5s ease infinite;animation:wrench 2.5s ease infinite;transform-origin-x:90%;transform-origin-y:35%;transform-origin-z:initial}.faa-parent.animated-hover:hover>.faa-wrench.faa-fast,.faa-wrench.animated-hover.faa-fast:hover,.faa-wrench.animated.faa-fast{-webkit-animation:wrench 1.25s ease infinite;animation:wrench 1.25s ease infinite}.faa-parent.animated-hover:hover>.faa-wrench.faa-slow,.faa-wrench.animated-hover.faa-slow:hover,.faa-wrench.animated.faa-slow{-webkit-animation:wrench 3.75s ease infinite;animation:wrench 3.75s ease infinite}

.fa-rotate-22                  {-webkit-transform:rotate(22deg);-moz-transform:rotate(22deg);-ms-transform:rotate(22deg);-o-transform:rotate(22deg);transform:rotate(22deg);}.fa-rotate-33 {-webkit-transform:rotate(22deg);-moz-transform:rotate(22deg);-ms-transform:rotate(22deg);-o-transform:rotate(22deg);transform:rotate(22deg);}.fa-rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}.fa-rotate-67{-webkit-transform:rotate(67deg);-moz-transform:rotate(67deg);-ms-transform:rotate(67deg);-o-transform:rotate(67deg);transform:rotate(67deg);}.fa-rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}.fa-rotate-112{-webkit-transform:rotate(112deg);-moz-transform:rotate(112deg);-ms-transform:rotate(112deg);-o-transform:rotate(112deg);transform:rotate(112deg);}.fa-rotate-135{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);}.fa-rotate-157{-webkit-transform:rotate(157deg);-moz-transform:rotate(157deg);-ms-transform:rotate(157deg);-o-transform:rotate(157deg);transform:rotate(157deg);}.fa-rotate-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}.fa-rotate-202{-webkit-transform:rotate(202deg);-moz-transform:rotate(202deg);-ms-transform:rotate(202deg);-o-transform:rotate(202deg);transform:rotate(202deg);}.fa-rotate-225{-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);}.fa-rotate-247{-webkit-transform:rotate(247deg);-moz-transform:rotate(247deg);-ms-transform:rotate(247deg);-o-transform:rotate(247deg);transform:rotate(247deg);}.fa-rotate-270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}.fa-rotate-292{-webkit-transform:rotate(292deg);-moz-transform:rotate(292deg);-ms-transform:rotate(292deg);-o-transform:rotate(292deg);transform:rotate(292deg);}.fa-rotate-315{-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg);}.fa-rotate-337{-webkit-transform:rotate(337deg);-moz-transform:rotate(337deg);-ms-transform:rotate(337deg);-o-transform:rotate(337deg);transform:rotate(337deg);}
.fa-adjust                     { text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-head-side-mask             { text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-angles-up                  { font-size: 22px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-angles-down                { font-size: 22px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-arrow-up                   { font-size: 23px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-arrow-down                 { font-size: 23px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-arrows-left-right          { font-size: 25px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-sunrise                    { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-sunset                     { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-house-day                  { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-moon-stars                 { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-moon-over-sun              { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-solar-system               { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-eclipse                    { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-temperature-high           { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-droplet-percent            { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-droplet-degree             { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-temperature-list           { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-temperature-sun            { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-temperature-three-quarters { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-brightness                 { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-sun-bright                 { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-sun                        { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-leaf                       { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-droplet                    { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-solar-panel                { font-size: 25px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-face-sunglasses            { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-umbrella                   { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-droplet-slash              { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-raindrops                  { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-cloud-showers-heavy        { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-wind                       { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-windsock                   { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-fan                        { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-gauge                      { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-wind-warning               { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-thermometer                { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-fish-fins                  { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-cloud-arrow-down           { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-bolt                       { font-size: 35px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-bolt-slash                 { font-size: 35px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-face-mask                  { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-head-side-mask             { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-mask-face                  { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-smog                       { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-circle-arrow-up            { font-size: 35px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-arrows-to-line             { font-size: 25px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-o                          { font-size: 35px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-temperature-snow           { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-bell-exclamation           { font-size: 25px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; padding-top:7px; }
.fa-down                       { font-size: 14px; color:#2380fa; text-shadow: -0.5px 0 #000, 0 0.5px #000, 0.5px 0 #000, 0 -0.5px #000;}
.fa-up                         { font-size: 14px; color:#fa236b; text-shadow: -0.5px 0 #000, 0 0.5px #000, 0.5px 0 #000, 0 -0.5px #000;}
.fa-brake-warning              { font-size: 30px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-thermometer-empty          { text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-sun                        { text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-icicles                    { text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-code-commit                { text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; color:#f3f3f3; }
.fa-rss                        { position:relative; top:3px; font-size: 20px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-angle-double-down          { text-shadow: -0.5px 0 #000, 0 0.5px #000, 0.5px 0 #000, 0 -0.5px #000; }
.fa-angle-double-up            { text-shadow: -0.5px 0 #000, 0 0.5px #000, 0.5px 0 #000, 0 -0.5px #000; }
.fa-long-arrow-down            { font-size: 18px; }
.fa-long-arrow-up              { font-size: 18px; }
.fa-arrow-alt-down             { font-size: 17px; }
.fa-arrow-alt-up               { font-size: 17px; }
.fa-sort                       { font-size: 24px; text-shadow: -0.5px 0 #000, 0 0.5px #000, 0.5px 0 #000, 0 -0.5px #000;  }
.fa-info                       { font-size: 21px; }
.fa-tachometer-alt             { font-size: 20px; }
.fa-home-lg-alt                { font-size: 20px; }
.fa-map                        { font-size: 20px; }
.fa-clouds-sun                 { font-size: 20px; }
.fa-table                      { font-size: 21px; }
.fa-chart-line                 { font-size: 21px; }
.fa-webcam                     { font-size: 21px; }
.fa-0                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-1                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-2                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-3                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-4                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-5                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-6                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-7                          { font-size: 18px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-8                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-9                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-p                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-m                          { font-size: 17px; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }
.fa-period                     { font-size: 11px; color:#FFFFFF; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; }

/* AIR QUALITY LEGEND */

.aqone {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 1px;
  width: 10%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background: #9CFF9C;
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.aqtwo {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 3px;
  width: 10%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background: #31FF00;
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.aqthree {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 3px;
  width: 10%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background: #31CF00;
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.aqfour {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 3px;
  width: 10%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background: #FFFF00;
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.aqfive {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 3px;
  width: 10%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background: #FFCF00;
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.aqsix {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 3px;
  width: 10%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background: #FF9A00;
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.aqseven {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 3px;
  width: 10%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background: #FF6464;
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.aqeight {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 3px;
  width: 10%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background: #FF0000;
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.aqnine {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 3px;
  width: 10%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background: #990000;
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.aqten {
  display: inline-block;
  position: relative;
  float: left;
  padding-top: 3px;
  width: 10%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background: #CE30FF;
  border-bottom: 2px solid #777;
  border-right: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

/* UV INDEX LEGEND */

.uv-none {
  display: inline-block;
  position: relative;
  float: left;
  width: 16.66666666666667%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background-color: rgb(194,193,191);
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.uv-low {
  display: inline-block;
  position: relative;
  float: left;
  width: 16.66666666666667%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background-color: rgb(160,224,0);
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.uv-med {
  display: inline-block;
  position: relative;
  float: left;
  width: 16.66666666666667%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background-color: rgb(224,208,0);
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.uv-high {
  display: inline-block;
  position: relative;
  float: left;
  width: 16.66666666666667%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background-color: rgb(255,128,0);
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.uv-vhigh {
  display: inline-block;
  position: relative;
  float: left;
  width: 16.66666666666667%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
  color: #FFFFFF;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background-color: rgb(255,32,0);
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

.uv-extreme {
  display: inline-block;
  position: relative;
  float: left;
  width: 16.66666666666669%;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
  color: #FFFFFF;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 26px;
  background-color: rgb(107, 6, 153);
  border-bottom: 2px solid #777;
  border-right: 1px solid #777;
  border-left: 1px solid #777;
  box-shadow: 4px 4px 8px 0 rgba(0,0,0,0.1);
  transition: 0.3s;
}

/* RAIN RATE MAX */

.linear-line .markers { font-size: 0px; }

.linear-line .markers .marker {
  content: "";
  display: inline-block;
  width: 100%;
  height: 30px;
}

.linear-line .markers .level:last-child {margin-right: 0 !important; }

.linear-line .ratemax {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #000000;
  position: absolute;
  margin-left: -5%;
  top: 0;
  left: 0%;
}

.linear-line .ratemax.ratemax-0 { display: none; }
.linear-line .ratemax.ratemax-1 { left: 7%; }
.linear-line .ratemax.ratemax-2 { left: 11%; }
.linear-line .ratemax.ratemax-3 { left: 14.6%; }
.linear-line .ratemax.ratemax-4 { left: 18.7%; }
.linear-line .ratemax.ratemax-5 { left: 22.3%; }
.linear-line .ratemax.ratemax-6 { left: 26.2%; }
.linear-line .ratemax.ratemax-7 { left: 28%; }
.linear-line .ratemax.ratemax-8 { left: 34%; }
.linear-line .ratemax.ratemax-9 { left: 38.2%; }
.linear-line .ratemax.ratemax-10 { left: 41.5%; }
.linear-line .ratemax.ratemax-11 { left: 45.5%; }
.linear-line .ratemax.ratemax-12 { left: 49%; }
.linear-line .ratemax.ratemax-13 { left: 52.8%; }
.linear-line .ratemax.ratemax-14 { left: 56.7%; }
.linear-line .ratemax.ratemax-15 { left: 60.5%; }
.linear-line .ratemax.ratemax-16 { left: 64.6%; }
.linear-line .ratemax.ratemax-17 { left: 68.3%; }
.linear-line .ratemax.ratemax-18 { left: 72%; }
.linear-line .ratemax.ratemax-19 { left: 76%; }
.linear-line .ratemax.ratemax-20 { left: 80%; }
.linear-line .ratemax.ratemax-21 { left: 84%; }
.linear-line .ratemax.ratemax-22 { left: 87.2%; }
.linear-line .ratemax.ratemax-23 { left: 91.8%; }
.linear-line .ratemax.ratemax-24 { left: 94.8%; }
.linear-line .ratemax.ratemax-25 { left: 98.7%; }
.linear-line .ratemax.ratemax-26 { left: 100%; }

/* RAIN RATE LEGEND */

.linear-chart {
  position: relative;
  margin-bottom: -11.5px;
  width: 100%;
}

.linear-chart .indicator {
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #000000;
  position: absolute;
  margin-left: -5%;
  top: 19.5px;
  left: 0%;
}

.linear-chart .indicator.indicator-0 { display: none; }
.linear-chart .indicator.indicator-1 { left: 7%; }
.linear-chart .indicator.indicator-2 { left: 11%; }
.linear-chart .indicator.indicator-3 { left: 14.5%; }
.linear-chart .indicator.indicator-4 { left: 18.7%; }
.linear-chart .indicator.indicator-5 { left: 22.3%; }
.linear-chart .indicator.indicator-6 { left: 26%; }
.linear-chart .indicator.indicator-7 { left: 28%; }
.linear-chart .indicator.indicator-8 { left: 34%; }
.linear-chart .indicator.indicator-9 { left: 38.2%; }
.linear-chart .indicator.indicator-10 { left: 41.5%; }
.linear-chart .indicator.indicator-11 { left: 45.5%; }
.linear-chart .indicator.indicator-12 { left: 49%; }
.linear-chart .indicator.indicator-13 { left: 52.8%; }
.linear-chart .indicator.indicator-14 { left: 56.7%; }
.linear-chart .indicator.indicator-15 { left: 60.5%; }
.linear-chart .indicator.indicator-16 { left: 64.6%; }
.linear-chart .indicator.indicator-17 { left: 68.3%; }
.linear-chart .indicator.indicator-18 { left: 72%; }
.linear-chart .indicator.indicator-19 { left: 76%; }
.linear-chart .indicator.indicator-20 { left: 80%; }
.linear-chart .indicator.indicator-21 { left: 84%; }
.linear-chart .indicator.indicator-22 { left: 87.2%; }
.linear-chart .indicator.indicator-23 { left: 91.8%; }
.linear-chart .indicator.indicator-24 { left: 94.8%; }
.linear-chart .indicator.indicator-25 { left: 98.5%; }
.linear-chart .indicator.indicator-26 { left: 100%; }

.linear-chart .levels { font-size: 0; }

.linear-chart .levels .level {
  content: "";
  display: inline-block;
  width: 100%;
  height: 30px;
}

.linear-chart .levels .level:last-child {margin-right: 0 !important; }
.linear-chart .levels .level.level-0 { border-left: 1px solid #777; border-right: 1px solid #777; border-bottom: 2px solid #777; background-image: linear-gradient(to right, #F0F0F0,#ACD3ED,#7BA4E7,#4974E0,#32AD2B,#51D34B,#94FF8E,#AAFDA6,#FFF600,#FFD500,#FFBA00,#FF9600,#FF7000,#FF2F00,#FF0000,#F20000, #BF0000,#950000,#AE3636,#D08282,#EABBBB,#FCE3E3,#D6CAE4,#BAA6D0,#9D80BB,#8B68AE,#754C9F); }
.linear-chart .levels .level.level-1 { background-color: rgb(0,0,254); }
.linear-chart .levels .level.level-2 { background-color: rgb(50,101,254); }
.linear-chart .levels .level.level-3 { background-color: rgb(12,188,254); }
.linear-chart .levels .level.level-4 { background-color: rgb(0,163,0); }
.linear-chart .levels .level.level-5 { background-color: rgb(254,203,0); }
.linear-chart .levels .level.level-6 { background-color: rgb(254,152,0); }
.linear-chart .levels .level.level-7 { background-color: rgb(254,0,0); }
.linear-chart .levels .level.level-8 { background-color: rgb(179,0,0); }
.linear-chart .levels .level.level-9 { background-color: rgb(149,0,0); }

.level.level-1 { border-left: 1px solid #777; border-bottom: 2px solid #777; }
.level.level-2 { border-left: 1px solid #777; border-bottom: 2px solid #777; }
.level.level-3 { border-left: 1px solid #777; border-bottom: 2px solid #777; }
.level.level-4 { border-left: 1px solid #777; border-bottom: 2px solid #777; }
.level.level-5 { border-left: 1px solid #777; border-bottom: 2px solid #777; }
.level.level-6 { border-left: 1px solid #777; border-bottom: 2px solid #777; }
.level.level-7 { border-left: 1px solid #777; border-bottom: 2px solid #777; }
.level.level-8 { border-right: 1px solid #777; border-bottom: 2px solid #777; }

.linear-chart .legendlabels .label.label-1 {
  font-family:'IBMPlexSans-Condensed-Regular', Arial, Helvetica, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 16px;
  right: auto;
  left: 10px;
  color: #000000; 
}

.linear-chart .legendlabels .label.label-2 {  
  font-family:'IBMPlexSans-Condensed-Regular', Arial, Helvetica, sans-serif;
  font-size: 10px;
  position: absolute;
  bottom: 16px;
  left: auto;
  right: 10px;
  color: #FFFFFF; 
  text-shadow: 1px 1px #000000;
}

/* CLOCK */

.blink{animation: blinker 1s linear infinite;}@keyframes blinker {25%{opacity: 0;}}#clock{width:100%;border-radius:4px;margin:0 auto 25px;position:relative;right:0;box-shadow:0 1px 4px rgba(0,0,0,.2) }#clock.light:after{box-shadow:0 4px 10px rgba(0,0,0,.15) }#clock.light .display{background-color:#e8e8e5 }#clock .digits div{text-align:left;position:relative;width:28px;height:50px;display:inline-block;margin:0 4px }#clock .digits div span{opacity:0;position:absolute;-webkit-transition:.25s;-moz-transition:.25s;transition:.25s }#clock .digits div span:after,#clock .digits div span:before{content:'';position:absolute;width:0;height:0;border:5px solid transparent }#clock .digits .d1{height:5px;width:16px;top:0;left:6px }#clock .digits .d1:before{border-width:0 5px 5px 0;border-right-color:inherit;left:-5px }#clock .digits .d1:after{border-width:0 0 5px 5px;border-left-color:inherit;right:-5px }#clock .digits .d2{height:5px;width:16px;top:24px;left:6px }#clock .digits .d2:before{border-width:3px 4px 2px;border-right-color:inherit;left:-8px }#clock .digits .d2:after{border-width:3px 4px 2px;border-left-color:inherit;right:-8px }#clock .digits .d3{height:5px;width:16px;top:48px;left:6px }#clock .digits .d3:before{border-width:5px 5px 0 0;border-right-color:inherit;left:-5px }#clock .digits .d3:after{border-width:5px 0 0 5px;border-left-color:inherit;right:-5px }#clock .digits .d4{width:5px;height:14px;top:7px;left:0 }#clock .digits .d4:before{border-width:0 5px 5px 0;border-bottom-color:inherit;top:-5px }#clock .digits .d4:after{border-width:0 0 5px 5px;border-left-color:inherit;bottom:-5px }#clock .digits .d5{width:5px;height:14px;top:7px;right:0 }#clock .digits .d5:before{border-width:0 0 5px 5px;border-bottom-color:inherit;top:-5px }#clock .digits .d5:after{border-width:5px 0 0 5px;border-top-color:inherit;bottom:-5px }#clock .digits .d6{width:5px;height:14px;top:32px;left:0 }#clock .digits .d6:before{border-width:0 5px 5px 0;border-bottom-color:inherit;top:-5px }#clock .digits .d6:after{border-width:0 0 5px 5px;border-left-color:inherit;bottom:-5px }#clock .digits .d7{width:5px;height:14px;top:32px;right:0 }#clock .digits .d7:before{border-width:0 0 5px 5px;border-bottom-color:inherit;top:-5px }#clock .digits .d7:after{border-width:5px 0 0 5px;border-top-color:inherit;bottom:-5px }#clock .digits div.one .d5,#clock .digits div.one .d7{opacity:1 }#clock .digits div.two .d1,#clock .digits div.two .d2,#clock .digits div.two .d3,#clock .digits div.two .d5,#clock .digits div.two .d6{opacity:1 }#clock .digits div.three .d1,#clock .digits div.three .d2,#clock .digits div.three .d3,#clock .digits div.three .d5,#clock .digits div.three .d7{opacity:1 }#clock .digits div.four .d2,#clock .digits div.four .d4,#clock .digits div.four .d5,#clock .digits div.four .d7{opacity:1 }#clock .digits div.five .d1,#clock .digits div.five .d2,#clock .digits div.five .d3,#clock .digits div.five .d4,#clock .digits div.five .d7{opacity:1 }#clock .digits div.six .d1,#clock .digits div.six .d2,#clock .digits div.six .d3,#clock .digits div.six .d4,#clock .digits div.six .d6,#clock .digits div.six .d7{opacity:1 }#clock .digits div.seven .d1,#clock .digits div.seven .d5,#clock .digits div.seven .d7{opacity:1 }#clock .digits div.eight .d1,#clock .digits div.eight .d2,#clock .digits div.eight .d3,#clock .digits div.eight .d4,#clock .digits div.eight .d5,#clock .digits div.eight .d6,#clock .digits div.eight .d7{opacity:1 }#clock .digits div.nine .d1,#clock .digits div.nine .d2,#clock .digits div.nine .d3,#clock .digits div.nine .d4,#clock .digits div.nine .d5,#clock .digits div.nine .d7{opacity:1 }#clock .digits div.zero .d1,#clock .digits div.zero .d3,#clock .digits div.zero .d4,#clock .digits div.zero .d5,#clock .digits div.zero .d6,#clock .digits div.zero .d7{opacity:1 }#clock .digits div.dots{width:5px }#clock .digits div.dots:after,#clock .digits div.dots:before{width:5px;height:5px;content:'';position:absolute;left:0;top:14px }#clock .digits div.dots:after{top:34px }#clock .weekdays{font-size:14px;font-weight:bold;position:absolute;width:100%;top:10px;left:0;text-align:center }#clock .weekdays .active{color:white;opacity:1 }#clock .ampm{position:absolute;bottom:9px;right:20px;font-size:12px }

/* NEWS */

.bn-breaking-news{text-transform: uppercase;font-weight: bolder;display:block;width:100%;background:#e8e8e5;box-shadow: 0 4px 8px 0 rgba(0,0,0,0.1);height:40px;box-sizing:border-box;position:relative;line-height:40px;overflow:hidden;border-radius:2px;text-align:auto;font-family: 'Doto-Black', Arial, Helvetica, sans-serif; font-size:15px;}.bn-breaking-news *{box-sizing:border-box}.bn-breaking-news.bn-fixed-top{position:fixed;left:0;right:0;top:0}.bn-breaking-news.bn-fixed-bottom{position:fixed;left:0;right:0;bottom:0}.bn-breaking-loading{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(255,255,255,1);z-index:5;padding:0 10px;color:rgba(0,0,0,1)}.bn-label{left:0;top:0;bottom:0;height:100%;position:absolute;background-color:#c9c8c9;text-align:center;color:#FFF;font-weight:bold;z-index:3;padding:0 15px;white-space:nowrap}.bn-news{position:absolute;left:0;top:0;bottom:0;height:100%;right:0;overflow:hidden}.bn-news ul{display:block;height:100%;list-style:none;padding:0;padding-top:1px;margin:0;left:0;bottom:0;top:0width:100%;position:absolute}.bn-news ul li{white-space:nowrap;overflow:hidden!important;text-overflow:ellipsis;text-decoration:none;-webkit-transition:color .2s linear;-moz-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear;position:absolute;width:100%;display:none;color:#333}.bn-news ul li a{white-space:nowrap;text-overflow:ellipsis;text-decoration:none;padding:0 10px;color:#333;position:relative;display:block;overflow:hidden}.bn-news ul li a:hover{color:#069}.bn-loader-text{padding:0 10px}.bn-seperator{display:inline-block;float:left;margin-right:15px;width:48px;height:48px;background-position:center;background-size:contain;background-repeat:no-repeat;position:relative}.bn-seperator.bn-news-dot{margin-right:0}.bn-seperator.bn-news-dot:after{content:'';position:absolute;width:8px;height:8px;background:#686767;border-radius:50%;top:50%;margin-top:-4px;left:50%;margin-left:-4px}.bn-prefix{color:#d65d7a;margin-right:15px;padding-left:10px}.bn-positive{color:#0b8457;font-weight:bold}.bn-negative{color:#dc2f2f;font-weight:bold}.bn-controls{width:auto;right:0;top:0;bottom:0;height:100%;position:absolute;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.bn-controls button{width:40px;float:left;height:100%;cursor:pointer;border:0;border-left:solid 1px #EEE;text-align:center;background-color:#f6f6f6;outline:0}.bn-controls button:hover{background-color:#EEE}.bn-arrow{margin:0;display:inline-block;height:8px;position:relative;width:8px;top:-2px}.bn-arrow::after{border-bottom-style:solid;border-bottom-width:2px;border-right-style:solid;border-right-width:2px;content:'';display:inline-block;height:8px;left:0;position:absolute;top:0;width:8px}.bn-arrow.bn-next{-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);-webkit-transform:rotate(315deg);transform:rotate(315deg);left:-3px}.bn-arrow.bn-prev{-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);left:3px}.bn-arrow::after{border-color:#999}.bn-arrow::before{background-color:#999}.bn-play{position:relative;background:#999;width:0;height:12px;display:inline-block;margin-left:-5px}.bn-play::after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-left-color:#999;border-width:8px;margin-top:-8px}.bn-pause{position:relative;width:0;height:14px;display:inline-block;top:1px;left:-1px}.bn-pause::before{position:absolute;content:"";width:2px;height:100%;left:3px;background-color:#999}.bn-pause::after{position:absolute;content:"";width:2px;height:100%;left:-3px;background-color:#999}.bn-direction-rtl{direction:rtl}.bn-direction-rtl .bn-label{left:auto;right:0}.bn-direction-rtl .bn-controls{right:auto;left:0}.bn-direction-rtl .bn-seperator{margin-left:15px;margin-right:0;float:right}.bn-direction-rtl .bn-prefix{margin-left:15px;margin-right:0;padding-left:0;padding-right:10px}.bn-direction-rtl .bn-controls button{border-left:none;border-right:solid 1px #EEE}.bn-effect-scroll .bn-news ul{display:block;width:100%;position:relative}.bn-effect-scroll .bn-news ul li{display:list-item;float:left;position:relative;width:auto}.bn-effect-scroll.bn-direction-rtl .bn-news ul li{float:right}

/* FLEX SLIDER */

.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
  outline:0;
}
.slides,.flex-control-nav,.flex-direction-nav {
  list-style:none;
  margin:0;
  padding:0;
}
.flexslider {
  margin:0;
  padding:0;
}
.flexslider .slides>li {
  display:none;
  -webkit-backface-visibility:hidden;
}
.flexslider .slides img {
  display:block;
  width:100%;
}
.flex-pauseplay span {
  text-transform:capitalize;
}
.slides:after {
  content:".";
  clear:both;
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}
html[xmlns] .slides {
  display:block;
}
* html .slides {
  height:1%;
}
.no-js .slides>li:first-child {
  display:block;
}
.flexslider {
  background:#fff;
  border-radius:4px;
  border:4px solid #fff;
  box-shadow:0 1px 4px rgba(0,0,0,.2);
  margin:0 0 60px;
  position:relative;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -o-border-radius:4px;
  -webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
  -moz-box-shadow:0 1px 4px rgba(0,0,0,.2);
  -o-box-shadow:0 1px 4px rgba(0,0,0,.2);
  transform: scale(1);
}
.flex-viewport {
  max-height:2000px;
  -webkit-transition:all 1s ease;
  -moz-transition:all 1s ease;
  transition:all 1s ease;
}
.loading .flex-viewport {
  max-height:300px;
}
.flexslider .slides {
  transform: scale(1);
}
.carousel li {
  margin-right:5px;
}
.flex-direction-nav {
  *height:0;
}
.flex-direction-nav a {
  background:url(../images/bg_direction_nav.png) no-repeat 0 0;
  cursor:pointer;
  display:block;
  height:30px;
  margin:-40px 0 0;
  opacity:0;
  position:absolute;
  text-indent:-9999px;
  top:50%;
  -webkit-transition:all .3s ease;
  width:30px;
  z-index:10;

}
.flex-direction-nav .flex-next{
  background-position:100% 0;
  right:0px;
}
.flex-direction-nav .flex-prev{
  left:0px;
}
.flexslider:hover .flex-next{
  opacity:.8;
  right:5px;
}
.flexslider:hover .flex-prev{
  opacity:.8;
  left:5px;
}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{
  opacity:1;
}
.flex-direction-nav .flex-disabled{
  opacity:.3!important;
  filter:alpha(opacity=30);
  cursor:default;
}
.flex-control-nav{
  width:100%;
  position:absolute;
  bottom:-40px;
  text-align:center;
}
.flex-control-nav li{
  margin:0 6px;
  display:inline-block;
  transform: scale(1);
  *display:inline;
}
.flex-control-paging li a{
  width:11px;
  height:11px;
  display:block;
  background:#333;
  background:rgba(0,0,0,0.5);
  cursor:pointer;
  text-indent:-9999px;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  -o-border-radius:20px;
  border-radius:20px;
  box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover{
  background:#333;
  background:rgb(0,153,255);
}
.flex-control-paging li a.flex-active{
  background:#000;
  background:rgb(0,153,255);
  cursor:default;
}
.flex-control-thumbs{
  margin:5px 0 0;
  position:static;
  overflow:hidden;
}
.flex-control-thumbs li{
  width:25%;
  float:left;
  margin:0;
}
.flex-control-thumbs img{
  width:100%;
  display:block;
  opacity:.7;
  cursor:pointer;
}
.flex-control-thumbs img:hover{
  opacity:1;
}
.flex-control-thumbs .flex-active{
  opacity:1;
  cursor:default;
}
@media screen and (max-width:860px){
    .flex-direction-nav .flex-prev{
        opacity:1;
        left:0;
    }
    .flex-direction-nav .flex-next{
        opacity:1;
        right:0;
    }
}

/* A LITTLE BOOTSTRAP */

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
  font-size: 15.3px;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #CCCCCC;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid;
}

/* RAIN METER */

meter {
  color: #000000;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 15px;
  width: 100%;
  border-radius: 0px;
  padding-bottom: 15px;
  position: relative;
  height: 15px;
  border-radius: 0px;
  box-shadow: none !important;
}

meter::-webkit-meter-bar {
  background-color: rgba(243,243,243,1); 
  border-bottom: 2px solid #777;
  border-left: 1px solid #777;
  border-radius: 0px;
  border-right: 1px solid #777;
  box-shadow: none !important;
  border-top: 1px solid #777;
  height: 30px;
  width: 100%;
}

meter::-webkit-meter-optimum-value { 
  background: rgb(96,213,210);
  background: linear-gradient(143deg, rgba(96,213,210,1) 17%, rgba(75,221,255,1) 58%, rgba(0,37,147,1) 100%);
}

.rainmeter {
  align-items: center;
  bottom: 28px;
  color: #000000;
  display: flex;
  font-family: 'DSDIGI', Arial, Helvetica, sans-serif;
  font-size: 16px;
  justify-content: center;
  letter-spacing: 10px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: 0;
  text-align: center;
}
.christmas {
background: #961BCF;
background: repeating-linear-gradient(to top, #961BCF 0%, #FFAB0F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.rounded { border-top-left-radius:4px; }