@import url("/vSCRIPT/MultiKey.css");

.ui-dialog h1
{ 
    font-size: 28px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 10px;
} 

html, body
{
    font-family: verdana, arial, helvetica, "avant garde", "sans-serif";
    font-variant: normal;
}

legend
{
    margin-left:10px;
}

.BorderFieldset
{
    border: 1px solid #000;
    padding: 10px;
    display: inline-block;
}

.PageTitle
{
    font-size: 15pt;
    color: #003366;
}
.SecondPageTitle
{
    font-size: 12pt;
    color: #003366;
    font-weight: 100;
    border-bottom: solid 1px #003366;
}

.PageText,
.Details /*MultiKey*/
{
    font-size: 11px;
    Color: #003366 !important;
    font-weight: 400;
}
.BoldDataFont
{
    Font-Size: 12px;
    Color: #003366;
    Border: none;
    Padding: 0;
    font-weight: bold;
}
.SmallDataFont
{
    Font-Size: 12px;
    Color: #003366;
}
.DataFont,
.ReportCell /*MultiKey*/
{
    Font-Size: 12px;
    Color: #003366;
    Border: none;
    Padding: 0;
}
.ReportCellChallenge /*MultiKey*/
{
    text-align: center;
    Font-Size: 12px;
    Color: #003366;
    Border: none;
    Padding: 0;
}
td .DataFont
{
    Padding: 0;
}

.AdminSiteToolBar
{
    font-size: 14px;
    font-weight: bold;
    color: Silver;
    text-decoration: none;
}

.Nav{
    font-size: 11px;
    font-weight: bold;
    color: Silver;
    text-decoration: none;
}
.Nav:hover{
    text-decoration: underline;
}

.NavLeaf{
    font-size: 11px;
    font-weight: bold;
    color: Silver;
    text-decoration: none;
}
.NavLeaf:hover{
    text-decoration: underline;
}

.NavParent{
    font-size: 11px;
    font-weight: bold;
    color: Silver;
    text-decoration: none;
}
.NavParent:hover{
    text-decoration: underline;
}

.NavRoot{
    font-size: 11px;
    font-weight: bold;
    color: Silver;
    text-decoration: none;
}
.NavRoot:hover{
    text-decoration: underline;
}
.NavTree span.fancytree-focused, .NavTree span.fancytree-focused a{
	color: #ce0404;
 }
.NavLevel2{
    cursor: pointer;
}
.Link
{	
    Font-Weight: bold;
    Color:#333366;
    Text-Decoration: underline;
    font-size: 12px;
    border: none;
}
.NegativeCurrency{
    color: #ce0404
}

.TopHeader,
.MKTableHeader /*MultiKey*/
{
    background-color: #003366;
    Color: White;
    Font-Weight: bolder;
    Font-Size: 12px;
    text-align: center;
    border: solid 1px black;
}
.TopHeader a,
.MKTableHeader a /*MultiKey*/
{
    background-color: #003366;
    Color: White;
    Font-Weight: bolder;
    Font-Size: 12px;
    text-align: center;
}
.GridFormat,
.ReportTable /*MultiKey*/
{
    border: solid 1px black;
    border-collapse: collapse;
}
.GridFormat tr th,
.ReportTable tr th /*MultiKey*/
{
    padding-right: 3px;
    padding-left: 3px;
}
.GridFormat tr td,
.ReportTable tr th /*MultiKey*/
{
    border-style: none;
    padding-right: 4px;
    padding-left: 4px;
}
.GridRow
.ReportEvenOdd /*MultiKey*/
{
   height: 20px;
   background-color: White;
}
.GridAlternateRow,
.ReportEvenRow /*MultiKey*/
{
   height: 20px;
   background-color: Silver;
}
.WidgetHeader
{
    background-color: Silver;
    border-top: solid 2px #003366;
    border-bottom: solid 2px #003366;
    margin: 2px 0 2px 0;
    padding: 0 4px 0 4px;
}


.ValidationError
{
    font-size: small;
    color: #ce0404;
}
.ErrorBox
{
    color: #ce0404;
    border: 2px solid red;
    min-width: 1em;
    text-align: center;
}
.ErrorRed
{
    color: #ce0404;
}
.SuccessMessage
{
    font-size: 12pt;
    color: #003366;
    font-weight: bolder;
}
.ErrorMessage
{
    font-size: 12pt;
    color: #ce0404 !important;
    font-weight: bolder;
}
ul.ErrorMessage
{
	list-style-type: none;
}

.HeaderColor
{
    background-color: #003366;
}
.BackColor
{
    background-color: White;
}

.OlbMenu .ui-menu-item
{
    background-color: #003366;
}
.OlbMenuContainer .ui-widget-content {
	background: #003366;
}
.OlbMenu .NavRoot
{
    margin: 5px !important;
}

.ui-front {
    z-index: 1000;
}

.screen-reader-only {
     position: absolute;
     height: 1px;
     width: 1px;
     clip: rect(1px 1px 1px 1px); // IE 6 and 7
     clip: rect(1px,1px,1px,1px);
     clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
     -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
     overflow: hidden !important;
 }

.fancytree-container,
span.fancytree-focused span.fancytree-title
{
    outline: 0 !important;
    list-style-type: none;
}

.noBullets {
    list-style-type: none;
}

.card-container {
    background-color: #ffffff;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border: 1px solid #e5e5e5;
}

/*MultiKey*/
.FieldName
{
    Font-Size: 12px;
    Color: #003366;
    Border: none;
    Padding: 0px 5px 0px 0px;
    font-weight: bolder;
}

.SuperUserHidden
{
    color: transparent;
}

:root {
--light-green: #90dAD2;
--green: #006f63;
--dark-green: hsl(174, 79%, 19%);
--ui-gray: #e6e6e6;
--font-museo: "museo-sans", sans-serif;
}

/*General*/
html, body {
  height: 100%;
  margin: 0;
}

/* Unvisited link */
a:link {
  color: #006e63;       /* Custom GREEN */
  text-decoration: none; /* Removes underline */
}

/* Visited link */
a:visited {
  color: var(--green);       /* Custom GREEN */
}

/* Hover state (mouse over) */
a:hover {
  color: #b7ab60;       /* dark tan */
  text-decoration: underline; /* Shows underline on hover */
}

/* Active state (moment it is clicked) */
a:active {
  color: #b7ab60;       /* dark tan */
}

.Link {
  font-family: var(--font-museo);
  font-size: 16px;
  color: var(--green);
  font-weight: bold;
}

.PageText
{
    /* font-size: 13px; */
        font-size: 16px !important;
    font-family: var(--font-museo) !important;
    font-weight: normal !important;
    Color: #000000 !important;
}

/*Header*/
.PageTitle {
  font-family: "museo-sans", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 32px;
  color: var(--green);
}

label {
  font-family: "museo-sans", Arial, Helvetica, sans-serif !important;
  font-size: 14px !important;
}

input {
    margin: 3px;
    padding: 5px;
}

input#Submit {
    background-color: var(--green);
    color: #fff;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

select {
    margin: 3px;
    padding: 5px;
}

.GridAlternateRow, .ReportEvenRow {
    background-color: #e5f0ef !important;
}

.TopHeader {
    height: 40px;
}

.fdicbandwrap {
    position: relative;
    z-index: 999;
    background-color: var(--dark-green);
    gap: 10px;
    max-height: 28px;
    /* padding-left: 131px; */
}

#fdicBand {
    display: flex;
    align-items: center;
    max-width: 1000px;
    padding: 4px 0px;
    margin: 0 auto;
    text-align:left;
    gap: 9px;
}

.mainMenu {
    padding-right: 130px;
}

.OlbMenu {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0px !important;
    list-style: none !important;
    white-space: nowrap;
}

/* li.OlbTopMenu:not(:first-of-type) {
 border-left: 1px solid var(--dark-green);
} */

body {
    background:#FFF url("../Pages/images/bankimages/background.jpg") left top no-repeat;
    background-size: cover;
}

#pagecontent {
  
    /* width: 90%; */
    /* width: 100%; */
    margin: 0 auto;
    
    /* padding-top: 180px; */
    margin-top: 140px;
    /* background: rgba(255, 255, 255, 0.9); */
    background: #fff;
    /* padding: 10px 20px 20px 20px; */
    padding: 10px 7% 20px 3%;
    max-width: 950px;
    /* min-height: 60vh; */
    /* min-height: calc(100vh - 100px); */
    min-height: calc(57vh - 100px);
}

#pcWrap {
    background-color: white;
}

/*Footer*/
footer {
    /* text-align: center; */
     background: #006e63;
    background: -moz-linear-gradient(top, #006e63 0%, #003e37 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006e63), color-stop(100%, #003e37));
    background: -webkit-linear-gradient(top, #006e63 0%, #003e37 100%);
    background: -o-linear-gradient(top, #006e63 0%,#003e37 100%);
    background: -ms-linear-gradient(top, #006e63 0%,#003e37 100%);
    background: linear-gradient(to bottom, #006e63 0%, #003e37 100%);
    height: 100%;
    min-height: 110px;
}
.footerUpper {
      background: #006e63;
    background: -moz-linear-gradient(top, #006e63 0%, #003e37 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006e63), color-stop(100%, #003e37));
    background: -webkit-linear-gradient(top, #006e63 0%, #003e37 100%);
    background: -o-linear-gradient(top, #006e63 0%,#003e37 100%);
    background: -ms-linear-gradient(top, #006e63 0%,#003e37 100%);
    background: linear-gradient(to bottom, #006e63 0%, #003e37 100%);
    padding: 45px 0 25px;
    /* max-width: 1000px; */
}
.locationsFlex {
  display: flex;
  flex-direction:row;
  flex-wrap:nowrap;
  justify-content: center;
  align-items: flex-start;
}
div.locFooter {
  display: flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding: 0 2.5rem 0 0;
  border-bottom: 0;
  margin-bottom: 0;
  width: auto;
  max-height: 381px;
}
.locFooter > h5 {
  color: #fff;
  font-size: 21px;
      font-family: "museo-sans", Arial, Helvetica, sans-serif;
      margin: 0px !important;
}
.locFooter > p {
    color: #FFF;
    line-height: 14px;
    font-size: 12px;
    font-family: "museo-sans", Arial, Helvetica, sans-serif;
    margin: 6px 2px;
}
span.yellow {
  color: #d3c77e;
  font-size: 12px;
  font-family: var(--font-museo);
}

a.locFooterButt {
  color: #fff;
  background: #006f63;
  padding: 7px 10px;
    text-align: center;
    text-decoration: none !important;
    font-weight: 700;
    font-size: 12px;
    zoom: 1;
    cursor: pointer;
    font-family: "museo-sans", Arial, Helvetica, sans-serif;
    margin-top: auto;
}

.footerWrap {
    margin: 0 auto;
    width: 90%;
    /* background: #006e63; */
    /* background: -moz-linear-gradient(top, #006e63 0%, #00564d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #006e63), color-stop(100%, #00564d));
    background: -webkit-linear-gradient(top, #006e63 0%, #00564d 100%);
    background: -o-linear-gradient(top, #006e63 0%,#00564d 100%);
    background: -ms-linear-gradient(top, #006e63 0%,#00564d 100%);
    background: linear-gradient(to bottom, #006e63 0%, #00564d 100%); */
    padding: 15px 0;
    max-width: 1005px;
}
.footerlinks {
    color:var(--light-green);
}
.footerlinks > a {
    color: white !important;
    font-size: 14px !important;
}
.footerWrap > span.PageText {
    color:var(--light-green) !important;
    font-size: 14px !important;
}

/*Header*/
.headerWrap {
    margin: 0 auto;
    width: 100%;
}
.headerLogo {
        max-width: 1000px;
    margin: 0 auto;
}
#mainLogo {
        background: #FFF;
        max-width: none;
        float: none;
        /* position: absolute;
        left: 0;
        top: -10px; */
        border-radius: 0 0 15px 15px;
        box-shadow: 0 25px 10px rgba(0, 0, 0, .5);
        padding: 20px;
        max-width: 590px;
        position:absolute;
        /* left:130px; */
    }

/*MENU CSS*/

.OlbMenuContainerV2 {
  background-color: transparent;
  text-align: center;
  margin: auto;
  box-sizing: border-box;
  width: 100%;
}

.OlbMenu {
  padding-inline-start: 0;
  margin: 0;
  margin-bottom: -5px;
}

.OlbMenu button {
  font: inherit;
}

.OlbMenu button:hover {
  cursor: pointer;
}

.OlbTopMenu {
  display: inline-block;
  list-style-type: none;
  text-align: left;
  border: none;
  position: relative;
  padding-inline-start: 0;
  /* padding: 6px 8px 6px 8px; */
  padding: 0px 8px 2px 8px;
}

nav {
    padding-left:400px !important;
    background: #FFF;
    padding: 10px 0;
    border-bottom: 5px solid lightgray;
}

.NavParent1.open:hover .OlbMenuSub1 {
  display: block;
}
/*.OlbTopMenu:focus-within .OlbMenuSub1 {
display: block;
}*/
.NavParent1.open:focus-within .OlbMenuSub1 {
  display: block;
}

/* li.OlbTopMenu:hover {
  border-bottom: var(--green) solid 5px;
} */

li.OlbTopMenu:hover a.NavLevel1 {
  color: var(--green);
}

li.OlbTopMenu:hover button.NavLevel1 {
  color: var(--green);
}

.OlbMenuSub1 {
  list-style-type: none;
  display: none;
  max-width: 100%;
  width: 100%;
  /*white-space: nowrap;*/
  z-index: 100;
  position: absolute;
  background-color: #fff;
  padding-inline-start: 0;
  top: auto;
  margin-top: 6px;
  left: 0px;
  margin-left: 0px;
  text-align: left;
  /* box-shadow: rgb(0 0 0 / 50%) 5px 5px 10px 0px; */
  box-shadow: rgb(0 0 0 / 50%) 6px 9px 10px 0px;
  /* min-width: 210px; */
  min-width: calc(100% + 70px);
  /* background-color: var(--color-offwhite); */
  /* background-color: rgba(249,243,231, 0.95); */
  color: #fff;

}

.OlbMenuSub1 a:hover {
  /* background-color: var(--color-darkblue); */
  background-color: rgba(30, 45, 95, 0.9);
  color: #fff !important;
  transition: all 0.1s ease-in-out;
}

.OlbMenuSub1 button:hover {
  /* background-color: var(--color-darkblue); */
  background-color: rgba(30, 45, 95, 0.9);
  color: #333;
  transition: all 0.1s ease-in-out;
}

.OlbMenuSub1 a {
  display: block;
  padding: 10px 17px;
  text-transform: inherit !important;
  color: #333 !important;
  transition: all 0.3s ease;
}

.OlbMenuSub1 button {
  display: block;
  padding: 10px 17px;
  text-transform: inherit !important;
  color: #333 !important;
  transition: all 0.3s ease;
}

.NavParent2.open:hover .OlbMenuSub2 {
  display: block;
}

.NavParent2.open:focus-within .OlbMenuSub2 {
  display: block;
}

.OlbMenuSub2 {
  list-style-type: none;
  display: none;
  min-width: 100%;
  width: 100%;
  z-index: 100;
  position: absolute;
  background-color: #f7f7f7;
  padding-inline-start: 0;
  top: auto;
  margin-top: -39px;
  left: 0;
  margin-left: 100%;
}

.OlbMenuSub2 a:hover {
  background-color: var(--green);
  /* color: #333; */
}

.OlbMenuSub2 a {
  display: block;
  padding: 10px 17px;
  text-transform: inherit !important;
  color: #333 !important;
}

.OlbMenuSub2 button {
  display: block;
  padding: 10px 17px;
  text-transform: inherit !important;
  color: #333 !important;
}

/* .OlbTopMenu a {
  color: var(--green);
  text-decoration: none;
  text-transform: none;
  font-size: 18px;
  font-weight: normal;
  font-family: var(--font-museo);
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.02em;
  filter: drop-shadow(0px 1px 1px var(--color-charcoal));
}

.OlbTopMenu button {
  color: var(--green);
  text-decoration: none;
  text-transform: none;
  font-size: 18px;
  font-weight: normal;
  font-family: var(--font-museo);
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.02em;
    filter: drop-shadow(0px 1px 1px var(--color-charcoal));
} */

.OlbTopMenu a.NavLevel1 {
  color: var(--green);
  text-decoration: none;
  text-transform: none;
  font-size: 21px;
  font-weight: normal;
  font-family: var(--font-museo);
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.02em;
  filter: drop-shadow(0px 1px 1px var(--color-charcoal));
}

.OlbTopMenu button.NavLevel1 {
  color: var(--green);
  text-decoration: none;
  text-transform: none;
  font-size: 21px;
  font-weight: normal;
  font-family: var(--font-museo);
  text-rendering: optimizeLegibility;
  font-variant-ligatures: common-ligatures;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: 0.02em;
    filter: drop-shadow(0px 1px 1px var(--color-charcoal));
}

a.NavLevel2.NavLeaf {
  font-family: var(--font-museo);
  font-size: 16px;
}

button.NavLevel2.NavLeaf {
  font-family: var(--font-museo);
  font-size: 13px;
}

li.NavLevel2.NavParent2 > button.NavLevel2.NavParent2:hover {
    transition: all 0.3s ease;
    color: white;
    background-color: var(--dark-green);
} 

a.OlbTopMenu.NavRoot.Nav.NavLevel1 {
  font-size: 16px;
  font-weight: 600;
}

button.OlbTopMenu.NavRoot.Nav.NavLevel1 {
  font-size: 16px;
  font-weight: 600;
}

.OlbMenu .NavRoot {
  margin: 0px !important;
}

/*OLD STUFF BELOW*/


.BodyStyle
{
    Padding-Top: 4px;
    Border-Top: Solid 1px Black;
    Background-Image: url(../pages/images/TopShaddow.gif);
    Background-Repeat: repeat-x;
    padding-left: 10px;
    width: 100%;
    background-color: White;
}

.NavTop
{
    Border-Right: Solid 1px Black;
    background-color: #003366;
}
.NavTree
{
    Border-Right: Solid 1px Black;
    padding-left: 5px;
    width: 175px;
    background-color: #003366;

}
.NavFdic
{
    Border-Right: Solid 1px Black;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    background-color: #003366;
}
.NavBottom
{
    Border-Right: Solid 1px Black;
    Border-Bottom: Solid 1px Black;
    background-color: #003366;
}

.Logos
{
    text-align: center;
    background-color: White;
    padding-top: 25px;
}

.ToolBar
{
    float: right;
    padding-right: 8px;
}



.NavBelowBottom
{
    background-color: White;
}

.OlbMenu .ui-state-hover,
.OlbMenu .ui-state-focus {
    border: 1px solid transparent;
    background: transparent;
    color: #ffffff;
    /*this effects the colors when hovering over a particular menu/submenu item*/
}
 
.OlbMenu .ui-menu {
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: block;
    outline: none;
    /*controls the padding around all parts of the menu, when padding is added the color will be filled in from olbmenucontainer choice, whether it is part of the submenu or main menu, margin controls empty space around menu, adding more will make a transparent buffer*/
}
 
.OlbMenu .ui-state-active {
    border: 1px solid transparent;
    background: transparent;
    /*change color directly around text, not including padding*/
    color: #ffffff;
    /*color changes for navigation menu that has a submenu. Effects the previous part of the menu when moving through subs*/
}
 
.OlbMenu .ui-corner-all
{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    /*controls round of ALL corners in menu and submenu*/
}
 
 
.OlbMenu li .Nav
{
    font-family:Arial, Helvetica, sans-serif, "Arial Narrow";
    font-size:12px;
    color:#ffffff;
    font-weight:normal;
    position: relative;
    background-color: #0a95cf;
    border: 1px;
    border-color: #ffffff;
}
 
.OlbMenuContainer .ui-widget-content,
.OlbMenuContainer .NavRoot,
.OlbMenu li .NavRoot {
    /* background: #1073ac; */
    color: var(--green) !important;
    font-size: 17px !important;
   /*changes background of entire menu, the submenu colors are chosen elsewhere and will overwrite this color*/
} 
/*SKIP TO MAIN CONTENT LINK*/
a.skiplink {
  position: absolute;
  top: -40px;
  left: 0;
  padding: 6px;
}

a.skiplink:focus {
    position: absolute;
    left: 0;
    top: 0;
font-size: 14px;
color: black;
background-color: white;
z-index: 1000000;
}
/*END SKIP TO MAIN CONTENT LINK*/
.SmallDataFont:has(#ctl00_ctl00_UxBody_Body_ucLogin_LblIPAddress) {
    display: none !important;
}
 


/* NAVIGATION */

li.OlbTopMenu.NavRoot.NavLevel1.NavParent1:hover > button::after {
  transform: rotate(-90deg);
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}

li.OlbTopMenu.NavRoot.NavLevel1.NavParent1 a.OlbTopMenu.NavRoot.NavLevel1.NavParent1:after {
  content: "\25BE";
  margin-left: 10px;
}

li.OlbTopMenu.NavRoot.NavLevel1.NavParent1 button.OlbTopMenu.NavRoot.NavLevel1.NavParent1:after {
  content: "\25BE";
  margin-left: 10px;
}

.NavRoot:hover {
  text-decoration: none;
}

.NavLeaf:hover {
  text-decoration: none;
}

li.OlbTopMenu {
  border-bottom: 5px solid transparent;
}

/*BASIC HORIZONTAL MENU WITH DROPDOWN*/

.OlbMenuContainerV2 {
  background-color: transparent;
  text-align: center;
  margin: auto;
  box-sizing: border-box;
  width: 100%;
}

.OlbMenu {
  padding-inline-start: 0;
  margin: 0;
  margin-bottom: -5px;
  margin-top: -45px;
  box-shadow: none !important;
    border: none !important;
}

.OlbMenu button {
  font: inherit;
}

.OlbMenu button:hover {
  cursor: pointer;
}

.OlbTopMenu {
  display: inline-block;
  list-style-type: none;
  text-align: left;
  border: none;
  position: relative;
  padding-inline-start: 0;
  padding: 6px 8px 6px 8px;
}

.NavParent1.open:hover .OlbMenuSub1 {
  display: block;
}

/*.OlbTopMenu:focus-within .OlbMenuSub1 {
display: block;
}*/
.NavParent1.open:focus-within .OlbMenuSub1 {
  display: block;
}

/* li.OlbTopMenu:hover {
  border-bottom: #fff solid 5px;
} */

/* li.OlbTopMenu:hover a.NavLevel1 {
  color: #fff !important;
} */

/* li.OlbTopMenu:hover button.NavLevel1 {
  
} */

/* li.OlbTopMenu:hover > button::before {
    margin-left: -19px;
}

li.OlbTopMenu:hover > button::before {
    border-color: #d9531e;
}

li.OlbTopMenu > button::before {
    border-bottom: 1px solid;
    border-color: inherit;
    bottom: 23%;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -15px;
    opacity: 0;
    position: absolute;
    -webkit-transition: 0.24s all cubic-bezier(0.48, -0.01, 0.27, 1.21);
    transition: 0.24s all cubic-bezier(0.48, -0.01, 0.27, 1.21);
    -webkit-transform: translateZ(0) scaleX(0);
    transform: translateZ(0) scaleX(0);
    will-change: opacity, transform;
    width: 30px;
} */

li.NavLevel2.NavLeaf:hover > a {
  transition: padding 0.3s ease-in-out;
  padding: 10px 17px 10px 23px;
} 

/* 1. Position the LI so the line anchors to it */
.OlbMenu li.NavParent1 {
    position: relative;
    display: inline-block; /* Ensures the li only takes up as much space as the content */
}

/* 2. Create the hidden line using a pseudo-element */
.OlbMenu li.NavParent1::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0; /* Start with no width */
    height: 4px; /* Thickness of the line */
    background-color: var(--green); /* White color */
    transition: width .5s ease-in-out; /* The 1-second animation */
}

/* 3. Animate the width to 100% on hover */
.OlbMenu li.NavParent1:hover::after {
    width: 100%;
}

/* Optional: Ensure the button doesn't have default padding that interferes with line placement */
.OlbMenu li.NavParent1 button {
    cursor: pointer;
    padding-bottom: 5px; /* Add some space between text and the growing line */
}


/* .OlbMenuSub1 {
  list-style-type: none;
  display: none;
  max-width: 100%;
  width: 100%;
  z-index: 100;
  position: absolute;
  background-color: rgba(230,230,230,0.95);
  padding-inline-start: 0;
  top: auto;
  margin-top: 6px;
  left: 0px;
  margin-left: 0px;
  text-align: left;
  box-shadow: rgb(0 0 0 / 50%) 5px 5px 10px 0px;
  min-width: 170px;
} */

.OlbMenuSub1 a:hover {
  background-color: var(--green);
  color: #fff !important;
  transition: all 0.3s ease;
}

.OlbMenuSub1 button:hover {
  /* background-color: #c29a5b; */
  background-color: var(--green);
  color: #333;
  transition: all 0.3s ease;
}

.OlbMenuSub1 a {
  display: block;
  padding: 10px 17px;
  text-transform: inherit !important;
  color: #333 !important;
  transition: all 0.3s ease;
}

.OlbMenuSub1 button {
  display: block;
  padding: 10px 17px;
  text-transform: inherit !important;
  color: #333 !important;
  transition: all 0.3s ease;
}

.NavParent2.open:hover .OlbMenuSub2 {
  display: block;
}

.NavParent2.open:focus-within .OlbMenuSub2 {
  display: block;
}

.OlbMenuSub2 {
  list-style-type: none;
  display: none;
  min-width: 100%;
  width: 100%;
  z-index: 100;
  position: absolute;
  background-color: #f7f7f7;
  padding-inline-start: 0;
  top: auto;
  margin-top: -39px;
  left: 0;
  margin-left: 100%;
}

.OlbMenuSub2 a:hover {
  background-color: var(--green);
  color: #333;
}

.OlbMenuSub2 a {
  display: block;
  padding: 10px 17px;
  text-transform: inherit !important;
  color: #333 !important;
}

.OlbMenuSub2 button {
  display: block;
  padding: 10px 17px;
  text-transform: inherit !important;
  color: #333 !important;
}

.OlbTopMenu a {
  color: var(--green);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  font-family:"museo-sans", Arial, Helvetica, sans-serif;
}

.OlbTopMenu button {
  color: var(--green);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  font-family:"museo-sans", Arial, Helvetica, sans-serif;
}

a.OlbTopMenu.NavRoot.Nav.NavLevel1 {
  font-size: 16px;
  font-weight: 600;
}

button.OlbTopMenu.NavRoot.Nav.NavLevel1 {
  font-size: 16px;
  font-weight: 600;
}

.OlbMenu .NavRoot {
  margin: 0px !important;
}

/*END BASIC HORIZONTAL MENU WITH DROPDOWNS*/



/* MOBILE HEADER + NAVIGATION */

.mobileMenu {
  width: 100%;
  display: none;
}

.mobileButton {
  float: right;
  text-align: right;
  background-color: rgba(0, 0, 0, 0.3);
    padding: 2px 10px;
    border-radius: 5px;
}

.mobileCloseButton {
  width: calc(100% - 60px);
  text-align: right;
  padding: 0px 30px;
}

.mobileMenuLink {
  padding: 10px 0;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none;
  color: #fff;
}

.mobileLogo {
  float: left;
  width: 50%;
  text-align: center;
  margin-right: 25%;
}

.mobileLogo img {
  width: 220px;
}

.mobileNavigationLinks {
  position: absolute;
  z-index: 1000;
  width: 100%;
  height: 100vh;
  background-color: #333;
  top: 0;
  display: none;
}

.mobileNavigationLinks.active {
  display: block;
}


/*Post-Login CSS (rounded tables)*/

iframe {
  width: 100%;
  border-radius: 15px;
  background-color: #fff;
}

iframe.ChatFrame {
  border-radius: 0px;
}

.GridFormat tr td,
.GridFormat tr th,
.ReportTable tr th,
.ReportTable tr td {
  padding: 10px 20px !important;
  text-align: left !important;
}

.TopHeader,
.MKTableHeader {
  background-color: transparent !important;
  color: #fff !important;
  text-align: left !important;
  border: none !important;
}

.TopHeader>th {
  background-color: var(--green) !important;
}

.TopHeader>td {
  background-color: var(--green) !important;
}

.TopHeader>th:first-child {
  border-radius: 15px 0px 0px 0px;
}

.TopHeader>th:last-child {
  border-radius: 0px 15px 0px 0px;
}

.TopHeader>td:first-child {
  border-radius: 15px 0px 0px 0px;
}

.TopHeader>td:last-child {
  border-radius: 0px 15px 0px 0px;
}

.MKTableHeader>th {
  background-color: var(--green) !important;
}

.MKTableHeader>th:first-child {
  border-radius: 15px 0px 0px 0px;
}

.MKTableHeader>th:last-child {
  border-radius: 0px 15px 0px 0px;
}

.MKTableHeader>td {
  background-color: var(--green) !important;
}

.MKTableHeader>td:first-child {
  border-radius: 15px 0px 0px 0px;
}

.MKTableHeader>td:last-child {
  border-radius: 0px 15px 0px 0px;
}

.TopHeader>td:only-child {
  border-radius: 15px 15px 0px 0px;
}

.MKTableHeader>td:only-child {
  border-radius: 15px 15px 0px 0px;
}

.TopHeader>th:only-child {
  border-radius: 15px 15px 0px 0px;
}

.MKTableHeader>th:only-child {
  border-radius: 15px 15px 0px 0px;
}

td.TopHeader,
th.TopHeader {
  background-color: var(--green) !important;
}

td.TopHeader:first-child {
  border-radius: 15px 0px 0 0;
}

th.TopHeader:first-child {
  border-radius: 15px 0px 0 0;
}

td.TopHeader:last-child {
  border-radius: 0px 15px 0 0;
}

th.TopHeader:last-child {
  border-radius: 0px 15px 0 0;
}

td.TopHeader:only-child {
  border-radius: 15px 15px 0 0;
}

th.TopHeader:only-child {
  border-radius: 15px 15px 0 0;
}

.GridFormat,
.ReportTable {
  border: none !important;
  background-color: #fff !important;
  border-radius: 15px 15px !important;
  text-align: left !important;
}

.GridAlternateRow,
.ReportEvenRow {
  background-color: #f9f9f9 !important;
}

.TopHeader a,
.MKTableHeader a {
  background-color: transparent !important;
  color: white;
  font-weight: bold;
}

tr.GridRow td.TopHeader {
  background-color: transparent !important;
  color: #404040 !important;
}

tr.GridAlternateRow td.TopHeader {
  background-color: transparent !important;
  color: #404040 !important;
}

#ctl00_ctl00_ctl00_UxBody_Body_Body_ctl00_ctl00_UxGraph_UxGraphContainer {
  border-radius: 15px;
}

#ctl00_ctl00_ctl00_UxBody_Body_Body_ctl00_UxGraph_UxGraphContainer {
  border-radius: 15px;
}

.PageText td,
th {
  border: none !important;
}

.GridFormat tr:last-of-type td:first-of-type {
  border-radius: 0px 0px 0px 15px;
}

.GridFormat tr:last-of-type td:last-of-type {
  border-radius: 0px 0px 15px 0px;
}

.prefooterWrap>h3.SecondPageTitle {
  font-size: 36px !important;
  line-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #333;
  font-family: var(--font-museo) !important;
  border-bottom: 0px !important;
  text-transform: capitalize !important;
  font-weight: bold !important;
}

/*end post-login*/

/*override for other stylesheets*/

.card-container {
    background-color: var(--ui-gray) !important;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #e5e5e5;
}

.sr-only {
  /* position: absolute; */
  width: 1px;
  height: 1px;
  padding: 0;
  display: inline-block;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/*media queries - note that the mobile breakpoint is ste in the Before/After login styles under Page Layout settings */

@media(max-width: 1050px) {
    #fdicBand {
      justify-content: center;
    }
}

@media (max-width: 767px) {
    /* .footerWrap {
        width: 96%;
        max-width: 1000px;
    } */
    #pagecontent {
             width: 96%;
        max-width: 1000px;
    }
}
@media(max-width: 500px) {
  #fdicBand {
    max-width: 100%;
  }
}



@media print
{
    .ToolBar
    {
        display: none;
        visibility: hidden;
    }
    
    .GridRow,
    .GridAlternateRow,
    .GridFormat th td,
    .GridFormat tr td,
    .ReportOddRow, /*MultiKey*/
    .ReportEvenRow /*MultiKey*/
    {
       border: solid 1px black;
    }
}

/* ONLINE PROJECT CSS START */
/* PROJECT HEADER */
	.projectHeaderContainer {
	  color: white;
	}

	/* HeaderText text */
	.projectHeaderText {
	  font-family: Arial, sans-serif, Tahoma, Verdana;
	  font-size: 35px;
	  font-weight: bold!important;
	  color: #FFFFFF!important; /*WHITE*/
	  background-color:#1963a4;
	}

/* PROJECT TITLE PAGE DESCRIPTION */

	.titleContainer {
	  position: relative;
	  color: white;
	  font-size: 100%;
	}

	/* Container holding the body text */
	.bodyContainer {
	  position: relative;
	  left: 100px;
	  top: 150px;
	  color: white;
	}

	/* projectTitleText text */
	.projectTitleText {
	  font-family: Arial, sans-serif, Tahoma, Verdana;
	  font-size: 22px;
	  /*font-size: 4vw;
	  font-size: 1.5em;*/
	  font-weight: bold!important;
	  color: #ffffff;
	}

	/* projectBodyText text */
	.projectBodyText {
	  font-family: Arial, sans-serif, Tahoma, Verdana;
	  font-size: 14px;
	  /*font-size: 2.5vw;
	  font-size: 1.25em;*/
	  font-weight: normal;
	  color: #3d3f42;
	}

/* FINISHED, POSTPONE, DECLINE TEXT */

/* ONLINE PROJECT CSS END */