body{
  background: linear-gradient(to bottom, #ffffff 0%, #85b8da 100%);
  padding-top:20px;
  /* font-family: 'Montserrat', sans-serif; */
  /* font-family: 'Arvo', serif; */

  /* font-family: 'Lato', sans-serif; */
/* font-family: 'Merriweather', serif; */
/* font-family: 'Montserrat', sans-serif; */
/* font-family: 'Mulish', sans-serif; */
/* font-family: 'Playfair Display', serif; */
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
}
input[type="text"] {
    padding: 1px 2px;
    padding-top: 1px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

.no-left-right-padding{
  padding-left:0;
  padding-right:0;
}

.logo{
  /*min-width:469px;*/
}
.search-area{
  top:40px;
}
.search-box{
  float:right;
}
.search-box button{
  background: #9cd8d8;
  color: #09253a;
  border-color: rgb(133, 133, 133);
}
.search-results{
  max-width:568px;
}
.search-results .media-body{
    width:100%;
}
.search-results h1{
  font-size:20px; 
}
/*.search{
  float:right;
  padding-top:50px;
}
.search-button{
  color: #8A9384;
  background: #FFF;
  padding: 4px 10px;
  border: 1px solid #99A78B;
  border-radius: 3px;
}
*/
/* .container{
  background-color:white;
  text-align: center;

} */

/* .wrapper {
  background-color:white;
  margin-left:10px;
} */

.container-fluid{
  background-color:white;
  max-width:1200px;
  margin: 0 auto;
  padding-bottom:0;
}

/* linear-gradient(to bottom, #FFFFFF 0%, #a4c8e1 65%, #A4C8E1 88%, #9CDBD9 100%); */
.topnavbar{
  background: linear-gradient(to bottom, #FFFFFF 0%, #a4c8e1 65%, #A4C8E1 88%, #9CDBD9 100%);
  font-size: 14px;
  font-weight: bold;
}
.topnavbar-items{
  width:100%;
  display:flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content:space-between;
}

.navbar-toggler{
  color:black;
  border-color:rgba(0,0,0,.1)}

.navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.topnavbar a{

  color: black;
  /* text-align: center; */
  padding: 10px 8px;
  text-decoration: none;
  position: relative;

}

.topnavbar a:active {
}

.breadcrumb{
  background-color:white;
  margin-bottom:0;
}
.breadcrumb-home{
  padding:20px;
}

.dropdown{
  border-radius:4px;
}

.topnavbar .dropdown:hover{
  background: #ffffff ;
}
.topnavbar .dropdown-item:hover{
  background: #c8cec0 ;
}

.topnavbar .dropdown-item{
  text-align:left;
  font-weight:bold
}
.topnavbar li:hover > ul.dropdown-menu {
    display: block;
    margin-top:0;
}
.topnavbar a{
  font-size:14px;
  font-weight:bold;
}


.carousel-image{
  display:block;
  height:auto;
  width:100%;
  border-radius: 10px;
}
.carousel-item{
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease;
    transition: transform .6s ease,-webkit-transform .6s ease;
}


.carousel-caption{
  position:absolute;
  right:50%;
  bottom:20px;
  left:0%;
  z-index:10;
  color:#fff;
  text-align:center;
}

.carousel-text{
  text-align:left;
  left:0%;
  right:50%;
  background-color: rgba(0,0,0,.6);
  padding-left:10px;
  font-size:13px;
  padding-top:10px;
  padding-bottom:10px;
}

.home-content-image{
  margin-top:15px;
  position:relative;
  height:auto;
  width:100%;
  padding:0;
}

.home-links {
  border: 1px solid #dcdcdc;
  border-radius: 0 0 5px 5px;
  border-top-style:none;
  list-style-type:none;
  padding: 10px 0 0 5px;
}

.home-links li{
  padding-top:5px;
  padding-bottom:5px;
}

.home-links a{
  color:black;
  font-weight:bold;
}


.sidebar-wrapper{
  display:flex;
  width:100%;
  padding-left:0;
}
.sidebar{
  min-width: 210px;
  max-width: 210px;
}



.quick-links{
  list-style-type:none;
  padding-inline-start:0;
  /* border-radius: 10px;
  border: 2px solid #dcdcdc;
  border-right:0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; */
  padding: 0;
  text-align:left;
}

.quick-links-header{
  color:#c00000;
  font-weight:bold;
  font-size:14px;
}

.go-green{
  background-color:#daf0c2;
  color:darkgreen;
  padding: 10px;
  font-size:14px;
  width:200px;
  /* text-align:center; */
}

.go-green-bold{
  font-weight:bold;
}



/* .quick-links img {
  padding-bottom:10px;
} */

/* Quick links buttons */

.quick-link-text{
  position:relative;
  display:inline-block;
  /* white-space: nowrap; */
}
.quick-link-text2{
  position:relative;
  display:inline-block;
  white-space: nowrap;
}

.caret{
  width: 0;
  height: 0;
  border-width: 10px 0 10px 20px;
  border-style: solid;
  border-color:transparent;
  float:right;
}

.caret-color-white{
  border-left-color:white;
}
.caret-color-darkblue{
  border-left-color:#031e30;
}




.quick-link-buttons{
  text-align:left;
  width:200px;
  -webkit-border-radius: 8;
  -moz-border-radius: 8;
  border-radius: 8px;
  color: #09253a;
  font-size: 14px;
  padding: 10px 10px;
  text-decoration: none;
  margin:10px 0px;
}

.side-news-box{
  font-size:12px;
  background-image:url("../../images/current_news_bg.jpg");
  background-size:100% 100%;
  color:white;
  width:200px;
  padding:10px;
}

.side-news-box h3{
  font-size:14px;
  font-weight:bold;
}
.side-news-box a{
  color:white;
}

.news h3{
  font-size:20px;
  font-weight:bold;
}
.news a{
  color:black;
}



.footer{
  text-align:center;
}
.footer a{
  color: black;
  text-decoration:none;
  font-size:12px;
}

.sidebar .navbar-nav .dropdown-menu {
  position: absolute;
  margin-top:0;
}

.sidebar-top-dropdown-item:hover{
  background: #c8cec0;
}
.sidebar .dropdown-item{
  font-size:12px;
  white-space:normal;
  text-align:left;
}

.sidebar li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
/* .sidebar .dropdown:hover .dropdown-menu{
  display:block;
  margin-top:0;
  border-top:0;
  border-top-left-radius:0;
} */


.sidebar .dropdown-item:hover{
  background: #c8cec0;
}

.sidebar a{
  font-size:14px;
}


#current-location{
  height:50px;
  font-size:10px;
}

#email-pref-btn {
  color: #e3f2fc;
  background: #09253a;
}

#request-form-1099-btn {
  background: #a4c7e3;
}

#portal-signin-btn{
  background: #a4c7e3;
}

#perf-reg-btn{
  background: #9adada;
}

#pension-proj-btn{
  background: #a4c7e3;
}

#address-chg-btn{
  background: #9cd8d8;
}

#legal-notice-btn{
  background: #dbe2ec;
}

.quick-link-images1{
  margin:10px 0px;
}
.quick-link-images2{
  margin:10px 0px;
  width:100%;
  height:auto;
}
.quick-link{
  color: inherit;
}

.caret-color-customdarkblue{
  border-left-color:#09253a;
}




/* @media(max-width:650px){
  .search{
    float:none;
    padding-top:10px;
  }
} */


.content-page-main-wrapper{
  font-size: 14px;
  padding-left:30px;
}
.content-page-main{
  margin-top: 15px;
}
.content-page-main h3{
  font-size:20px;
}
.content-page-main-wrapper h3{
  font-size:20px;
  font-weight:bold;
}
.margin-top-15{
  margin-top: 15px;
}

.faq h1{
  font-size:20px;
  font-weight:bold;
}
.faq h3{
  font-size:20px;
}

.button{
-webkit-writing-mode: horizontal-tb !important;
text-rendering: auto;
letter-spacing: normal;
word-spacing: normal;
text-indent: 0px;
text-shadow: none;
display: inline-block;
align-items: flex-start;
box-sizing: border-box;
border-width: 2px;
border-style: outset;
border-color: rgb(133, 133, 133);
border-image: initial;
}
/*
@media (min-width: 768px) and (max-width: 1025px){
  .search-results .media-body{
    width:100%;
  }
}*/

@media (max-width: 767px) {
  .sidebar-wrapper {
    display: none;
  }
  .mobile{
    padding: 5px;
  }
  .main-layout-left{
    padding-left:15px;
    padding-right:15px;
  }
  .container-fluid{
    padding-left:5px;
    padding-right:5px;
  }
  .content-page-main-wrapper{
    padding-left:5px;
    padding-right:5px;
  }

}

@media (max-width: 575px){
  .mobile{
    padding:5px;
    text-align:center;
    left:0;
  }
  .quick-links{
    text-align:center;
  }
  .go-green{
    text-align:center;
    margin-left: auto;
    margin-right: auto;
  }
  .side-news-box{
    margin-left: auto;
    margin-right: auto;
  }
  .quick-link-buttons{
    text-align:center;
  }
  .carousel-caption{
    bottom:0;
    right:0;
    padding:3px;
    margin:0;
  }
  .content-page-main-wrapper{
    font-size: 14px;
    padding-left:5px;
    padding-right:5px;
  }
  .search-box{
      float:left;
      flex-wrap:nowrap;
  }
  .search-box input{
    display:inline-block;
    width:60%;
/*    padding:0;
    margin:0;*/
  }
  .search-area{
  top:10px;
  /*padding:2px;*/
}

}

@media print {
  nav, .quick-links, .footer, img, .sidebar-wrapper, .side-news-box {
    display:none;
  }
}


