html,body{
    background: white;
    min-width: 300px;
    padding:0!important;
    margin:0!important;
}

.ui-autocomplete { z-index: 100; }
#search{ height:40px; border: solid 1px #c6c6c6; width:100%; padding-left:5px; }
.ui-menu{ background-color:white; padding-left:0; }
.ui-menu .ui-menu-item div{ color: black; padding-top: 10px; padding-bottom: 10px; padding-left:10px; }
.ui-menu .ui-menu-item-wrapper:hover, .ui-menu .ui-menu-item-wrapper.ui-state-active { color: black; background-color: #e8e8e8; border: unset; font-weight: bold; cursor:pointer;}
#gpssearch{ font-size: 32px; width: 50px; text-align: center; margin-left: 5px; }
#gpssearch i{ transition: all 200ms; cursor: pointer; }
#gpssearch i:hover{ color: black; }
#locsearch{ width:100%; overflow:hidden; }
#locsearch:hover .ttip { display:none; }
.ui-helper-hidden-accessible{ display:none; }
.ttip { display: none; color: black; margin-left: 0px; margin-top: 0px; position: absolute; z-index: 1000; background-color: #e8e8e8; width: max-content; font-size: 14px; padding: 5px; border: 1px silver solid; border-radius: 0 15px 15px 15px; transition: all 200ms; }
.alert-container p{ height:45px; line-height: 1.4em; margin:0 auto; vertical-align:middle;} 
.alert-container a{ color:red; font-weight:bold; margin:0 auto; text-align:center;} 
div.severe{ background-color:red; padding-left:5px; margin-top:2px; }
div.severe a{ color:white; font-weight:bold; text-decoration:none; }
div.moderate{ background-color:yellow; padding-left:5px; margin-top:2px;  }
div.moderate a{ color:red; font-weight:bold; text-decoration:none;}
div.nosev{ background-color:blue; padding-left:5px; margin-top:2px; }
div.nosev a{ color:white; font-weight:bold; text-decoration:none; }
.tfmt { width:100%; table-layout: fixed; }
.tfmt tr td{ border-bottom:1px solid black; padding: 1px 0px 0px 1px; }
.nav-tabs { border-bottom:1px solid black!important; }
.nav-link { border:none!important; border-radius:0!important;}
.nav-link.active { background-color:#0c71c3!important; color:white!important; }
.fcst-cnt{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap;justify-content: center; overflow-x:auto; }
.fcst-sub{ display: flex; flex-direction: row; flex-wrap: wrap;justify-content: start; overflow-x:auto; }
.fcst-item { min-width:125px!important; max-width:130px!important; flex-grow: 1; flex-basis: 0; border: 2px solid #e9e9e9; padding-top: 5px; padding-bottom: 5px; margin: 5px; transition: all 200ms; text-align:center; background-color:white;}
.tev{ display: block; background-color: #fff; padding:9px; margin-left: 1px; margin-top: 1px; z-index: 9999; }
.highcharts-xaxis-labels { z-index: 999; width:100%; }
.highcharts-xaxis-labels img{ -webkit-filter: drop-shadow(0.5px 0.5px 1px  #222222);  filter: drop-shadow(0.5px 0.5px 1px #222222); }
.chart{ min-width: 790px !important; }
#tdtable{ width:100%; table-layout: fixed; text-align:center;}
#tdtable thead tr{ font-weight:bold; background-color:white; border-bottom:1px solid black;}
#tdtable tbody tr:nth-child(2n){ background-color:#f4f4f4; }
#tdtable tr td:nth-child(2){ width:60px; }
#tdtable img{ width:45px; }
#tmtable{ width:100%; table-layout: fixed; text-align:center;}
#tmtable thead tr{ font-weight:bold; background-color:white;border-bottom:1px solid black;}
#tmtable tbody tr:nth-child(2n){ background-color:#f4f4f4; }
#tmtable tr td:nth-child(2){ width:60px; }
#tmtable img{ width:45px; }
#hftable{ width:100%; table-layout: fixed; text-align:center;}
#hftable thead tr{ font-weight:bold; background-color:white;border-bottom:1px solid black;}
#hftable tbody tr:nth-child(2n){ background-color:#f4f4f4; }

@media(max-width: 900px) { .flex-adjust{ justify-content: center!important; } }
@media(max-width: 425px) { #starchart{ width:300px!important; height:300px!important;}}
@media(max-width: 400px) { #tdtable tr td:nth-child(5){ display:none; } #tmtable tr td:nth-child(5){ display:none; }}