/*
Static file for Theme changes
Theme name:
Version: 1.0
Template: Base
Created: 10/14/16
Last Updated:
Authors: Coverdale Group
*/

.vertical-center {
    display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;
}

.centered {
    margin-left:auto;
    margin-right:auto;
}

.full-width {
    width:100%;
}

.btn-advertising {

    background-color: #41b0d9;
    color: #fff;
    font-weight: bold;
}

.btn-advertising:hover {

    background-color: #1396C7;
    color: #fff;
    font-weight: bold;
}


/******************/
/*
#content {
    border-bottom:20px solid #636467;
    min-height:900px;
    padding-bottom:60px;
}
*/

@media (max-width:767px) {
    #content {
        min-height:100%;
    }

    .centered-xs {
        margin-left:auto;
        margin-right:auto;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .centered-sm {
        margin-left:auto;
        margin-right:auto;
    }

    .no-float-sm {
        float:none;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .pull-left-md {
        float:left !important;
    }
}

@media (min-width:1200px) {
    .pull-left-lg {
        float:left !important;
    }
}

.search-bar .btn.btn-default {
    background-color: #FFFFFF;
}
.header-navigation > div,
.category-navigation,
.search-bar .container,
.contact-us {
    max-width: 90%;
    margin: 0 auto;
}



.header-navigation {
    height: 30px;
    background-color: #f7f7f7;
    color: #ffffff;
}

.header-navigation .dropdown-menu li {
    padding: 0px;
    width: 100%;
}

.dropdown-menu {
    z-index:10000;
}

.header-navigation .pull-right .dropdown-menu {
    left: auto;
    right: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.header-navigation ul {
    text-align:right;
    float:right;
}

.header-navigation li {
    float:left;
    padding:5px 15px;
}

.header-navigation a {
    text-align:right;
    font-size:95%;
}

.header-navigation .badge {
    background-color:#0060A0;
    margin-left:3px;
}

.header-navigation a:hover i {
    text-decoration:none
}

.navbar {
    margin-bottom: -1px;
}

.container-view {
    margin-top: 65px;
}

.category-navigation {
    margin:25px auto 0;
    
}



.category-navigation .navbar .container .navbar-nav.pull-right li a,
.category-navigation .navbar .container-view .navbar-nav.pull-right li a {
    padding:10px 20px;
    /*color: #375172;*/
    font-weight: normal;
}

.category-navigation .navbar .container .navbar-nav.pull-right li ul li a,
.category-navigation .navbar .container-view .navbar-nav.pull-right li ul li a {
    padding:10px;
    text-align:right;
}

.category-navigation .navbar .container .navbar-nav.pull-right li a:hover,
.category-navigation .navbar .container-view .navbar-nav.pull-right li a:hover,
.category-navigation .navbar .container .navbar-nav.pull-right li a:focus,
.category-navigation .navbar .container-view .navbar-nav.pull-right li a:focus {
    color:#fff;
    background-color:#97002E;
}

.category-navigation .navbar .container .navbar-nav.pull-right li ul li a:hover,
.category-navigation .navbar .container-view .navbar-nav.pull-right li ul li a:hover,
.category-navigation .navbar .container .navbar-nav.pull-right li ul li a:focus,
.category-navigation .navbar .container-view .navbar-nav.pull-right li ul li a:focus {
    color:#fff;
    background-color:#0054A3;
}

.category-navigation ul li ul li {width:100%}

.search-bar form {
    padding:10px 0 0 0;
    max-width:260px;
}


.search-bar .view-form-icon .btn i {
    color:#fff;
    font-size:1.2em;
}

.contact-us .panel-heading .panel-title {
    font-size:1.6em;
    padding:0
}

.app-loading-indicator-cell {
    background-color:#fff;
}

.app-loading-indicator-cell i {
    color: #0060A0;
}

.app-loading-indicator-cell p {
    background-color: #ffffff;
    color: #fff;
}

/*----------------------------------*/

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

body {
    margin-bottom:0;
    background-color: #fff;
}

.breadcrumb {
    background-color: #ffffff;
}

.container-fluid {
    min-height: 60px;
    vertical-align: middle;
}


body a {
    color: #375172;
    font-size: 16px;
    font-weight: normal;
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

.panel-nav {
    margin-right:15px;
}

.panel-nav ul li ul li a {
    color: #375172;
    font-size: 14px;
    font-weight: bold;

}

.panel-nav ul li ul li ul li a {
    color: #3db6ea;
    font-size: 14px;
    font-weight: normal;

}

.navbar-nav > li > a {

    line-height: 40px;
}

.product-detail-default {
    background-color: #ffffff;
}

.thumbnail img {

    max-height: 300px;
}

.product-image-large {
    max-height: 500px;
}

.gray-background {
    background-color: #7f7f7f;

}

.light-gray-background {
    background-color: #f0f0f0;

}

.white_background {
    background-color: #ffffff;

}

.white_text {
    color: #ffffff;

}

.gray_text {
    color: #606060;

}

.dark_blue_text {
    color: #043B55;

}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Montserrat', sans-serif;
}

body {
    font-family: 'Montserrat', sans-serif;
}

a {
    font-family: 'Montserrat', sans-serif;
}

input, button, select, textarea {
    font-family: 'Montserrat', sans-serif;
}

.btn-info {
    border-color: #375172;
}

.btn-info {
    background-color: #375172;
}

.btn-primary {
    background-color: #043B56;
}


.jumbotron {
    margin:0 0 -55px;
    padding: 0;
}
.container .navbar-nav li.active > a {
    color: #ffffff;
}
.container .navbar-nav li a {
    color: #000000;
}

.navbar-default {

    background-color: #97002E;
    border-color: #97002E;
}

.navbar-default .navbar-nav > li > a {
    color: #606060;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #9a9a9a;
}
.navbar-nav li.dropdown li > a {
    color: #043b55;
}

.levelTwoNav {
    color: #000;
}

.footerHeader
{
    color: #ffffff;

}

.assistancebox {

    background-color: #375172;
    color: #ffffff;
    padding: 15px;
    margin: 10px 0 10px 0;
}

/* customization to right-align nav bar sub menus to prevent flowing off page */
.dropdown:last-child .dropdown-menu {
  left:unset;
  right:0;
}

/*START LEVEL 2 NAV*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
}

.dropdown-submenu>a:before {
    display: inline-block;
    content: " ";
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 5px 5px;
    border-right-color: #ccc;
    margin-top: 5px;
    margin-right: 5px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}


.spendingaccounts {
    padding: 10px 15px;
    color: #000;
}

/*END LEVEL 2 NAV*/
.nav {
    padding-top: 0;
}

.well {
    /*height: 300px;*/
    padding: 15px 0 12px 0;
	height: 275px;
}

.panel-product-list .well,
.search-view .panel-product-list .well {
    height: 600px;
}



.panel-search .well {
    height:auto;
}

/*
.panel-category-list ul li .well {

    height: 245px;
}
*/
.panel-category-list ul li a {
    padding: 0;
}

.panel-category-list {
    
    width: 1200px;
    margin: auto;
}

.navbar-fixed-bottom {
    position: relative;
    margin-bottom: 15px;
}

.product-detail-default .navbar-fixed-bottom {
    position:fixed;
}

.navbar-fixed-bottom ul li .btn {
    
    text-transform: uppercase;
    font-size: 14px;
}

/*code added 5/31/22 - required shows up after form labels that are in red*/
.view-form-icon label.required:after {
   padding-left: 5px;
font-style: italic;
font-weight: 300;
font-size: 1.2rem;
content: '*required';
color: #8c8c8c;
}
/*end view form icon label required*/

 .columns-center {
    display: flex;
    flex-direction: row;         
    justify-content: center;
}	
	.sc-container {
    display: block;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
    margin-bottom:3rem;
    text-align:left;
}

/*  Style  the  buttons  that  are  used  to  open  and  close  the  accordion  panel  */
 .ce-accordion  {
   background-color: #0054A3;
  color: #fff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  border-bottom: 2px solid white;
  font-size:18px;
 }

 /*  Add  a  background  color  to  the  button  if  it  is  clicked  on  (add  the  .active  class  with  JS),  and  when  you  move  the  mouse  over  it  (hover)  */
 .ce-active,  .ce-accordion:hover  {
   background-color:  #0054A3;
   color:#fff;
 }

 /*  Style  the  accordion  panel.  Note:  hidden  by  default  */
 .ce-panel  {
   padding: 3rem;
   background-color: white;
  display: none;
  overflow: hidden;
}


  .ce-accordion:after  {
   content:  '\2BC6';  /*  Unicode  character  for  "plus"  sign  (+)  */
   font-size:  13px;
   color:  #fff;
   float:  right;
   margin-left:  5px;
 }

 .active:after  {
   content: "\2BC5";  /*  Unicode  character  for  "minus"  sign  (-)  */
   color:#fff;
 }

 /*Modal start*/
    #bc-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        background-color:rgb(153, 153, 153) / 40%;
        width: 100%;
        height: 100%;
        opacity: 0.9;
        z-index: 100;

    }

    #bc-popup {
        position: absolute;
        top: 50%;
        left: 50%;
        background: #fff;
        width: 600px;
        height: auto;
        margin-left: -250px; /*Half the value of width to center div*/
        margin-top: -250px; /*Half the value of height to center div*/
        padding:3rem;
        border: solid #999 2px;
        filter: drop-shadow(5px 5px 10px #999);
    }
      
  #bc-popupclose {
        float: right;
        padding: 10px;
        cursor: pointer;
        background-color:#008DD2;
        color:#fff;
    }
/*Modal End*/

.col-centered {
    float: none;
    margin: 0 auto;
}

 .ce-page-container {
    display: block;
    max-width: 1200px;
    height: auto;
    margin: auto;
    margin-bottom:3rem;
    text-align:left;
}

.btn-maroon {
    border: 1px solid;
    background-color: #97002E;
    border-color: #97002E;
    color: #fff;
}

.btn-maroon:hover {
    background-color: #0054A3;
    color: #fff;
}