@charset "utf-8";

/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
padding: 0px;
background: transparent;
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
border-width:0px;
border-style:none;
}
.nav-container .divider-vert{
display:none;
}
.clear{
display:none;
}
.nav-container{
position:relative;
margin: 0 auto;
display: flex;
align-items: center;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:200;
}
.nav-container ul ul{
z-index:201;
}
.nav-container ul ul ul{
z-index:202;
}
.nav-container ul ul ul ul{
z-index:203;
}
.nav-container ul ul ul ul ul{
z-index:204;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Reduce inline widths on menu items ^'^*/
#nav-container > li {
width: auto !important;
}

/*^'^ Active Page Indicator ^'^*/
#nav-container a#Forecast{
border-bottom: 2px solid #fbbf24;
padding-bottom: 2px;
border-radius: 0;
}

/*^'^ Primary Items ^'^*/
#nav-container a{
cursor: pointer;
line-height:36px;
height: 36px;
padding:0px 14px;
margin: 0px;
border-width:0px;
border-style:none;
color: #FFFFFF;
font-family: Arial, sans-serif, Helvetica;
font-size:16px;
text-align:center;
text-decoration:none;
font-weight: bold;
background: transparent;
border-radius: 6px;
transition: background-color 0.2s, color 0.2s;
}

#nav-container a:hover{
color: #fbbf24;
background-color: rgba(255,255,255,0.1);
}

/*^'^ Secondary Items Container ^'^*/
#nav-container div, #nav-container ul{
padding:0px;
margin:0px;
}

/*^'^ Dropdown Container ^'^*/
#nav-container ul{
background: #162032;
border-radius: 0 0 8px 8px;
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
overflow: hidden;
}

/*^'^ Secondary Items ^'^*/
#nav-container div a, #nav-container ul a{
padding:0px 14px;
background: #162032;
font-size:13px;
text-align:left;
border-width:0px;
border-style:none;
margin: 0px;
line-height:34px;
height: 34px;
width: 100%;
color: #FFFFFF;
border-radius: 0;
transition: background-color 0.2s;
}

/*^'^ Secondary Items Hover State ^'^*/
#nav-container div a:hover, #nav-container ul a:hover{
background-color: #253347;
text-decoration:none;
color: #fbbf24;
}

/*^'^ Secondary Item Titles ^'^*/
#nav-container .item-secondary-title{
cursor:default;
padding:4px 0px 3px 0px;
color: #FFFFFF;
font-family: Arial, Trebuchet MS, sans-serif, Helvetica;
font-size:11px;
background: #162032;
font-weight:bold;
}

/*^'^ Dark Mode Dropdown ^'^*/
body.dark-mode #nav-container ul{ background: #111827; }
body.dark-mode #nav-container div a, body.dark-mode #nav-container ul a{ background: #111827; }
body.dark-mode #nav-container div a:hover, body.dark-mode #nav-container ul a:hover{ background-color: #1f2937; }
body.dark-mode #nav-container .item-secondary-title{ background: #111827; }

/*^'^ Logout Button ^'^*/
.logininput {
background-color: rgb(54,124,43) !important;
}
.logininput:hover {
background-color: rgb(44,104,33) !important;
}

/*^'^ Vertical Dividers - Hidden ^'^*/
#nav-container .divider-vert{
display:none;
}