/* Main CSS for Each client */
@font-face {
    font-family: AvenirLTStd-Light;
    src: url(fonts/AvenirLTStd-Light.otf);
}

@font-face {
    font-family: AvenirLTStd-Black;
    src: url(fonts/AvenirLTStd-Black.otf);
}


@font-face {
    font-family: AvenirLTStd-Heavy;
    src: url(fonts/AvenirLTStd-Heavy.otf);
}


@font-face {
    font-family: AvenirLTStd-Book;
    src: url(fonts/AvenirLTStd-Book.otf);
}


@font-face {
    font-family: AvenirLTStd-Medium;
    src: url(fonts/AvenirLTStd-Medium.otf);
}


button:focus{
    outline:none !important;
 }
 
 a {
    text-decoration:none;
 }

li a {
    outline-color: transparent !important;
    text-decoration: none !important;
}​

/* 
.ui-tabs-active {
    outline:none !important;
    outline-color: transparent !important;
} */

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


.bh-darkblue,.bh-hover-darkblue:hover{
    color:#fff!important;
    background-color:#24315C!important
}

.bh-blue,.bh-hover-blue:hover{
    color:#fff!important;
    background-color:#2398DF!important
}

/* HEADER  */

.bh-header{
    height: 70px;
    background: #ffffff;
    border-bottom: 2px solid #e5e9ed!important;
    margin-left: -16px;
    margin-right: -16px;
}
.bh-header-left{
    width:20%;
}
.bh-header-center{
    width:20%;
}
.bh-header-right{
    width:60%;  
}
.bh-border-bottom {
    border-bottom: 2px solid #efefef!important;
 }

 .client-detail{
     padding:5px 5px 5px 60px;
 }
.bh-detail{
    padding:5px 60px 5px 5px;
}

/* .bh-row{
    display: flex;
} */

.bh-threequarter{
    min-height:500px;
}

.bh-logo{
    padding:10px;
    margin-left: 10px;
    display: block;
    width: 322px;
    height: 100px;
    background-image: url("images/bh-logo.png");
    background-repeat: no-repeat;
    background-position: left; 
}

.bh-detail p{
    padding:3px;
    margin:2px;
    font-family: AvenirLTStd-Light;
    font-size: 15px;
    color: #84848C;
}

.bh-login-card{
    margin-top:124px;
    margin-bottom:60px;
    width: 480px;
    display: block;
    background-color: #ffffff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.16);
    border-top: 16px Solid #24315C;
}

.bh-login-card h1{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 40px;
    text-align: center;
    line-height: 100%;
    padding:10px;
}

.bh-login-card p{
    text-align: center;
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color: #4B4D53;
    padding:0px 40px;
}

.bh-login-form{
    margin: 10px 20px !important;
}

.bh-login-label{
    width: 100%;
    font-size: 18px;
    font-family: AvenirLTStd-Medium;
    color: #24315c;
    display: block; 
    padding: 10px 0px;
}

.bh-login-input{
    padding: 14px;
    display: block;
    border: 1px solid #ccc;
    width: 100%;
    font-size: 18px;
    font-family: AvenirLTStd-Medium;
}

.bh-login-input:focus {
    /* background-color: yellow; */
    /* border:none !important; */
  }

.bh-login-link {
    text-align: left;
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color:  #2398DF;
    padding-top:8px;
}

.bh-detail-footer {
    display: none;
}

.bh-login-link p{
    font-size: 14px;
    padding: 0px 6px;
    color:  #84848C;
}

.bh-login-link a{
    font-size: 14px;
    cursor: pointer;
    padding: 0px 6px;
    color:  #2398DF;
}

.bh-login-text p{
    text-align: left;
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color:  #84848C;
    padding-left:6px;
}

.bh-button-signin{
    font-size: 16px;
    font-family: AvenirLTStd-Heavy !important;
    text-transform: uppercase;
    padding: 18px !important;
    border: 2px solid #2398DF;
    background-color: #2398DF;
    color:#ffffff;
    letter-spacing: .5px;
    padding:8px 30px !important;
    cursor: pointer;
}


.bh-button-exit{
    font-size: 18px;
    font-family: AvenirLTStd-Medium;
    padding: 18px !important;
    color:#84848C;
    letter-spacing: .5px;
    padding:0px 12px 0px 12px !important;
    margin-top: 28px;
    cursor: pointer;
    border-left: 1px solid #D8D8DC;
}

.bh-button-exit:hover{
    background: none !important;
    color:#84848C;
}


.bh-button-support{
    font-size: 18px;
    font-family: AvenirLTStd-Medium;
    color:#24315C;
    letter-spacing: .5px;
    padding:0px 12px 0px 12px !important;
    cursor: pointer;
    margin-right: 6px;
}

.bh-button-support::before{
    height: 28px;
    width: 28px;
    background-image: url(images/support-icon.png);
    background-repeat: no-repeat;
    display: block;
    content: '';
    float:left;
    margin-right: 4px;
}


.bh-button-support:hover{
    background: none !important;
    color:#84848C !important;
}

.show-password{
    cursor: pointer;
    display: block;
    text-align: right;
    margin-top: -26px !important;
    margin-right: 16px !important;
    position: relative;
    width: 100px;
    float: right;
    font-size: 13px;
    font-family: AvenirLTStd-Medium;
    font-weight: bold;
    text-transform: uppercase;
    user-select: none;
}

.bh-button-signin:hover{
    background-color: #2398DF !important;
    border: 2px solid #2398DF !important;
    color: #ffffff !important;
}

.bh-header-btn{
    height: 69px;
    color: #84848C;
    font-family: AvenirLTStd-Heavy;
    font-size: 18px;
    padding: 8px 12px 16px 12px !important;
    cursor: pointer;
}

.bh-header-btn:hover {
    color:  #2398DF !important;
    background: none !important;
}

.bh-header-active{
    border-bottom: 6px solid #2398DF!important;
    color:  #2398DF !important;
    position: relative;
    z-index: 4;
    padding: 8px 12px 7px 12px !important;
}

.bh-bar .bh-bar-item {
    padding: 0px 0px;
}

/* CONTAINER  */

.bh-dashboard{
    /* height:501px; */
    margin-top:0px;
    margin-bottom:0px;
    background-color: #F3FAFF;
    background-image: url("images/banner-dashboard.jpg");
    background-position: right bottom;
    background-repeat: no-repeat;
}


.bh-dashboard-complete{
    /* height:501px; */
    margin-top:0px;
    margin-bottom:0px;
    background-color: #ebf9e0;
    background-image: url("images/banner-dashboard-complete.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 450px;
}
.bh-complete-text{

}

.bh-complete-text h1{
    color: #24315C;
    font-family: AvenirLTStd-black;
    font-style: bold;
    font-size: 40px;
    line-height: 110%;
}

.bh-complete-text p {
    color: #24315C;
    font-family: AvenirLTStd-heavy;
    font-size: 16px;
    line-height: 150%;
    padding: 00px 40px 00px 0px
}

.bh-panel-extra{
    padding:0px 60px 0px 60px;
}

.bh-panel-bottombtn{
    padding:0px 62px 0px 62px;
}

.bh-input-panel{
    padding: 0px 64px 0px 60px;
}
.bh-dashboard-top{
    /* padding-top:0px; */
}

.bh-dashboard-bottom{
    margin-top: -20px;
    margin-bottom: 40px;
    padding-bottom:20px;
    padding-right:80px;
    /* border-bottom: 1px solid #ccc; */
}

.bh-button-blue{
    font-size: 16px;
    font-family: AvenirLTStd-Heavy !important;
    text-transform: uppercase;
    border: 2px solid #2398DF;
    background-color: #2398DF;
    color:#ffffff;
    letter-spacing: .5px;
    margin: 4px 10px 4px 10px ;
    padding: 8px 18px !important;
    cursor: pointer;
}

.bh-button-blue:hover{
    background-color: #2398DF !important;
    border: 2px solid #2398DF !important;
    color: #ffffff !important;
}


.bh-button-white{
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    text-transform: uppercase;
    border: 2px solid #2398DF;
    background-color: #FFFFFF;
    color: #2398DF;
    margin: 4px 10px 4px 10px ;
    padding: 8px 18px !important;
    cursor: pointer;
}

.bh-button-white:hover{
    background-color: #2398DF !important;
    border: 2px solid #2398DF !important;
    color: #ffffff !important;
}

.bh-button-darkblue{
    font-size: 16px !important;
    font-family: AvenirLTStd-Medium !important;
    text-transform: uppercase;
    border: 2px solid #24315C;
    background-color: #24315C;
    color:#ffffff;
    letter-spacing: .5px;
    /* margin: 0px 10px 0px 10px ; */
    padding:12px 24px !important;
    cursor: pointer;
}

.bh-button-darkblue:hover{
    background-color: #2398DF!important;
    border: 2px solid #2398DF !important;
    color: #ffffff !important;
}


.bh-button-sm-darkblue{
    font-size: 14px !important;
    font-family: AvenirLTStd-Heavy !important;
    text-transform: uppercase;
    border: 2px solid #24315C;
    background-color: #24315C;
    color:#ffffff;
    letter-spacing: .5px;
    /* margin: 0px 10px 0px 10px ; */
    padding:6px 20px !important;
    cursor: pointer;
    text-overflow: ellipsis; 
    white-space: nowrap; 
    min-width: 210px;
}

.bh-button-sm-darkblue:hover{
    background-color: #2398DF !important;
    border: 2px solid #2398DF !important;
    color: #ffffff !important;
}

.bh-button-dashboard-darkblue{
    font-size: 14px !important;
    font-family: AvenirLTStd-Heavy !important;
    text-transform: uppercase;
    border: 2px solid #24315C;
    background-color: #24315C;
    color:#ffffff;
    letter-spacing: .5px;
    /* margin: 0px 10px 0px 10px ; */
    padding:6px 20px !important;
    cursor: pointer;
    text-overflow: ellipsis; 
    white-space: nowrap; 
    min-width: 210px;
}

.bh-button-dashboard-darkblue:hover{
    background-color: #2398DF !important;
    border: 2px solid #2398DF !important;
    color: #ffffff !important;
}


.bh-button-dashboard-green{
    font-size: 14px !important;
    font-family: AvenirLTStd-Heavy !important;
    text-transform: uppercase;
    border: 2px solid #24315C;
    background-color: #ebf9e0 !important;
    color:#24315C;
    letter-spacing: .5px;
    /* margin: 0px 10px 0px 10px ; */
    padding:6px 20px !important;
    cursor: pointer;
    text-overflow: ellipsis; 
    white-space: nowrap; 
    min-width: 150px;
}

.bh-button-dashboard-green:hover{
    background-color: #2398DF !important;
    border: 2px solid #2398DF !important;
    color: #ffffff !important;
}
.bh-button-back{
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    text-transform: uppercase;
    padding: 18px !important;
    border: 2px solid #2398DF;
    background-color: #FFFFFF;
    color: #2398DF;
    /* margin: 0px 10px 0px 10px ; */
    padding:14px 28px 12px 12px !important;
    cursor: pointer;
}

.bh-button-back:hover{
    background-color: #D8D8DC !important;
    border: 2px solid #2398DF !important;
    color: #2398DF !important;
}
.bh-small-text{
    margin-top: -12px;
    /* margin-bottom: -24px; */
}
.bh-small-text p{
    padding:3px;
    margin:2px;
    font-family: AvenirLTStd-Light;
    font-size: 10px;
    color: #84848C;
}


.bh-button-cta{
    font-size: 17px;
    font-family: AvenirLTStd-Heavy;
    border: 2px solid #fff !important;
    border-radius: 2px;
    margin: 4px 8px;
    padding:6px 20px !important;
    cursor: pointer;
}

.bh-button-cta:hover{
    
}

.bh-button-sm{
    font-size: 15px;
    font-family: AvenirLTStd-Heavy;
    text-transform: uppercase;
    margin: 0px 0px;
    padding:10px 46px !important;
    cursor: pointer;
    min-width: 176px;    
    /* flex: 1 0 100px; */

}




.bh-button-edit{
    font-size: 12px !important; 
    font-family: AvenirLTStd-Heavy !important;
    text-transform: uppercase;
    margin: 8px 0px;
    padding:6px 36px !important;
    cursor: pointer;
    text-align: center;
}


.button-center {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 20px; */
  }

.white-color{
    border: 2px solid #2398DF;
    background-color: #FFFFFF;
    color: #2398DF;
}

.white-color:hover{
    border: 2px solid #ffffff;
    background-color: #2398DF;
    color: #ffffff;
}

.blue-color{
    border: 2px solid #2398DF;
    background-color: #2398DF;
    color: #ffffff;
}

.enrolled-color{
    border: 2px solid #EBF9E0;
    background-color: #EBF9E0;
    color: #77D836;
    cursor: none;
}

.red-color{
    border: 2px solid #ffe8e8;
    background-color: #ffe8e8;
    color: #ff3e3e;
    cursor: none;
}

.waived-color{
    border: 2px solid #ffe8e8;
    background-color: #ffe8e8;
    color: #ff3e3e;
    cursor: none;
}

.blue-color:hover{
    border: 2px solid #2398DF;
    background-color: #FFFFFF;
    color: #2398DF;
}

.bh-button-banner{
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    text-transform: uppercase;
    padding: 18px !important;
    border: 2px solid #2398DF;
    background-color: #2398DF;
    color:#ffffff;
    letter-spacing: .5px;
    /* margin: 0px 10px 0px 10px ; */
    padding:20px 50px !important;
    cursor: pointer;

}

.bh-button-banner:hover{
    background-color: #2398DF !important;
    border: 2px solid #2398DF !important;
    color: #ffffff !important;
}

.bh-icon{
    height: 50px;
    width: 50px;
    background-color: #cccccc;
}

.bh-button-white span.bh-icon {
    background: url(imgs/icon.png) no-repeat;
    display: block;
    float: left;
    width: 50px;
    height: 60px;
    background-color:blue;
    margin: -20px;
}

.bh-dashboard-title{
    /* padding-bottom: 16px; */
    padding-left: 16px;
}

.bh-dashboard-title  h1{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 40px;
    line-height: 125%;
}

.bh-dashboard-title>h1>b{
    color: #24315C;
    font-family: AvenirLTStd-Black;
    font-size: 40px;
    line-height: 100%;
    padding-bottom: 0px;
}



.bh-dashboard-title>h2{
    color: #24315C;
    font-family: AvenirLTStd-Medium;
    font-size: 40px;
    line-height: 100%;
}

.bh-dashboard-title>h2>b{
    color: #24315C;
    font-family: AvenirLTStd-Black;
    font-size: 40px;
    line-height: 100%;
    padding-bottom: 0px;
}

.bh-my-title{
    padding-left: 16px;
    top:10px !important;
}

.bh-my-title  h1{
    /* color: #24315C; */
    color: #000000;
    font-family: AvenirLTStd-Heavy;
    font-size: 40px;
    padding-bottom: 0px !important;    
}

.bh-box{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 24px 0px 24px;
    margin: 8px 0px 24px 8px;
}

.bh-getsupport{
    padding: 24px 0px;
    margin: 0px 0px 0px 8px;
    min-height: 70px;

}
.bh-getsupport h1{
    color: #24315C;
    font-family: AvenirLTStd-Book;
    font-size: 25px;
    line-height: 80%;
    text-align: left;
    padding: 0px;
}

.bh-getsupport p{
    color: #4b4d53;
    font-family: AvenirLTStd-Book;
    font-size: 14px;
    line-height: 80%;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.bh-getsupport h3{
    color: #4b4d53;
    font-family: AvenirLTStd-Medium;
    font-size: 14px;
    text-align: right;
    padding: 0px 4px 0px 0px;
}
.bh-icon-support-phone{
    height: 50px;
    width: 50px;
    background-image: url("images/icon-support-phone.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin-right: 12px;
}
.bh-icon-support-email{
    height: 50px;
    width: 50px;
    background-image: url("images/icon-support-email.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin-right: 12px;
}
.bh-icon-support-hour{
    height: 50px;
    width: 50px;
    background-image: url("images/icon-support-hour.png");
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    margin-right: 12px;
}

.bh-enroll{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 24px 0px 24px;
    margin: 8px 0px 24px 8px;
}

.bh-enrolled{
    box-shadow: 1px 1px 5px 2px rgba(119,216,54,0.5);
    padding: 0px 20px 0px 40px;
    margin: 8px 0px 48px 8px;
    border : 2px solid #77D836;
}

.bh-enrolled::before{
    display: block;
    height: 80px;
    width: 60px;
    background-image: url("images/icon-enrolled.svg");
    background-repeat: no-repeat;
    margin-left: -84px;
    margin-top: 14px;
    position: absolute;
}


.bh-enrolled-review{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 20px 0px 30px;
    margin: 8px 0px 28px 8px;
    /* border : 2px solid #77D836; */
}

.bh-enrolled-review::before{
    display: block;
    height: 80px;
    width: 60px;
    background-image: url("images/icon-enrolled.svg");
    background-repeat: no-repeat;
    margin-left: -74px;
    margin-top: 20px;
    position: absolute;
}


.bh-enrolled-election{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 20px 0px 30px;
    margin: 8px 0px 28px 8px;
    /* border : 2px solid #77D836; */
}

.bh-enrolled-election::before{
    display: block;
    height: 80px;
    width: 60px;
    background-image: url("images/icon-enrolled.svg");
    background-repeat: no-repeat;
    margin-left: -74px;
    margin-top: 20px;
    position: absolute;
}


.bh-not-enrolled-election{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 20px 0px 30px;
    margin: 8px 0px 28px 8px;
    /* border : 2px solid #77D836; */
}

.bh-not-enrolled-election::before{
    display: block;
    height: 80px;
    width: 60px;
    background-image: url("images/icon-not-enrolled.svg");
    background-repeat: no-repeat;
    margin-left: -74px;
    margin-top: 20px;
    position: absolute;
}

.bh-not-enrolled-election h5 .green{
    color: #2398DF;
} 
.bh-waived-review{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 20px 0px 30px;
    margin: 8px 0px 28px 8px;
    /* border : 2px solid #77D836; */
}

.bh-waived-review::before{
    display: block;
    height: 80px;
    width: 60px;
    background-image: url("images/icon-waived.svg");
    background-repeat: no-repeat;
    margin-left: -74px;
    margin-top: 20px;
    position: absolute;
}


.bh-waived-election{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 20px 0px 30px;
    margin: 8px 0px 28px 8px;
    /* border : 2px solid #77D836; */
}

.bh-waived-election::before{
    display: block;
    height: 80px;
    width: 60px;
    background-image: url("images/icon-waived.svg");
    background-repeat: no-repeat;
    margin-left: -74px;
    margin-top: 20px;
    position: absolute;
}

.bh-waived-election h5 .green{
    color: #ff3e3e;
} 

.bh-terminated-election{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 20px 0px 30px;
    margin: 8px 0px 28px 8px;
    /* border : 2px solid #fcd74a; */
}

.bh-terminated-election::before{
    display: block;
    height: 80px;
    width: 60px;
    background-image: url("images/icon-terminated.svg");
    background-repeat: no-repeat;
    margin-left: -74px;
    margin-top: 20px;
    position: absolute;
}
.bh-terminated-election h5 .green{
    color: #efbd00;
} 


.bh-waived-election{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 20px 0px 30px;
    margin: 8px 0px 28px 8px;
    /* border : 2px solid #77D836; */
}

.bh-waived-election::before{
    display: block;
    height: 80px;
    width: 60px;
    background-image: url("images/icon-waived.svg");
    background-repeat: no-repeat;
    margin-left: -74px;
    margin-top: 20px;
    position: absolute;
}

.bh-panel-box{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 20px 0px 30px;
    margin: 8px 0px 28px 8px;
    /* border : 2px solid #77D836; */
}

.bh-icon-plus{
    padding-right: 26px !important;
}

.bh-icon-plus::after{
    content: '';
    height: 32px;
    width: 32px;
    background-image: url("images/icon-plus-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
    margin-top: -52px;
    margin-left: -40px;
    /* margin-bottom: -60px; */
    position: relative;
}

.bh-icon-equals::after{
    content: '';
    height: 32px;
    width: 32px;
    background-image: url("images/icon-equals-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
    margin-top: -46px;
    margin-left: -22px;
    /* margin-bottom: -60px; */
    position: relative;
}


.bh-waived{
    box-shadow: 1px 1px 5px 2px rgba(249,202,202,0.5);
    padding: 0px 20px 0px 40px;
    margin: 8px 0px 48px 8px;
    border : 2px solid #f9CACA;
}

.bh-waived::before{
    display: block;
    height: 80px;
    width: 60px;
    background-image: url("images/icon-waived.svg");
    background-repeat: no-repeat;
    margin-left: -84px;
    margin-top: 14px;
    position: absolute;
}


.bh-terminated{
    box-shadow: 1px 1px 5px 2px rgba(252,215,74,0.4);
    padding: 0px 20px 0px 26px;
    margin: 8px 0px 48px 8px;
    border : 2px solid #fcd74a;
}

.bh-terminated::before{
    display: block;
    height: 80px;
    width: 60px;
    background-image: url("images/icon-terminated.svg");
    background-repeat: no-repeat;
    margin-left: -70px;
    margin-top: 14px;
    position: absolute;
}

.bh-icon-waive{
    height: 45px;
    width: 45px;
    background-image: url("images/icon-waive.svg");
    background-repeat: no-repeat;
    display: block;
    float: left;
    margin: 0px 12px 0px 0px;
}

.bar-icon-lastyear{
    margin-bottom: -8px;
    margin-right: 2px;
    height: 28px;
    width: 28px;
    background-image: url("images/bar-blue-icon.png");
    background-repeat: no-repeat;
    display: inline-block;
    
}


.bh-cta-blue{
    padding: 4px 24px;
    background-color: #2398DF;
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    position: absolute;
    max-width: 320px;
    margin-top: 70px;
    margin-left: -144px;    
    border-radius: 2px;
}
.bh-cta-blue p{
    color: #ffffff;
    font-family: AvenirLTStd-Medium;
    font-size: 16px;
}

.bh-cta-blue::after {
    content: "";
    position: absolute;
    top: -36px;
    left: 90%;
    margin-left: -18px;
    border-width: 18px;
    border-style: solid;
    border-color: transparent transparent #2398DF transparent;
  }

  .border-top{
    border-top:1px #dde1e6 solid;  
  }

  
  .border-bottom{
    border-bottom:1px #dde1e6 solid;  
  }

  
  .border-middle{
    /* border-top: 1px solid #D8D8DC; */
    margin-top: 8px;
    margin-bottom: 10px;
  }

  .border-middle p{
    font-family: AvenirLTStd-heavy;
    font-size: 20px;
    color:#24315C;
    text-align: left;
    border-top: 1px solid #D8D8DC;
    line-height: 0.1em;
    margin: 20px 0px 20px 0px;
}
.border-middle p span {
    background-color: #ffffff;
    padding: 0 10px 0 0;
}

.plan-button-width{
    width:15%;
    vertical-align: top;
  }

  .bh-plan-content{
      min-height: 200px;
  }
  
  .bh-plan-title{
    padding: 4px 0px !important;
    text-align:left;
}

.bh-scroll{
    height:160px; 
    display: block;
    overflow-y: auto;
    padding-left:20px;
    
}
.bh-scroll>p{
    padding: 5px 40px 5px 0px !important;
    font-family: AvenirLTStd-Book !important;
    font-weight: normal !important;
    font-size: 14px !important;
    color: #4b4d53 !important;
    line-height: 140% !important;
    margin: 0px 0px 0px -6px !important;
    /* text-indent: 12px !important; */
}



.bh-accent-text{
    display: block;
    overflow-y: auto;
    padding-left:20px;
    margin-top: 12px;
}

.bh-accent-text>p{
    padding: 8px !important;
    font-family: AvenirLTStd-Book !important;
    font-weight: normal !important;
    font-size: 14px !important;
    color: #4b4d53 !important;
    line-height: 140% !important;
    margin: 8px 0px 0px -6px !important;
    /* text-indent: 12px !important; */
}

.bh-plan-title h3{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 28px;
    padding: 0px 30px 0px 0px;
    display: inline;
}

.bh-plan-title p{
    color: #4b4d53;
    font-family: AvenirLTStd-Medium;
    font-size: 15px;
    margin: 0px;
    padding: 0px 30px 0px 0px;
}


.bh-plan-subtitle h2{
    font-family: AvenirLTStd-heavy;
    font-size: 20px;
    color:#24315C;
    text-align: left;
    border-top: 1px solid #D8D8DC;
    line-height: 0.1em;
    margin: 20px 0px 20px 0px;
}
.bh-plan-subtitle h2 span {
    background-color: #ffffff;
    padding: 0 10px 0 0;
}
.bh-plan-subtitle h3{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 22px;
    margin: 0px;
    padding: 0px 30px 0px 0px;
}


.bh-plan-subtitle p{
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color: #84848C;
    margin: 0px;
    padding: 6px 30px 0px 0px;
}

.bh-plan-subtitle p span{
    color: #24315C;
    font-family: AvenirLTStd-Medium;
    font-style: bold;
}

.bh-plan-amount{
    text-align: right;
    padding: 8px 32px 0px 4px;
    
}
.bh-plan-amount h2{
    color: #2398DF;
    font-family: AvenirLTStd-Heavy;
    font-size: 32px;
    padding-top: 0px;
    margin: 0px;
    line-height: 100%;
}

.bh-plan-amount p{
    font-size: 12px;
    font-family: AvenirLTStd-Medium;
    color:#84848c;
    padding: 0px;
    margin: 0px;
}

.bh-plan-amount h1{
    font-size: 12px;
    font-family: AvenirLTStd-Medium;
    color:#84848c;
    padding: 0px;
    margin: 0px;
    margin-top: -12px;
}
.bh-dependents-space{
    background-color:#f1f1f1; 
    padding-left:20px; 
    padding-right:20px;
}
.bh-plan-text{
    text-align: right;
    padding: 0px 10px 0px 10px;
    
}
.bh-review-text{
    text-align: left;
    padding: 0px 10px 0px 10px;
}
.bh-review-text p{
    font-size: 12px;
    font-family: AvenirLTStd-Heavy;
    color:#84848c;
    padding: 0px;
    margin: 0px;
}

.bh-review-text h5{
    font-size: 14px;
    font-family: AvenirLTStd-Heavy;
    color: #24315C;
    padding: 0px;
    margin: 0px;
}


.bh-review-part-1 {
    border-right: 2px solid #ececec;
}

.bh-review-part-1 h1{
    color: #2398DF;
    font-family: AvenirLTStd-black;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding:0px 0px 0px 10px;
    margin:0px;
}

.bh-review-part-1 h3{
    color: #24315C;
    font-family: AvenirLTStd-black;
    font-size: 26px;    
    padding:0px 0px 0px 10px;
    margin:0px;
}
.bh-review-part-2 {
    padding-left: 40px;
    padding-right: 20px;
}
.bh-review-part-2 h2{
    color: #2398DF;
    font-family: AvenirLTStd-Heavy;
    font-size: 28px;
    padding: 0px 0px 0px 0px; 
    margin: 0px;
    line-height: 100%;
    text-align: center;
}

.bh-review-part-2 p{
    font-size: 11px;
    font-family: AvenirLTStd-Medium;
    color: #84848C;
    padding: 0px 0px 12px 0px; 
    margin: 0px;
    text-align: center;
}



.bh-election-part-1 {
    
}

.bh-election-part-1 h1{
    color: #2398DF;
    font-family: AvenirLTStd-black;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding:0px 0px 0px 10px;
    margin:0px;
}
.bh-election-part-1 h2{
    color: #2398DF;
    font-family: AvenirLTStd-heavy;
    font-weight: bold;
    font-size: 16px;
    padding:6px 0px 0px 12px;
    margin:0px;
}
.bh-election-part-1 .bh-plan-subtitle h2{
    font-family: AvenirLTStd-heavy;
    font-size: 20px;
    color:#24315C;
    text-align: left;
    border-top: 1px solid #D8D8DC;
    line-height: 0.1em;
    margin: 20px 0px 20px 0px;
    padding: 0px;
}
.bh-election-part-1 .bh-plan-subtitle h2 span {
    background-color: #ffffff;
    padding: 0 10px 0 0;
}

.bh-election-part-1 h3{
    color: #24315C;
    font-family: AvenirLTStd-black;
    font-size: 26px;    
    padding:0px 0px 0px 10px;
    margin:0px;
}
.bh-election-part-2 {
    border-left: 2px solid #ececec;
    padding: 10px 20px 0px 10px;
}

.bh-election-part-2 h2{
    color: #2398DF;
    font-family: AvenirLTStd-Heavy;
    font-size: 26px;
    padding: 0px 0px 0px 0px; 
    margin: 0px;
    line-height: 100%;
    text-align: center;
}

.bh-election-part-2 p{
    font-size: 13px;
    font-family: AvenirLTStd-Medium;
    color: #84848C;
    padding: 6px 0px 6px 0px; 
    margin: 0px;
    text-align: center;
}

.bh-election-part-2 h4{
    color: #24315C;
    font-family: AvenirLTStd-black;
    font-size: 20px;    
    padding: 0px 0px 0px 0px; 
    margin-top: -8px;
    text-align: center;
    padding-left: 16px;

}


.bh-election-total {
    /* border-right: 2px solid #ececec; */
}

.bh-election-total h1{
    color: #2398DF;
    font-family: AvenirLTStd-black;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    padding:0px 0px 0px 10px;
    margin:0px;
}

.bh-election-total h3 {
    color: #24315C;
    font-family: AvenirLTStd-black;
    font-size: 26px;    
    padding:0px 0px 0px 10px;
    margin:0px;
}
.rt-border{
    border-right: 2px solid #ececec;
}
.lt-border{
    border-left: 2px solid #ececec;
}
.fit-content{
    width:1%;
    white-space:nowrap; 
}
.border-right{
    border-right: 1px solid #ececec; 
}
.border-left{
    border-left: 1px solid #ececec; 
}

.text-center{
    text-align: center;
}

.bh-plan-text-left h4{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 18px;
    padding: 6px 0px;
    margin: 0px;
    line-height: 100%;
    text-align: left;
    display: block;
}

.bh-plan-text h4{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 18px;
    padding: 6px 0px;
    margin: 0px;
    line-height: 100%;
    text-align: right;
    display: block;
}


.bh-plan-text h5{
    color: #24315C;
    font-family: AvenirLTStd-Black;
    font-size: 13px;
    padding: 6px 0px;
    margin: 0px;
    line-height: 100%;
    text-align: right;
    display: block;
}


.bh-plan-text h6{
    color:#84848C;
    font-family: AvenirLTStd-book;
    font-size: 13px;
    padding: 6px 0px;
    margin: 0px;
    line-height: 100%;
    text-align: right;
    display: block;
}
.bh-plan-text p{
    font-size: 13px;
    font-family: AvenirLTStd-Medium;
    color:#84848C;
    padding: 0px;
    margin: 0px;
    /* border-bottom: 1px dashed #6090BF; */
    /* display: inline-block; */
    line-height: 150%;
    text-align: right;
}
.bh-plan-text-left{
    padding: 0px 8px 0px 8px ;
    
}
.bh-plan-text-left p{
    
    font-size: 13px;
    font-family: AvenirLTStd-Medium;
    color:#84848C;
    padding: 0px;
    margin: 0px;
    /* border-bottom: 1px dashed #6090BF; */
    /* display: inline-block; */
    line-height: 150%;
    text-align: left;
}
.bh-plan-text-left p .dark-blue{
    color: #24315C;
    font-weight: bold;
}

.bh-plan-text p .dark-blue{
    color: #24315C;
    font-weight: bold;
}



.bh-plan-text-first{
    text-align: right;
    margin-right: 12px;
    padding: 0px 22px 0px 16px;
    /* border-right: 2px solid #ccc; */   
}

.bh-plan-text-first h4{
    color: #000000;
    font-family: AvenirLTStd-Heavy;
    font-size: 18px;
    padding: 6px 0px;
    margin: 0px;
    line-height: 100%;
    text-align: right;
    display: block;
}

.bh-plan-text-first p{
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color:#6090BF;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px dashed #6090BF;
    display: inline-block;
    line-height: 150%;
    text-align: right;
}
.bh-product-text{
    padding: 0px 8px 0px 8px;
    display: block;
    height:150px; 
    overflow-y: auto;
}

.bh-product-text h1{
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color: #84848C;
    padding: 0px;
    margin: 0px;
    display: inline-block;
    line-height: 120%;
    text-align: left;
}

.bh-product-text p{
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color: #24315C;
    padding: 4px 0px;
    margin: 0px;
    line-height: 150%;
    text-align: left;

}



.bh-plan-button{
    padding: 0px 0px !important;
}

.bh-bar-blue{
    text-align: center;
    background: #2398DF;
    margin: -24px 0px 24px 8px;
    
}

.bh-bar-blue p{
    color: #ffffff;
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    padding: 0px;
    margin: 12px;
}

.bh-title{
    /* padding-bottom: 16px; */
    /* padding-left: 16px; */
    padding-left:6px;
    padding-right:6px;
}

.bh-title h1{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 36px;
    padding-bottom:6px;
    border-bottom : 1px solid #979797;
}


.bh-title h2{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 36px;
    padding-bottom:6px;
    
}

.bh-title h5{
    color: #4b4d53;
    font-family: AvenirLTStd-Medium;
    font-size: 16px;
    padding-top:6px;
}
.bh-summary-title{
    border-bottom : 1px solid #979797;
  
}

.bh-summary-title h1{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 36x;
    padding-bottom:4px;
    
}
.bh-summary-text h5{
    color: #4b4d53;
    font-family: AvenirLTStd-Medium;
    font-size: 16px;
    padding-top:4px;

}


.bh-summary-title p{
    color: #5B5B5B;
    font-family: AvenirLTStd-Medium;
}

.bh-summary-title p span{
    /* color: #24315C; */
    color: #2398DF;
    font-family: AvenirLTStd-Heavy;
}

.bh-word {
    
}
.bh-word p{
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color: #4B4D53;
    line-height: 110%;
    text-align: left;
}
.bh-word span{
    font-weight: bold;
    padding: 6px 10px 6px 10px;
    margin-left: 4px;
    margin-right: 4px;
    color: #24315c;
    background-color: #d3eaf9;
    border-radius: 2px;
}

.bh-contribution-col{
    height:64px; 
    margin-bottom: 10px !important;
}

.bh-dashboard-text {
    padding-left: 4px;
    padding-right: 4px;    
}

.bh-dashboard-text-width{
    width: 8%;
}

.bh-dashboard-text h1{
    color: #2398DF;
    font-family: AvenirLTStd-Heavy;
    font-size: 32px;
    letter-spacing: -0.58px;
    line-height: 90%;
    margin: 0px;
    padding: 0px 4px;
    text-align: right;
}

.bh-dashboard-text p{
    font-size: 15px;
    font-family: AvenirLTStd-Heavy;
    color: #4B4D53;
    padding: 8px 0px 0px 0px ;
    margin: 8px 0px 0px 0px ;
    line-height: 105%;
    text-align: right;
}

.bh-dashboard-info{

}

.bh-dashboard-info h1{
    font-size: 24px;
    font-family: AvenirLTStd-Heavy;
    color:#24315C;
    margin: 0px;
    line-height: 110%;
}

.bh-dashboard-info p{
    font-size: 18px;
    font-family: AvenirLTStd-Medium;
    color: #4B4D53;
    padding: 8px 0px;
    margin: 0px;
}

.bh-dashboard-icon{
    width: 50px;
    height: 50px;
    position: relative;
    top: 15px;
    margin-right: 10px;
    fill: #000;  
}

/* Date  */
.ui-datepicker{
    margin:6px 0px !important;
    padding:5px !important;
    border: 1px Solid #D8D8DC !important;
    border-radius: 0px !important;
}

/* Tabs  */
.bh-tab-button{

}

.ui-state-focus:focus { 
    outline:none !important 
}
.ui-tabs{
    border: none !important;
    background: #ffffff; 
}
.ui-widget-header {
   
}

.dialog-tab{
    padding-top:16px;
}

.custom-tab .ui-tabs-anchor{
    padding:10px 32px !important;
}

.custom-dialog-tab .ui-tabs-anchor{
    padding:8px 26px !important;
    
}
.custom-dialog-tab li a{
    font-family: AvenirLTStd-Heavy;
    font-size: 15px !important;
    outline-color: transparent !important;
    text-decoration: none !important;
    padding:12px 16px !important;
}


.custom-plan-tab .ui-tabs-anchor{
    padding:8px 26px !important;
    
}
.custom-plan-tab li a{
    font-family: AvenirLTStd-Heavy;
    font-size: 15px !important;
    outline-color: transparent !important;
    text-decoration: none !important;
    padding:12px 16px !important;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    padding:12px 26px;
}
/* 
.ui-state-active a {
    background-color: #ffffff !important;
    color:  #2398DF !important;
    font-family: AvenirLTStd-Heavy;
    font-size: 22px;
    border-top: 8px solid #2398DF !important;
} */


.ui-tabs-nav{
    border-left: 2px solid #ffffff !important;
    border-right: 2px solid #ffffff !important;
    border-top: 2px solid #ffffff !important;
    border-bottom: 2px solid #cccccc !important;
    background: none !important;
    /* color: #333333; */
    /* font-weight: bold; */
}

.ui-state-default a{    
    color: #84848C !important;
    font-family: AvenirLTStd-Medium;
    font-size: 20px;
    border-top: 6px solid #f9f9fa !important;
    background-color: #f9f9fa !important;
    border-bottom: 0px solid #f9f9fa!important;
    
}


.ui-state-active a {
    background-color: #ffffff !important;
    color:  #2398DF !important;
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    border-top: 6px solid #2398DF !important;
}



li.ui-tabs-active {
    margin-bottom: -2px !important;
    
}

.ui-tabs .ui-tabs-nav li {
     margin: 0px 0px 0px 0px; 
     border-radius: 2px;
     border-top: 1px solid #DDDFE2;
    border-left: 1px solid #DDDFE2;
    border-right: 1px solid #DDDFE2;
 }

 .ui-tabs-nav {
    padding: 0px 0px 0px 6px  !important;
 }


 .ui-tabs .ui-tabs-nav li.ui-tabs-active{
    padding-bottom: 2px !important;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #DDDFE2;
    border-right: 1px solid #DDDFE2;
 }

 .ui-corner-top {
     background-color: #ffffff !important ;
 }

 .ui-tabs .ui-tabs-panel{
     padding:0px !important;
 }

/* 
.ui-state-default{
    border-radius: 0px !important;
    border-top: 1px solid  #DDDFE2 !important;
    border-left: 1px solid #DDDFE2 !important;
    border-right: 1px solid #DDDFE2 !important;
    border-bottom: 1px solid #f9f9fa!important;
} */


/*.ui-state-active{    
    border-radius: 0px !important;
    border-bottom: 1px solid #ffffff!important;
    color:  #24315c !important;
    background: #2398df !important;
    /* margin-top: -3px !important; 
}*/


 .tab-badge {
    padding: 3px 8px 3px 8px;
    background: #2398DF;
    color: #ffffff;
    border-radius: 3px;
    margin-left: 8px;
    font-size: 12px;
    float:right;
}

/* Dialog */

.ui-dialog{
    padding:0px;
    z-index: 100;
    border-radius: 0px;
    border: 1px solid #EEEEEE !important;
    box-shadow: 0 0px 25px 0 rgba(0,0,0,0.3), 0 0px 25px 0 rgba(0,0,0,0.3);
}


.ui-dialog-titlebar{
    border-bottom-right-radius: 0px !important;
    border-radius: 0px;
    padding: 6px 12px 6px 12px !important;
    background-color: #24315C;
    margin: -1px -1px 0px -1px;
    border: none;
}
.ui-dialog-title{
    color:#ffffff;
    font-size: 24px;
    font-family: AvenirLTStd-Light;
    font-weight: normal;
    padding-left: 6px;
}


.ui-corner-all {
    border-bottom-right-radius: 0px;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: 1em;
    top: 20%;
    width: 28px;
    height: 28px;
    margin: 0 10px 0 0;
    /* padding: 1px; */
    background: none;
    border:none;
}
.ui-dialog .ui-dialog-titlebar-close:focus {
    outline:none !important;
}

.ui-dialog .ui-dialog-buttonpane{
    border:none;
}
.ui-dialog .ui-dialog-buttonpane button{
    margin-top: 20px;
    margin-bottom: 20px;
}
.ui-dialog-buttonset .ui-button{
    font-family: AvenirLTStd-Heavy;
    font-size: 13px;
    line-height: 120%;
    border:none;
    border-radius: 0px;
    padding: 16px 28px;
    color: #ffffff;
    background: #2398DF;
    
}
.ui-icon-closethick{
    background-image: url(images/bh-close-icon.png) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    height: 24px;
    width: 24px;
}
.ui-icon-closethick:focus{
    outline: none !important;
    border: none !important;
}


.ui-state-default {
    border: 0px solid #ffffff;
    background: #2398DF;
    font-weight: normal;
    color: #ffffff;
}
.ui-widget-overlay {
    background: #4b4d53;
    opacity: .5;
    filter: Alpha(Opacity=30);
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 2px 0 0 0;
    padding: 20px 16px;
    font-size: 100%;
    color: #24315C;
    background-color: #fafafa !important;
    border-radius: 0px;
    font-family: AvenirLTStd-Heavy;
    font-size: 18px;
    border-bottom:solid 1px #dcdcdc;
    border-top:solid 1px #ffffff !important;
    border-left:solid 1px #ffffff !important;
    border-right:solid 1px #ffffff !important;
}

.ui-state-focus .ui-icon{
    background-image: url("images/icon-accordion-close.svg");
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    width: 30px;
}

.ui-state-hover:hover span{
    background-image: url("images/icon-accordion-close.svg");
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    width: 30px;
}

.ui-state-focus:hover {
    /* background-image: none; */
    
}
.ui-accordion-header-collapsed:hover {
}



.ui-accordion-content{
    background-color: #ffffff !important;
    border:none;
    padding: 1em 2.2em;
    font-family: AvenirLTStd-Book;
    color: #4B4D53;
    line-height: 160% !important;
    font-weight: normal;
}
.accordion-close{
    float: right;
    background-image: url("images/icon-accordion-close.svg") !important;
    background-repeat: no-repeat;
    display: block;
    height: 30px;
    width: 30px;
}

.accordion-close:hover{
    background-image: url("images/icon-accordion-close.svg");
    background-repeat: no-repeat;
}
.accordion-open{
    float: right!important;
    background-image: url("images/icon-accordion-open.svg") !important;
    background-repeat: no-repeat !important;
    display: block!important;
    height: 30px!important;
    width: 30px!important;
}

.oneclick-bannner{
    background-image: url("images/oneclick-banner.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* background-size: 650px 140px; */
    display: block;
    min-height: 170px;
}
.oneclick-title h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 36px;
    line-height: 120%;
    padding-left: 20px;
    padding-right: 20px;
    color: #2398DF;
    text-transform: uppercase;
}

.oneclick-title h1 span{
    color: #24315C;
}


.oneclick-text p{
    font-family: AvenirLTStd-Medium;
    font-size: 16px;
    line-height: 150%;
    padding-left: 20px;
    padding-right: 20px;
    color: #4b4d53;
}


.bh-tab-title{
    padding-top: 30px;
    padding-left: 5px;
}

.bh-tab-title h3{
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    line-height: 120%;
}

.bh-card-panel{
    padding: 0px !important;
    margin-left: -15px !important;
    margin-right: -40px !important;
    margin-top: 0px !important;
}

.bh-card-extra{
    padding: 10px 20px 70px 20px; 
    min-height: 250px;
}
.bh-dependent-info{
    padding: 0px 0px 70px 0px; 
    min-height: 250px;
}

.bh-dependent-info h3{
    color: #2398DF;
    font-family: AvenirLTStd-Medium;
    font-size: 24px;
    text-align: left;
    padding:10px 20px;
}

.bh-dependent-info p{
    color: #4B4D53;
  font-family: AvenirLTStd-Medium;
  font-size: 16px;
  padding:0px 20px;
    margin: 0px 4px 10px 0px ;
}

.bh-circle{
    margin: 20px;
    padding:8px 20px 8px 20px;
    color: #ffffff;
    background-color: #2398DF;
    font-family: AvenirLTStd-heavy;
    font-size: 30px;
}

.bh-circle:hover{
    color:#fff!important;
    background-color:#2398DF!important
} 
.bh-add-button{
    text-align: center;
    width: 100%;
    
}
.bh-add-button p{
    font-family: AvenirLTStd-heavy;
    font-size: 18px;
    color: #2398DF;
    text-transform: uppercase;
}

 
.document-name{
    text-align: center;
    width: 100%;
    position: relative;
    
   
}
.document-name p{
    padding: 6px 30px 30px 30px;
    margin: 0px;
    font-family: AvenirLTStd-book;
    font-size: 15px;
    color: #24315c;
    line-height: 140%;
    /* text-transform: uppercase; */
    text-align: center;
}


.bh-icon-document{
    display: block;
    height: 90px;
    width: 90px;
    background-image: url("images/icon-document-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;
    margin: 0 auto;
    margin-top:45px;
    margin-bottom:10px;
    cursor: pointer;
}


.bh-icon-profile{
    display: block;
    height: 90px;
    width: 90px;
    background-image: url("images/icon-profile-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;
    margin: 0 auto;
    margin-top:45px;
    margin-bottom:10px;
    cursor: pointer;
}

.bh-icon-password{
    display: block;
    height: 90px;
    width: 90px;
    background-image: url("images/icon-password-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;
    margin: 0 auto;
    margin-top:45px;
    margin-bottom:10px;
    cursor: pointer;
}


.bh-icon-questions{
    display: block;
    height: 90px;
    width: 90px;
    background-image: url("images/icon-questions-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;
    margin: 0 auto;
    margin-top:45px;
    margin-bottom:10px;
    cursor: pointer;
}


.bh-icon-payment{
    display: block;
    height: 90px;
    width: 90px;
    background-image: url("images/icon-payment-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;
    margin: 0 auto;
    margin-top:45px;
    margin-bottom:10px;
    cursor: pointer;
}


.bh-icon-setup{
    display: block;
    height: 90px;
    width: 90px;
    background-image: url("images/icon-setup-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;
    margin: 0 auto;
    margin-top:45px;
    margin-bottom:10px;
    cursor: pointer;
}


.bh-icon-download-big{
    display: block;
    height: 90px;
    width: 90px;
    background-image: url("images/icon-download-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;
    margin: 0 auto;
    margin-top:45px;
    margin-bottom:10px;
    cursor: pointer;
}

.bh-icon-upload-big{
    display: block;
    height: 90px;
    width: 90px;
    background-image: url("images/icon-upload-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;
    margin: 0 auto;
    margin-top:45px;
    margin-bottom:10px;
    cursor: pointer;
}

.bh-icon-remittance{
    display: block;
    height: 90px;
    width: 90px;
    background-image: url("images/icon-remittance-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90px 90px;
    margin: 0 auto;
    margin-top:45px;
    margin-bottom:10px;
    cursor: pointer;
}


.bh-card-header{
    /* border-bottom: 1px solid #e3e3e3; */
    text-align: left;
}

.bh-card-header h3{
    color: #2398DF;
    font-family: AvenirLTStd-medium;
    font-size: 22px;
    line-height: 120%;
}

.card-badge-row{
    border-top: 1px solid #D8D8DC;
    margin-top: 8px;
}

.card-enrolled p{
    margin-top:-18px !important;
    background-color: #77D836;
    font-family: AvenirLTStd-Heavy;
    font-size: 13px;
    color:#ffffff;
    height: 30px;
    padding : 2px 16px 12px 16px; 
    border-radius: 20px;
    border: 4px Solid #ffffff;
    
}

.card-not-enrolled p{
    margin-top:-18px !important;
    background-color: #2398df;
    font-family: AvenirLTStd-Heavy;
    font-size: 13px;
    color:#ffffff;
    height: 30px;
    padding : 2px 16px 12px 16px; 
    border-radius: 20px;
    border: 4px Solid #ffffff;   
}


.card-waived p{
    margin-top:-18px !important;
    background-color: #f9caca;
    font-family: AvenirLTStd-Heavy;
    font-size: 13px;
    color:#FF5E5F;
    height: 30px;
    padding : 2px 16px 12px 16px; 
    border-radius: 20px;
    border: 4px Solid #ffffff;   
}


.card-terminated p{
    margin-top:-18px !important;
    background-color: #eac435;
    font-family: AvenirLTStd-Heavy;
    font-size: 13px;
    color:#24315c;
    height: 30px;
    padding : 2px 16px 12px 16px; 
    border-radius: 20px;
    border: 4px Solid #ffffff;   
}

.card-existing p{
    margin-top:-18px !important;
    background-color: #9563ef;
    font-family: AvenirLTStd-Heavy;
    font-size: 13px;
    color:#ffffff;
    height: 30px;
    padding : 2px 16px 12px 16px; 
    border-radius: 20px;
    border: 4px Solid #ffffff;   
}


.tb-enrolled p{
    background-color: #77D836;
    font-family: AvenirLTStd-Heavy;
    font-size: 12px;
    color:#ffffff;
    height: 28px;
    padding : 3px 16px 10px 14px; 
    margin: 0px;
    border-radius: 20px;
    border: 3px Solid #ffffff;
    display: inline-block;
}



.tb-not-enrolled p{
    background-color: #2398df;
    font-family: AvenirLTStd-Heavy;
    font-size: 12px;
    color:#ffffff;
    height: 28px;
    padding : 3px 8px 10px 8px; 
    margin: 0px;
    border-radius: 20px;
    border: 3px Solid #ffffff;
    display: inline-block;
    text-transform: uppercase;

}

.tb-waived p{
    background-color: #f9caca;
    font-family: AvenirLTStd-Heavy;
    font-size: 12px;
    color:#FF5E5F;
    height: 28px;
    padding : 3px 16px 10px 14px; 
    margin: 0px;
    border-radius: 20px;
    border: 3px Solid #ffffff;
    display: inline-block;
    text-transform: uppercase;
}

.tb-terminated p{
    background-color: #eac435;
    font-family: AvenirLTStd-Heavy;
    font-size: 12px;
    color:#24315c;
    height: 28px;
    padding : 3px 16px 10px 14px; 
    margin: 0px;
    border-radius: 20px;
    border: 3px Solid #ffffff;
    display: inline-block;
    text-transform: uppercase;
    
}


.tb-primary p{
    background-color: #2398df;
    font-family: AvenirLTStd-Heavy;
    font-size: 12px;
    color:#ffffff;
    height: 28px;
    padding : 3px 16px 10px 14px; 
    margin: 0px;
    border-radius: 20px;
    border: 3px Solid #ffffff;
    display: inline-block;
}


.tb-secondary p{
    background-color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 12px;
    color:#ffffff;
    height: 28px;
    padding : 2px 16px 10px 14px; 
    margin: 0px;
    border-radius: 20px;
    border: 3px Solid #ffffff;
    display: inline-block;
}


.bh-dialog-text1{
    text-align: left !important;
    width: 22%;
  
}
.bh-dialog-text1 p {
    color: #5B5B5B;
    font-family: AvenirLTStd-Light;
    font-size: 14px;
    margin: 5px 0px !important;
    padding:0px;
}

.bh-dialog-text2{
    text-align: left;
    width: 78%;
  
}

.bh-dialog-text2 p {
  color: #24315C;
  font-family: AvenirLTStd-Heavy;
  font-size: 14px;
  margin: 5px 0px !important;
  padding:0px;
}

.bh-dialog-covered{
    width: 10%;
    vertical-align: top; 
    text-align: left;
    display: inline-block;
    margin-top: 6px;
    
}

.bh-dialog-text3{
    /* width: 88%; */
    display: inline-block;
    vertical-align: top; 
    
}

.bh-dialog-text3 p {
  color: #24315C;
  font-family: AvenirLTStd-Heavy;
  font-size: 14px;
  margin: 4px 0px !important;
  padding:0px;
}


.dot-icon-li{
    display: block;
    height: 10px;
    width: 10px;
    background-color: #2398DF;
    margin: 4px 12px -24px;
    line-height: 0%;
    border-radius: 50px;
}


/* checkmark */
.bh-icon-checkmark{
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url("images/icon-checkmark.svg");
    margin: 4px 12px -24px;
    background-repeat: no-repeat;
    background-position: center;
}

.bh-product-sub-title{

}

.bh-product-sub-title h2{
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    margin: 16px 10px 10px 10px;
    color:#24315C;
}

.bh-product-sub-text{
    /* width: 88%; */
    display: inline-block;
    vertical-align: top; 
}

.bh-product-sub-text p {
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color: #84848C;
    margin: 0px;
    padding: 4px 12px 4px 36px;
}

.bh-card-text1{
    text-align: left !important;
    width: 22%;
    
}
.bh-card-text1 p {
    color: #5B5B5B;
    font-family: AvenirLTStd-Medium;
    font-size: 16px;
    margin: 10px 0px !important;
}

.bh-card-text2{
    text-align: left;
    width: 78%;
}

.bh-card-text2 p {
  color: #24315C;
  font-family: AvenirLTStd-Heavy;
  font-size: 16px;
  margin: 10px 0px !important;
}


.bh-card-details{
    text-align: left !important;
}
.bh-card-details p {
    color: #5B5B5B;
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    margin: 10px 0px !important;
}

.bh-dependent-text1{
    text-align: left !important;
}

.bh-dependent-text1 p {
    color: #5B5B5B;
    font-family: AvenirLTStd-Medium;
    font-size: 16px;
    margin: 10px 0px !important;
}
.bh-card-text3{
    text-align: left;
}

.bh-card-text3 p {
  color: #84848C;
  font-family: AvenirLTStd-Medium;
  font-size: 16px;
  margin: 10px 0px !important;
}

.bh-card-button{
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    text-transform: uppercase;
    padding: 18px !important;
    border-top: 1px solid #e9e9e9;
    background-color: #FFFFFF;
    color: #2398DF;
    padding:16px 30px !important;
    font-weight: bold;
}


.bh-small-button{
    font-size: 14px;
    font-family: AvenirLTStd-Heavy;
    text-transform: uppercase;
    border: 2px solid #2398DF;
    background-color: #FFFFFF;
    color: #2398DF;
    padding:6px 16px !important;
    font-weight: bold;
    margin:0px 0px 0px 8px;
    border-radius: 2px;
}


.bh-card-sub-button{
    font-size: 14px !important;
    font-family: AvenirLTStd-Heavy !important;
    background-color: #FFFFFF;
    color: #24315c;
    text-align: left;
    margin: 20px;
    border: 1px solid #2398DF;
    border-radius: 2px;
    padding:12px 16px 8px 8px;
}

.bh-card-sub-button:hover{
    background-color: #ffffff !important;
    color: #24315c !important;   
}

.bh-card-dialog{
    padding:8px 20px 8px 20px;
}

.bh-beneficiary-dialog{
    padding:0px 25px 0px 15px;
}

.bh-plan-sub-button{
    font-size: 13px !important;
    font-family: AvenirLTStd-Heavy !important;
    background-color: #FFFFFF;
    color: #24315c;
    text-align: left;
    margin: 4px 0px;
    border: 1px solid #ececec;
    border-radius: 2px;
    padding:8px 16px 4px 8px;
    width: 200px;
    cursor: pointer;
}

.bh-plan-sub-button:hover{
    background-color: #ffffff !important;
    color: #24315c !important;   
}


.bh-sub-button{
    font-size: 14px !important;
    font-family: AvenirLTStd-Heavy !important;
    font: inherit;
    background-color: #FFFFFF;
    color: #24315c;
    text-align: left;
    border: 1px solid #2398DF;
    border-radius: 2px;
    padding:10px 36px 8px 10px;
    width: 100%;
}

.bh-sub-button:hover{
    background-color: #ffffff !important;
    color: #24315c !important;   
}
.bh-margin-extra{
    margin-left: -16px;
    margin-right: -16px;
}
.bh-margin-extra-8{
    margin-left: -9px;
    margin-right: -9px;
}

.bh-margin-extra-6{
    margin-left: -9px;
    margin-right: -9px;
}

.bh-margin-8{
    margin-left: 8px;
    margin-right: 8px;
}


.bh-sub-check{
    width :32px;
    height: 32px;
    background-color: #ffffff;
}
.bh-check-area{
    padding: 14px 16px 10px 20px ;
    width: 100%;
    background-color: #24315C;
}

.bh-check-area label{
    color: #ffffff;
    margin: 10px;
    font-size: 16px !important;
    font-family: AvenirLTStd-Heavy !important;
    margin-bottom: 4px;
}

/* custome checkbox  */



.w3-card{
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.16);
}





/* Input Style */


.bh-label{
    width: 100%;
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color: #24315c;
    display: block; 
    padding: 8px 8px 8px 0px;
    background: white;
}

.bh-label span{
    color: #ff0000 !important;
}


.bh-label-gray{
    width: 100%;
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color: #24315c;
    display: block; 
    padding: 8px 8px 8px 0px;
    background: #f1f1f1;
}
.bh-select-text h5{
    font-size: 17px;
    font-family: AvenirLTStd-Heavy;
    /* color: #24315C; */
    padding: 1px 0px !important;
    margin-top: -12px;
    /* text-align: center; */

}

.bh-select-text h1{
    /* text-align: center; */

}
.bh-select-text .blue {
    color: #2398DF;
}


.bh-label-gray span{
    color: #ff0000 !important;
}

input[type="text"]:disabled {
    background-color: #f3f3f3;
    border: 1px solid #f3f3f3;
  }

select:disabled {
    background-color: #f3f3f3 !important;
    opacity: 1.0 !important;
    border: 1px solid #f3f3f3;
}

.no-break{
    text-overflow: ellipsis; 
    white-space: nowrap; 
    width: 170px; 
  }

.tooltip-icon{
    background-color: #ffffff;
    float: right;
    font-size: 14px;
    font-family: AvenirLTStd-Heavy;
    text-align: center;
    padding: 2px 7px 2px 7px;
    margin: 10px 0px 7px 7px;
    border-radius: 50px;
    border: 1px solid #cccccc !important;
    top: -10px;
    color: #84848C;
    line-height: 100%;
    cursor: pointer;
}


.description-icon{
    background-color: #ffffff;
    font-size: 14px;
    font-family: AvenirLTStd-Heavy;
    padding: 2px 8px 2px 8px;
    border-radius: 50px;
    border: 1px solid #cccccc !important;
    color: #84848C;
    line-height: 100%;
    cursor: pointer;
    position: relative;
    top: -4px;
}
.bh-error-block{
    color: #ff5a5b !important;
    font-family: AvenirLTStd-Book;
    font-size: 14px;
    padding-top :5px !important;
}
.bh-feedback{

}
.bh-error{
    
   
    
}
.bh-default-color{
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 0 1px 4px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
}

.bh-success-color{
    background-color: #ffffff !important;
    border: 1px solid #2398DF !important;
}

.bh-filled-color{
    background-color: #c9ebff !important;
    border: 1px solid #ccc !important;
}
.bh-error-color{
    background-color: #f9CACA !important;
    border: 1px solid #ff5a5b;
}

.bh-input{
    padding: 7px 10px;
    width: 100%;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
    background-color: #ffffff;
    border: none !important;
    box-shadow: 0 1px 4px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
}


.bh-input-text{
    margin-top:-6px;
    padding: 7px 1px;
    width: 100%;
    font-size: 17px !important;
    font-family: AvenirLTStd-Heavy !important;
    display: block;
    bottom:0px;
    /* color: #24315C; */
    color: #2398DF;
    /* color: #84848C; */
    background-color: #ffffff !important;
    border: none !important;
    box-shadow: 0 0px 0px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
}
.bh-input-small{
    width: 180px !important;
    text-align: left !important ;
}

.bh-input:focus {
    outline: none !important;
    box-shadow: 0 0 3px #84848C;
}
    

.bh-input-space{
    padding: 0.01em 8px;
    display: table-cell;
    bottom:0px;
    /* margin-right: 8px !important; */
    min-width: 260px; 
}

.bh-radio-title h3{
    padding: 12px 0px 12px 0px;
    margin: 0px;
    display: block;
    border: none;
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color: #24315c;
}

.bh-disabled h3{
   color: #4B4D53 !important;
}


.bh-radio-title p{
    padding: 0px 0px 8px 0px;
    margin: 0px;
    display: block;
    border: none;
    font-size: 16px;
    font-family: AvenirLTStd-Book;
}

.bh-radio-title span{
    font-size: 16px;
    font-family: AvenirLTStd-Book;
    color:#636363;
}

.bh-col-text{
    padding: 2px 0px 2px 0px;
}


.bh-col-text p{
    padding: 0px 20px 0px 20px;
    margin: 0px;
    display: block;
    border: none;
    font-size: 15px;
    font-family: AvenirLTStd-Book;
}

.bh-col-text h3{
    padding: 0px 20px 0px 20px;
    margin: 0px;
    display: block;
    border: none;
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color: #24315c;
}

.bh-col-text-extra{
    padding: 2px 20px 2px 20px;
}

.bh-col-text-extra p{
    padding: 0px 20px 0px 20px;
    margin: 0px;
    display: block;
    border: none;
    font-size: 15px;
    font-family: AvenirLTStd-Book;
}

.bh-col-blue-dot{
    display: block;
    height: 10px;
    width: 10px;
    background-color: #2398DF;
    margin: 8px 20px -16px 0px ;
    line-height: 100%;
    border-radius: 50px;
}

.bh-col-darkblue-dot{
    display: block;
    height: 6px;
    width: 6px;
    background-color: #24315C;
    margin: 8px 20px -16px 0px ;
    line-height: 100%;
    border-radius: 50px;
}





.bh-col-text p span{
    font-size: 16px;
    font-family: AvenirLTStd-Book;
    color:#636363;
}


.bh-select {
    position: relative;
    /*Don't really need this just for demo styling*/
    float: left;
    min-width: 150px;
  }
  
  .bh-select:after {
      content: '';
      /* font: normal normal normal 17px/1 FontAwesome; */
      color: #24315c;
      right: 16px;
      top: 40px;
      margin-top: 10px;
      height: 30px;
      padding: 12px;
      background-image: url("images/select-arrow.png");
      background-repeat: no-repeat;
      background-size: 20px 18px; 
      position: absolute;
      pointer-events: none;
  }
  
  /* IE11 hide native button (thanks Matt!) */
  select::-ms-expand {
    display: none;
  }
  
  .bh-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 100%;
    /* max-width: 420px; */
    height: 36px;
    float: right;
    /* margin: 5px 0px; */
    padding: 0px 14px;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
    color: #808080;
    background-color: #ffffff;
    border: none !important;
    box-shadow: 0 1px 4px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
  }

  .bh-select select:focus {
    outline: none !important;
    box-shadow: 0 0 3px #84848C;
}

.bh-select select option{
    font-size: 14px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
}


.bh-select-app {
    position: relative;
    /*Don't really need this just for demo styling*/
    float: left;
    min-width: 150px;
  }

.bh-select-app:after {
      content: '';
      /* font: normal normal normal 17px/1 FontAwesome; */
      color: #24315c;
      right: 16px;
      top: 20px;
      margin-top: 12px;
      height: 30px;
      padding: 12px;
      background-image: url("images/select-arrow.png");
      background-repeat: no-repeat;
      background-size: 20px 18px; 
      position: absolute;
      pointer-events: none;
  }
  
  /* IE11 hide native button (thanks Matt!) */
  select::-ms-expand {
    display: none;
  }
  
  .bh-select-app select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 100%;
    max-width: 400px;
    height: 36px;
    float: right;
    /* margin: 5px 0px; */
    padding: 0px 14px;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
    color: #808080;
    background-color: #ffffff;
    border: none !important;
    box-shadow: 0 1px 4px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
  }

  .bh-select-app select:focus {
    outline: none !important;
    box-shadow: 0 0 3px #84848C;
  }

.bh-select-app select option{
    font-size: 14px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
}

.bh-select-graytext {
    padding: 9px 0;
    position: relative;
    /*Don't really need this just for demo styling*/
    float: left;
    min-width: 150px;
  }
  
  .bh-select-text:after {
  }
  
  /* IE11 hide native button (thanks Matt!) */
  select::-ms-expand {
    display: none;
  }
  
  .bh-select-graytext select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 100%;
    max-width: 400px;
    height: 36px;
    float: right;
    /* margin: 5px 0px; */
    padding: 0px 0px;
    font-size: 17px !important;
    font-family: AvenirLTStd-heavy !important;
    display: block;
    bottom:0px;
    background-image: none;
    background-color: #f1f1f1 !important;
    -ms-word-break: normal;
    word-break: normal;
    color: #808080;
    border: none !important;
    box-shadow: 0 0px 0px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
  }

    .bh-select-graytext select:focus {
        display: none;
    }

    .bh-select-graytext select option{
        display: none;
    }


.plan-select{
    padding: 12px 0px;
}

.plan-select:after {
    content: '';
    color: #24315c;
    right: 8px;
    /* top: 40px; */
    margin-top: 0px;
    height: 30px;
    width: 30px;
    padding: 0px 20px 20px 0px ;
    background-image: url("images/select-arrow.png");
    background-repeat: no-repeat;
    background-position: 6px 13px ;
    background-size: 20px 18px; 
    background-color: #ffffff;
    position: absolute;
    pointer-events: none;
}
  
  select::-ms-expand {
    display: none;
  }
  
  .plan-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    /* width: 100%; */
    max-width: 400px;
    height: 42px;
    float: right;
    padding: 0px 14px;
    font-size: 15px !important;
    font-family: AvenirLTStd-Heavy !important;
    display: block;
    bottom:0px;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
    color:#2398DF;
    background-color: #ffffff;
    border: none !important;
    box-shadow: 0 1px 4px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
    font-size: 16px !important;
  }

  .plan-select select:focus {
    outline: none !important;
    box-shadow: 0 0 3px #84848C;
  }

.plan-select select option{
    font-size: 16px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#2398DF;
  }

.bh-select-small {
    position: relative;
    /*Don't really need this just for demo styling*/
    float: left;
    padding-bottom: 10px;
  }
  
  .bh-select-small:after {
      content: '';
      /* font: normal normal normal 17px/1 FontAwesome; */
      color: #24315c;
      top: 40px;
      margin-top: 10px;
      margin-left: -30px;
      height: 30px;
      padding: 12px;
      background-image: url("images/select-arrow.png");
      background-repeat: no-repeat;
      background-size: 20px 18px; 
      position: absolute;
      pointer-events: none;
      float:left;
  }
  
  /* IE11 hide native button (thanks Matt!) */
  select::-ms-expand {
    display: none;
  }
  
  .bh-select-small select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 100%;
    max-width: 220px;
    height: 36px;
    float: left;
    /* margin: 5px 0px; */
    padding: 0px 14px;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
    color: #808080;
    background-color: #ffffff;
    border: none !important;
    box-shadow: 0 1px 4px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
  }

  .bh-select-small select:focus {
    outline: none !important;
    box-shadow: 0 0 3px #84848C;
}

.bh-select-small select option{
    font-size: 14px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
}


.bh-select-nolabel {
    position: relative;
    /*Don't really need this just for demo styling*/
    float: left;
    min-width: 150px;
    margin-bottom: 20px;
}
  
.bh-select-nolabel:after {
      content: '';
      /* font: normal normal normal 17px/1 FontAwesome; */
      color: #24315c;
      right: 16px;
      top: 9px;
      height: 30px;
      padding: 12px;
      background-image: url("images/select-arrow.png");
      background-repeat: no-repeat;
      background-size: 20px 18px; 
      position: absolute;
      pointer-events: none;
  }
  
  /* IE11 hide native button (thanks Matt!) */
  select::-ms-expand {
        display: none;
  }
  
  .bh-select-nolabel select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    max-width: 700px;
    width: 100%;
    height: 36px;
    float: right;
    /* margin: 5px 0px; */
    padding: 0px 40px 0px 10px ;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    -ms-word-break: normal;
    word-break: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }

  .bh-select-nolabel select:focus {
    outline: none !important;
    box-shadow: 0 0 3px #84848C;
}

.bh-select-nolabel select option{
    font-size: 14px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
}



.bh-select-question {
    position: relative;
    /*Don't really need this just for demo styling*/
    float: left;
    min-width: 150px;
    margin-bottom: 20px;
}
  
.bh-select-question:after {
      content: '';
      /* font: normal normal normal 17px/1 FontAwesome; */
      color: #24315c;
      right: 16px;
      top: 9px;
      height: 30px;
      padding: 12px;
      background-image: url("images/select-arrow.png");
      background-repeat: no-repeat;
      background-size: 20px 18px; 
      position: absolute;
      pointer-events: none;
  }
  
  /* IE11 hide native button (thanks Matt!) */
  select::-ms-expand {
  display: none;
  }
  
  .bh-select-question select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    max-width: 700px;
    width: 100%;
    height: 36px;
    float: right;
    /* margin: 5px 0px; */
    padding: 0px 40px 0px 10px ;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
    background-color: #ffffff;
    background-image: none;
    border: none !important;
    -ms-word-break: normal;
    word-break: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: 0 1px 4px 0 rgb(32 33 36 / 28%);
    border-radius: 6px;
  }

  .bh-select-question select:focus {
    outline: none !important;
    box-shadow: 0 0 3px #84848C;
}

.bh-select-question select option{
    font-size: 14px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
}
 /* The container */
 .bh-radio-button {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    color: #24315c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 12px 12px 36px;
    background-color: #ffffff;
    border: 1px solid #D8D8DC;
    margin: 10px 0px 10px 0px;
}
 /* Hide the browser's default radio button */
 .bh-radio-button input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  .bh-radio-button span{
    color: #4b4d53;
    font-family: AvenirLTStd-book;
  }
  /* Create a custom radio button */
  .bh-radio-checkmark {
    position: absolute;
    top: 14px;
    left: 10px;
    height: 18px;
    width: 18px;
    background-color: #fafafa;
    border-radius: 50%;
    border: 2px solid #24315C;;
  }
  
  /* On mouse-over, add a grey background color */
  .bh-radio-button:hover input ~ .bh-radio-checkmark {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .bh-radio-button input:checked ~ .bh-radio-checkmark {
    background-color: #ffffff;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .bh-radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .bh-radio-button input:checked ~ .bh-radio-checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .bh-radio-button .bh-radio-checkmark:after {
       top: 2px;    
      left: 2px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #77D836;
  }

  .bh-radio-darkblue{
      background-color: #24315C;
      color: #ffffff;
      border: 1px solid #24315C;
  }
  .bh-radio-darkblue span {
        color: #ffffff;
  }

  
  /* The container */
 .bh-radio-button {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    color: #24315c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 12px 12px 36px;
    background-color: #ffffff;
    border: 1px solid #D8D8DC;
    margin: 10px 0px 10px 0px;
}
 /* Hide the browser's default radio button */
 .bh-radio-button input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  .bh-radio-button span{
    color: #4b4d53;
    font-family: AvenirLTStd-book;
  }
  /* Create a custom radio button */
  .bh-radio-checkmark {
    position: absolute;
    top: 14px;
    left: 10px;
    height: 18px;
    width: 18px;
    background-color: #fafafa;
    border-radius: 50%;
    border: 2px solid #24315C;;
  }
  
  /* On mouse-over, add a grey background color */
  .bh-radio-button:hover input ~ .bh-radio-checkmark {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .bh-radio-button input:checked ~ .bh-radio-checkmark {
    background-color: #ffffff;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .bh-radio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .bh-radio-button input:checked ~ .bh-radio-checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .bh-radio-button .bh-radio-checkmark:after {
       top: 2px;    
      left: 2px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #77D836;
  }

  .bh-radio-darkblue{
      background-color: #24315C;
      color: #ffffff;
      border: 1px solid #24315C;
  }
  .bh-radio-darkblue span {
        color: #ffffff;
  }

  
  /* Radio btn START */
  .bh-radio-btn{
      
  }
  .bh-radio-btn .bh-radio-label:after  {
    content: '';
    position: absolute;
    top: 16px;
    left: 14px;
    height: 15px;
    width: 15px;
    background-color: #fafafa;
    border-radius: 50%;
    border: 2px solid #24315C;
  }
  .bh-radio-btn input:checked ~ .bh-radio-label:after {
    color:#ffffff;
    background-color: #77D836;
    border: 2.5px solid #ffffff;
  }
  
  .bh-radio-btn .bh-radio-label{
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    color: #24315c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 12px 12px 38px;
    background-color: #ffffff;
    border: 1px solid #D8D8DC;
    margin: 10px 0px 10px 0px;
    max-width: 450px;
}
 
.bh-radio-btn .bh-radio-label span{
    font-family: AvenirLTStd-book;
}
 /* Hide the browser's default radio button */
 .bh-radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  .bh-radio-btn input:checked ~ .bh-radio-label {
    color:#ffffff;
    background-color: #24315C;
  }

  /* Radio btn END */
  


  /* Checkbox btn START */
  .bh-checkbox-btn{
      
}
.bh-checkbox-btn .bh-checkbox-label:after  {
  content: '';
  position: absolute;
  top: 13px;
  left: 14px;
  height: 21px;
  width: 21px;
  background-color: #fafafa;
  border: 2px solid #24315C;
}
.bh-checkbox-btn input:checked ~ .bh-checkbox-label:after {
    background-color: #fafafa;
    background-image: url(images/check-mark.svg);
    
  
}

.bh-checkbox-btn .bh-checkbox-label{
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 16px;
  font-family: AvenirLTStd-Heavy;
  color: #24315c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 12px 12px 12px 44px;
  background-color: #ffffff;
  border: 1px solid #D8D8DC;
  margin: 10px 0px 10px 0px;
  max-width: 450px;
}

.bh-checkbox-btn .bh-checkbox-label span{
  font-family: AvenirLTStd-book;
}
/* Hide the browser's default radio button */
.bh-checkbox-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.bh-checkbox-btn input:checked ~ .bh-checkbox-label {
  color:#ffffff;
  background-color: #24315C;
}

/* checkbox btn END */



  /* Checkbox btn without border START */

     .bh-checkbox-left{
        float: left;
        display: flex;
        flex-wrap: wrap;
        width: 50px;
        height: 50px;
        margin-top: 6px;
        margin-left: -18px;
    }
    .bh-checkbox-btn-wb{
        
    }
    .bh-checkbox-btn-wb .bh-checkbox-label:after  {
        content: '';
        position: absolute;
        top: 13px;
        left: 14px;
        height: 21px;
        width: 21px;
        background-color: #fafafa;
        border: 2px solid #24315C;
    }
    .bh-checkbox-btn-wb input:checked ~ .bh-checkbox-label:after {
        background-color: #fafafa;
        background-image: url(images/check-mark.svg);
        
    
    }

    .bh-checkbox-btn-wb .bh-checkbox-label{
        position: relative;
        cursor: pointer;
        color: #24315c;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .bh-checkbox-btn-wb .bh-checkbox-label span{
        font-family: AvenirLTStd-book;
    }
    /* Hide the browser's default radio button */
    .bh-checkbox-btn-wb input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }
    
  /* Checkbox btn without border END */
  
 /* Radio button without border */
 
 .bh-radio-button-wb {
    display: block;
    position: relative;
    
    cursor: pointer;
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    color: #24315c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0px 0px 0px 26px;
    background-color: #ffffff;
    
    margin: 0px 12px 0px 0px;
}
 /* Hide the browser's default radio button */
 .bh-radio-button-wb input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  .bh-radio-button-wb span{
    color: #4b4d53;
    font-family: AvenirLTStd-book;
  }
  /* Create a custom radio button */
  .bh-radio-checkmark-wb {
    position: absolute;
    top: 2px;
    left: 0px;
    height: 18px;
    width: 18px;
    background-color: #fafafa;
    border-radius: 50%;
    border: 2px solid #24315C;;
  }
  
  /* On mouse-over, add a grey background color */
  .bh-radio-button-wb:hover input ~ .bh-radio-checkmark {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .bh-radio-button-wb input:checked ~ .bh-radio-checkmark {
    background-color: #ffffff;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .bh-radio-checkmark-wb:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .bh-radio-button-wb input:checked ~ .bh-radio-checkmark-wb:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .bh-radio-button-wb .bh-radio-checkmark-wb:after {
       top: 2px;    
      left: 2px;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #77D836;
  }


  /* The container */
.redio-container {
    display: block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 14px;
    font-family: AvenirLTStd-Heavy;
    color: #24315c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
  /* Hide the browser's default radio button */
  .redio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .redio-checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fafafa;
    border-radius: 50%;
    border: 1px solid #ccc;
  }
  
  /* On mouse-over, add a grey background color */
  .redio-container:hover input ~ .redio-checkmark {
    background-color: #ccc;
  }
  
  /* When the radio button is checked, add a blue background */
  .redio-container input:checked ~ .redio-checkmark {
    background-color: #ffffff;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .redio-checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .redio-container input:checked ~ .redio-checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .redio-container .redio-checkmark:after {
       top: 1px;
      left: 1px;
      width: 14px;
      height: 14px;
      border-radius: 50%;
      background-color: #2398DF;
  }
  

  
  .check-disabled {
    background-color: #f3f3f3 !important;
    border: 1px solid #D8D8DC;
    color: #808080 !important;
}

.check-ineligible {
    position: relative;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    font-family: AvenirLTStd-Heavy !important;
    padding: 12px 12px 12px 16px;
    background-color: #f3f3f3 !important;
    border: 1px solid #D8D8DC;
    margin: 10px 0px 10px 0px;
}
  /* Customize the label (the container) */
  .check-container {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    font-family: AvenirLTStd-Heavy !important;
    padding: 12px 12px 12px 48px;
    background-color: #ffffff;
    border: 1px solid #D8D8DC;
    margin: 10px 0px 10px 0px;
}

.check-container span{
    color: #4b4d53;
    font-family: AvenirLTStd-Medium !important;
}

.check-panel{
    display: block;
    background-color: #24315C;
    border: 1px solid #77D836;
    padding: 12px 12px 12px 48px;
    color:#ffffff;
}
  

.bh-select-darkblue{
    display: block;
    background-color: #24315C;
    border: 1px solid #24315C;
    padding: 12px 12px 12px 48px;
    color:#ffffff;
}
.bh-select-darkblue input:checked{
    display: block;
    background-color: #24315C;
    border: 1px solid #24315C;
    padding: 12px 12px 12px 48px;
    color:#ffffff;
}
  /* Hide the browser's default checkbox */
  .check-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .check-checkmark {
    position: absolute;
    /* top: 14px; */
    left: 18px ;
    height: 22px;
    width: 22px;
    background-color: #ffffff;
    border: 2px Solid #24315C;
  }
  
  /* On mouse-over, add a grey background color */
  .check-container:hover input ~ .check-checkmark {
    background-color: #ffffff;
  }
  
  /* When the checkbox is checked, add a blue background */
  .check-container input:checked ~ .check-checkmark {
    background-color: #ffffff;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .check-checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .check-container input:checked ~ .check-checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .check-container .check-checkmark:after {
        left: 5px;
        top: 0px;
        width: 8px;
        height: 14px;
        border: solid #77d836;
        border-width: 0 4px 4px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    
  }



.bh-input-title{
    padding-top:32px;
  
}
.bh-input-title p{
    font-family: AvenirLTStd-Heavy;
    font-size: 24px;
    color:#84848C;
    text-transform: uppercase;
    text-align: left; 
    border-top: 1px solid #D8D8DC;
    line-height: 0.1em;
    margin: 10px 20px 20px 0px;
}

.bh-input-title p span { 
    background:#fff; 
    padding:0 10px; 
}



.bh-beneficiary-title{
    padding-top:32px;
  
}
.bh-beneficiary-title p{
    font-family: AvenirLTStd-Heavy;
    font-size: 24px;
    color:#84848C;
    text-transform: uppercase;
    text-align: left; 
    border-top: 1px solid #D8D8DC;
    line-height: 0.1em;
    margin: 10px 0px 20px 0px;
}

.bh-beneficiary-title p span { 
    background:#fff; 
    padding:0 6px; 
}
.bh-beneficiary-subtitle{
    text-align: center;
    padding-top: 8px;
}

.bh-beneficiary-subtitle p{
    font-family: AvenirLTStd-Heavy;
    color: #24315C;
    font-size: 16px;
    margin: 0px;
    padding: 6px;
}

.bh-beneficiary-subtitle p span{
    padding-right: 24px;
    color: #808080;
    font-family: AvenirLTStd-Medium;
}
.bh-sub-title{
    padding-top:16px;
  
}
.bh-sub-title p{
    font-family: AvenirLTStd-Heavy;
    font-size: 30px;
    color: #24315C;
    text-align: left; 
    border-top: 2px solid #D8D8DC;
    line-height: 0%;
    margin: 10px 0 20px;
}

.bh-sub-title p span { 
    background:#fff; 
    padding:0px 10px 0px 2px; 
}

.bh-summary-sub-title{
    padding-top:16px;
  
}
.bh-summary-sub-title p{
    font-family: AvenirLTStd-Heavy;
    font-size: 26px;
    color: #2398DF;
    text-align: left; 
    border-top: 1px solid #D8D8DC;
    line-height: 0%;
    margin: 10px 0 20px;
}

.bh-summary-sub-title p span { 
    background:#fff; 
    padding:0px 10px 0px 2px; 
}



.bh-top-border{
    border-top : 3px solid #979797;
}

/* Benefit Harbor colors  */

.bh-primary-blue{
    color: #2398DF; 
}

.bh-dark-blue{
    color: #24315c;
}
.bh-primary-green{
    color: #77D836;
}

.bh-primary-gray{
    color:#84848C;
}

.bh-mid-gray{
    color: #D8D8DC;
}

.bh-card{
    margin: 20px;
}


.bh-dependent-card{
    margin: 20px;
    
}



.bh-card-active {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    display: table-cell !important;
}

.bh-card-inactive {
    border: 2px dashed #D8D8DC;
    cursor: pointer;
}

/* Dropdown */
.bh-dropdown{
    margin: 0px;
    box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    
}

.bh-dropdown-content {
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    min-width: 120px;
    margin: 10px 10px;
    padding: 5px 20px 0px 20px;
    z-index: 1000;
    box-shadow:0 2px 5px 0 rgba(61, 51, 51, 0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

.bh-dropdown-01 {
    margin-right:200px; 
    margin-left: -60px;
}

.bh-dropdown-02 {
    margin-right:10px; 
    margin-left: -40px;
}
.bh-dropdown-content-right {
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    /* min-width: 160px; */
    margin: 10px 10px;
    padding: 5px 20px 0px 20px;
    z-index: 1000;
    box-shadow:0 2px 5px 0 rgba(61, 51, 51, 0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    
}

.bh-display-right {
    z-index: 99;
    margin-right: 10px;
}


.white-arrow-01{
    display: block;
    top:-10px;
    height: 20px;
    margin: 0px 0px 0px 116px;
    width: 120px;
    background-image: url(images/white-arrow.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    
}

.white-arrow-02{
    display: block;
    top:-10px;
    height: 20px;
    margin: 0px 0px 0px -20px;
    width: 120px;
    background-image: url(images/white-arrow.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    
}

.white-arrow-left{
    display: block;
    top:-6px;
    height: 20px;
    width: 100%;
    margin:-10px !important;
    background-image: url(images/white-arrow.png);
    background-repeat: no-repeat;
    position: relative;
}

.white-arrow-right{
    display: block;
    top:-0px;
    height: 25px;
    width: 320px;
    margin:-10px !important;
    /* background-color: #2398DF; */
    background-image: url(images/white-arrow-right.png);
    background-repeat: no-repeat;
    position: absolute;
    left:10%;
}

.dropdown-right{
    right: 0px;
}
.bh-dropdown-hover{
    position: relative;
}

.bh-dropdown-hover:first-child
{
    background-color:none;
    color: #2398DF; 
    margin-top: -2px;    
}

.bh-dropdown-hover > .bh-button:after {
    content: url(images/down-arrow-gray.png);
    padding:0px 5px ;
    width: 20px;
}
.bh-dropdown-hover:hover > .bh-button:after {
    content: url(images/up-arrow-gray.png);
    padding:0px 5px ;
    width: 20px;
}
.bh-button-dropdown{
    font-size: 14px;
    font-family: AvenirLTStd-Heavy;
    padding: 14px !important;
    border-bottom: 1px solid #D8D8DC !important;
    background-color: #ffffff;
    color:#84848C;
    letter-spacing: .5px;
    /* margin: 0px 20px 0px 20px ; */
    padding:16px 20px 16px 0px  !important;
    cursor: pointer;
}




    .bh-button-dropdown:hover{
        
    }
    .bh-bar-item {

    }



/* CallOuts  */

.bh-callout-standard{
    border-left: 10px solid  #2398DF;
    border-right: 1px solid  #D8D8DC;
    border-top: 1px solid  #D8D8DC;
    border-bottom: 1px solid  #D8D8DC;
    margin: 8px 0px 8px 0px !important;
}
.bh-left-margin{
    margin: 0px 0px 0px 8px !important;
}
.bh-callout-standard p{
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color: #24315c;
    padding: 0px 12px;
    margin: 10px 0px ;
}


.bh-callout-positive{
    border-left: 14px solid  #77D836;
    border-right: 1px solid  #ebf9e0;
    border-top: 1px solid  #ebf9e0;
    border-bottom: 1px solid  #ebf9e0;
    margin: 8px 0px !important;
    background-color: #ebf9e0;
}

.bh-callout-positive p{
    font-family: AvenirLTStd-Medium;
    font-size: 16px;
    color: #24315c;
    padding: 0px 16px;
}

.bh-callout-urgent{
    border-left: 14px solid  #ffde64;
    border-right: 1px solid  #D8D8DC;
    border-top: 1px solid  #D8D8DC;
    border-bottom: 1px solid  #D8D8DC;
    margin: 8px 0px !important;
}

.bh-callout-urgent p{
    font-family: AvenirLTStd-Heavy;
    font-size: 18px;
    color: #24315c;
    padding: 0px 16px;
}

.bh-callout-error{
    border-left: 14px solid  #f44336;
    border-right: 1px solid  #D8D8DC;
    border-top: 1px solid  #D8D8DC;
    border-bottom: 1px solid  #D8D8DC;
    margin: 8px 0px !important;
}

.bh-callout-error p{
    font-family: AvenirLTStd-Heavy;
    font-size: 18px;
    color: #24315c;
    padding: 0px 16px;
}

/* Banners  */

.bh-banner-text{
    width: 100%;
}
.bh-banner-text h1{
    padding-bottom: 4px !important;
    text-align: left;
    line-height: 120%;
}

/* Success Banner */
.bh-banner-success{
    box-shadow: 1px 1px 5px 2px rgba(119,216,54,0.5);
    padding: 10px 16px 10px 12px;
    margin: 12px 0px 12px 60px;
    border : 2px solid #77D836;
    width: 94%;
    min-height: 80px;
}


/* Previous */
/* .bh-banner-success{
    background-color:  #EBF9E0;
    margin: 8px 0px;
    padding: 14px !important;
} */
.inside-banner{
    margin: 8px 0px -10px 6px !important;
}



.bh-banner-success::before{
    display: block;
    height: 66px;
    width: 48px;
    margin-left: -50px;
    margin-top: -2px;
    position: absolute;
    background-image: url("images/icon-enrolled.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.success-icon {
    padding: 5px !important;
    width: 80px;
    background-image: url("images/icon-success.png");
    background-repeat: no-repeat;
}


.icon-success {
    /* padding: 5px !important; */
    display: block;
    margin-left: 0px;
    margin-right: 6px;
    width: 36px;
    height: 36px;
    background-image: url("images/icon-success.svg");
    background-repeat: no-repeat;
    background-size: cover;
}


.bh-banner-success h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 26px;
    color: #24315c;
    padding: 0px;
    margin: 0px 20px -10px 20px;

}
.bh-banner-success p{
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    color: #24315c;
    padding: 0px;
    margin: 0px 20px;
    padding-top:12px;
}

/* Note Banner  */
.bh-banner-note{
    box-shadow: 1px 1px 5px 2px rgba(119,216,54,0.5);
    padding: 16px 0px;
    margin: 12px 0px;
    border : 2px solid #77D836;
    width: 100%;
}
.bh-banner-note h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 26px;
    color: #24315c;
    padding: 0px;
    margin: 0px 20px;
}
.bh-banner-note p{
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    color: #24315c;
    padding: 0px;
    margin: 0px 20px;
}

/* Informative Banner */
.bh-banner-informative{
    background-color:  #F3FAFF;
    margin: 8px 0px !important;
    padding: 24px !important;
}

.bh-icon-informative {
    padding: 5px !important;
    width: 80px;
    background-image: url("images/icon-informative.png");
    background-repeat: no-repeat;
}
.bh-banner-informative h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 26px;
    color: #24315c;
    padding: 0px;
    margin: 0px 4px;
}
.bh-banner-informative p{
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    color: #24315c;
    padding: 0px;
    margin: 4px;
}


/* Summary Banner */
.bh-banner-summary{
    background-color:  #ebf9e1;
    margin: 8px 0px !important;
    padding: 24px 20px 24px 20px !important;
}

.bh-icon-summary {
    padding: 5px !important;
    width: 52px;
    background-image: url("images/icon-banner-summary.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px 48px;
}
.bh-banner-summary h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    color: #24315c;
    padding: 0px;
    margin: 10px 8px 10px 16px;
}
.bh-banner-summary p{
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    color: #24315c;
    padding: 0px;
    margin: 4px;
}


/* Summary Banner */
.bh-banner-eoi{
    background-color:  #f8edc2;
    margin: 8px 0px !important;
    padding: 24px 20px 24px 20px !important;
}

.bh-icon-eoi {
    padding: 5px !important;
    width: 52px;
    background-image: url("images/icon-eoi.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 48px 48px;
}
.bh-banner-eoi h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    color: #24315c;
    padding: 0px;
    margin: 10px 8px 10px 16px;
}
.bh-banner-eoi p{
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    color: #24315c;
    padding: 0px 30px 0px 0px;
    margin: 10px 8px 10px 16px;
}

.bh-banner-eoi-small{
    background-color:  #f8edc2;
    margin: 8px 0px !important;
    padding: 12px 12px!important;
}

.bh-icon-eoi-small {
    
    width: 30px;
    background-image: url("images/icon-eoi.svg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: 28px 28px;
    
    
}
.bh-banner-eoi-small h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 15px;
    color: #24315c;
    padding: 0px;
    margin: 0px 8px 0px 16px;
}
.bh-banner-eoi-small p{
    font-family: AvenirLTStd-Medium;
    font-size: 13px;
    color: #24315c;
    padding: 0px 30px 0px 0px;
    margin: 0px 8px 0px 16px;
}

/* Logout Banner */
.bh-logout{
    
    margin: 8px 0px !important;
    padding: 24px 0px !important;
    border-bottom: 1px solid #979797;
}

.bh-icon-logout {
    padding: 5px !important;
    width: 60px;
    background-image: url("images/icon-logout.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    margin-top: 10px;
}
.bh-icon-session {
    padding: 5px !important;
    width: 60px;
    background-image: url("images/icon-session.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60px 60px;
    margin-top: 10px;
}

.bh-logout h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 26px;
    color: #24315c;
    padding: 0px;
    margin: 0px 20px;
}

.bh-logout p{
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    color: #24315c;
    padding: 4px 0px;
    margin: 0px 20px;
}


.bh-logout p a{
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    color: #2398df;
    padding: 4px 0px;
    cursor: pointer;
}
/* Error Banner */
/* previous */
/* .bh-banner-error{
    background-color:  #F9CACA;
    margin: 8px 0px !important;
    padding: 24px 40px !important;
} */

.bh-banner-error{
    box-shadow: 1px 1px 5px 2px rgba(249,202,202,0.5);
    padding: 10px 16px 10px 12px;
    margin: 20px 0px 12px 40px;
    border : 2px solid #f9CACA;
    width: 96%;
    display:flex;
}

.bh-banner-error::before{
    display: block;
    height: 66px;
    width: 48px;
    margin-left: -50px;
    margin-top: -2px;
    position: absolute;
    background-image: url("images/icon-error-box.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.bh-icon-error {
    /* padding: 5px !important; */
    /* width: 60px; */
    /* background-image: url("images/icon-error.svg"); */
    /* background-repeat: no-repeat; */
}
.bh-banner-error h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 26px;
    color: #24315c;
    padding: 0px;
    margin: 0px 20px;
}
.bh-banner-error p{
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    color: #24315c;
    padding: 0px;
    margin: 0px 20px;
}

.side-icon-informative{
    height: 45px;
    width: 100%;
    display: block;
    background-image: url("images/side-icon-informative.png");
    background-repeat: no-repeat;
    background-size: 45px 45px;
}

.bh-icon-signin{
    height: 56px;
    width: 56px;
    width: 100%;
    display: block;
    background-image: url("images/icon-signin.svg");
    background-repeat: no-repeat;
    background-size: 52px 52px;
}


.bh-icon-clap{
    height: 52px;
    width: 52px;
    display: block;
    background-image: url("images/icon-clap.svg");
    background-repeat: no-repeat;
    background-size: 50px 50px;
}

.bh-icon-phone{
    height: 46px;
    width: 46px;
    display: block;
    background-image: url("images/icon-phone.svg");
    background-repeat: no-repeat;
    background-size: 42px 42px;
}

.bh-icon-heart{
    height: 46px;
    width: 46px;
    display: block;
    background-image: url("images/icon-heart.svg");
    background-repeat: no-repeat;
    background-size: 42px 42px;
}



/* Informative Banner */
.bh-side-banner-informative{
    background-color:  #F3FAFF;
    padding: 28px !important;
}

.bh-side-banner-informative h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 22px;
    color: #24315c;
    padding: 2px 0 2px 0;
    margin: 4px;    
}

.bh-side-banner-informative p{
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color: #24315c;
    padding: 4px 0 4px 0;
    margin: 4px;
}

.bh-side-banner-informative ul{
  padding: 6px 0 0 12px;
  margin: 8px 0px 8px 4px;
  border-top : 1px solid #ccc;
}

.bh-side-banner-informative ul li {
    font-family: AvenirLTStd-Medium;
    font-size: 14px;
    color: #24315c;
    padding: 0px;
    margin: 4px;
}

.bh-side-banner-informative ul li span{
    font-family: AvenirLTStd-Heavy;
}

.bh-side-text{
    padding: 48px 20px 28px 20px !important;
}

.bh-side-text h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 18px;
    color: #24315c;
    padding: 4px 0px 4px 0px;
    margin: 4px;
    border-bottom: 1px solid #979797;
}

.bh-password-list{
    list-style: none;
    padding: 4px 0px 0px 0px;
    margin: 0;
}

.bh-password-list li{
    font-family: AvenirLTStd-Medium;
    font-size: 13px;
    color: #4b4d53;
    padding: 2px 18px 2px 8px;
    margin: 0px 0px 0px 18px;  
} 

.bh-password-list li:before {
    content:"";
    padding-right: 8px;
    color: #2398DF; /* Or a color you prefer */
    margin-left: -20px;
    margin-right: 8px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #2398DF;
    border-radius: 10px;
}

.bh-progressbar{
    margin-top: 24px;
    display: flex;
    justify-content: center;
    /* min-width: 650px; */
}

.bh-progressbar ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.bh-progressbar li{
    list-style-type: none;
    float: left;
    position: relative;
}


.bh-progressbar .active:before {
    content: '';
    width: 36px;
    height: 32px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("images/election-active.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    /* cursor: pointer; */
}

.bh-progressbar .active:after {
    content: '';
    width: 100%;
    position: absolute;
    left: -50%;
    top: 15px;
    border-top: 2px solid #D8D8DC;
    line-height: 0.1em;
}

.bh-progressbar .inactive:before {
    content: '';
    width: 36px;
    height: 32px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("images/election-inactive.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    /* cursor: pointer; */
}

.bh-progressbar .inactive:after {
    content: '';
    width: 100%;
    position: absolute;
    left: -50%;
    top: 15px;
    border-top: 2px solid #D8D8DC;
    line-height: 0.1em;
   
}


.bh-progressbar .complete:before {
    content: '';
    width: 36px;
    height: 32px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background-image: url("images/election-complete.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.bh-progressbar .complete:after {
    content: '';
    width: 100%;
    position: absolute;
    left: -50%;
    top: 15px;
    border-top: 2px solid #D8D8DC;
    line-height: 0.1em;
    
   
}




.bh-progressbar .first:after {
    content: '';
    width: 100%;
    position: absolute;
    left: -50%;
    top: 15px;
    border-top: 2px solid #ffffff;
    line-height: 0.1em;
   
}


.bh-progressbar li.active:before, #progressbar li.active:after {
    /* background: #2398DF; */
    color: #2398DF;
}
.bh-progressbar li.active p {
    color: #24315C;
}

.bh-progressbar p{
    font-family: AvenirLTStd-Heavy;
    font-size: 17px;
    color:#D8D8DC;
    text-align: center; 
    line-height: 0.1em;
    margin: 9px 0 16px;
    padding: 6px 16px;
}
.bh-active-progress{
    padding-top:20px;
  
}

.bh-active-progress i span { 
    border: 8px solid #fff;
    border-radius: 50%;
    background-color:#2398DF; 
    padding:0 9px; 
    height:10px;
    width: 10px;

}


.bh-active-progress p{
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    color:#84848C;
    text-align: center; 
    line-height: 0.1em;
    margin: 10px 0 20px;
    padding: 5px 20px;
}

.bh-inactive-progress{
    padding-top:20px;
  
}
.bh-inactive-progress i{
    font-family: AvenirLTStd-Heavy;
    text-align: center; 
    border-top: 3px solid #D8D8DC;
    line-height: 0.1em;
    margin: 10px 0 20px;
    display: block;
}

.bh-inactive-progress i span { 
    background:#fff; 
    padding:0 10px; 
}


.bh-inactive-progress p{
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    color:#84848C;
    text-align: center; 
    line-height: 0.1em;
    margin: 10px 0 20px;
    padding: 5px 20px;
}



.bh-contribution{

}

.bh-contribution-width{
    width:25%;
}
.bh-contribution h5{
    margin: 0px;
    padding: 3px;
    font-family: AvenirLTStd-Heavy;
    font-size: 12px;
    color: #4b4d53;
}

.bh-contribution p{
    margin: 0px;
    padding: 3px;
    font-family: AvenirLTStd-Heavy;
    font-size: 16px;
}


.bh-contribution-employer{
    border-top-left-radius : 20px;
    border-bottom-left-radius : 20px;
    height: 10px;
    background-color:#24315C;
    min-width: 10px;
}


.bh-contribution-employee{
    border-top-right-radius : 20px;
    border-bottom-right-radius : 20px;
    height: 10px;
    background-color:#2398DF;
    min-width: 10px;
}

.bh-contribution-text p{
    font-family: AvenirLTStd-book;
    font-weight: bold;
    font-size: 12px;
    color:#84848C;
    line-height: 110%;
    padding:8px 0px 8px 0px;
    margin: 0px;
}


.bh-contribution-amount h3{
    font-family: AvenirLTStd-heavy;
    font-size: 24px;
    color:#2398DC;
    line-height: 80%;
    padding:8px 0px 8px 0px;
    margin: 0px;
    text-align: right;
}



.bh-contribution-amount p{
    font-family: AvenirLTStd-heavy;
    font-size: 13px;
    color:#24315C;
    line-height: 110%;
    padding:8px 0px 8px 0px;
    margin: 0px;
}
.bh-card-dialog-title{

}

.bh-card-dialog-title h2{
    font-family: AvenirLTStd-heavy;
    font-size: 20px;
    color:#24315C;
}

.bh-plan-details{

}


.bh-plan-details h2{
    font-family: AvenirLTStd-heavy;
    font-size: 20px;
    color:#24315C;
    text-align: left;
    border-top: 1px solid #D8D8DC;
    line-height: 0.1em;
    margin: 20px 0px 20px 0px;
}
.bh-plan-details h2 span {
    background-color: #f1f1f1;
    padding: 0 10px 0 0;
}
.bh-plan-details p{
    color: #4b4d53;
    font-family: AvenirLTStd-book;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}
.row {
    display: flex; /* equal height of the children */
  }
  
  .col {
    flex: 1; /* additionally, equal width */
    
    padding: 1em;
    border: solid;
  }


  .wrapper {
    position:relative;
    min-height:300px;
    border:1px solid red;
}
.buttons {
    position:absolute;
    bottom:10px;
    right:10px;
}


/* icons */

.bh-info-icon1 {
    padding:15px 5px 0px 0px;
    display: block;
    background-image: url("images/icon-dashboard-01.svg");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    float: left;
    background-size: 48px 48px;
    background-position: top center;
}


.bh-info-icon2 {
    padding:15px 5px 0px 0px;
    display: block;
    background-image: url("images/icon-dashboard-02.svg");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    float: left;
    background-size: 42px 42px;
    background-position: top center;
}

.bh-info-icon3 {
    padding:15px 5px 0px 0px;
    display: block;
    background-image: url("images/icon-dashboard-03.svg");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    float: left;
    background-size: 45px 45px;
    background-position: top center;
}


.bh-cell-icons{
    vertical-align: middle; 
    text-align: right;
}



/* covered */
.bh-icon-covered{
    display: inline-block;
    height: 20px;
    width: 20px;
    background-image: url("images/icon-checkmark.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.bh-icon-person{
    padding:2px;
    margin-right: 4px;
    display: block;
    height: 30px;
    width: 30px;
    background-image: url("images/icon-person.svg");
    background-repeat: no-repeat;
    background-position: left;
    z-index: -1;
}

.bh-legend{
    top: 8px;
    left:270px;
    position: absolute;
    padding:10px;
    display: flexbox;
}

.bh-legend p {
    display: inline-block;
    width: 50px;
    font-family: AvenirLTStd-heavy;
    font-size: 11px;
    text-align: center;
}
.bh-legend p span {
    margin-left: 14px;
}

.bh-icon-emp{
    padding:2px;
    margin: 4px;
    display: block;
    height: 20px;
    width: 20px;
    background-image: url("images/icon-person-blue.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px 20px;
    float:left;
    cursor: pointer;
}

    

.bh-icon-spouse{
    padding:2px;
    margin: 4px;
    display: block;
    height: 20px;
    width: 20px;
    background-image: url("images/icon-person-darkblue.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 20px 20px;
    float:left;
    cursor: pointer;
}


.bh-icon-child{
    padding:2px;
    margin: 6px 4px 4px 4px; 
    display: block;
    height: 20px;
    width: 20px;
    background-image: url("images/icon-person-green.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: 16px 16px;
    float:left;
    cursor: pointer;
}




.bh-documents{

}
.bh-documents h3{
    
    
}
.bh-beneficiary-panel{
    padding: 0px 0px;
    margin: 0px -10px !important;
}

.bh-documents-panel{
    padding: 12px 0px;
}


.bh-document-name {
    width: auto;
    height: auto;
    margin: 0 5px 5px 0px;
    padding:6px 10px 6px 0px;
    font-family: AvenirLTStd-book;
    font-size: 16x;
    white-space: nowrap; 
    text-overflow: ellipsis; 
    overflow: hidden;
    cursor: pointer;
}


.bh-document-name::before{
    content: "";
    display:inline-block;
    height: 24px; 
    width: 24px;
    background-image: url("images/icon-page.svg");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    vertical-align:bottom;
    padding-right: 30px;
    
}


.bh-icon-accordion{
    margin-right: 10px !important;
    margin-top: -5px !important;
}

.bh-icon-remove{
    margin-right: 0px;
    margin-top: -33px;
    margin-left: 10px;
    display: block;
    height: 30px;
    width: 30px;
    background-image: url("images/icon-remove-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
    cursor: pointer;
    float:right;
}

.icon-bottom{
    margin-top: 42px;
    margin-left: 10px;
}

.bh-addrow{
    font-size: 14px !important;
    font-family: AvenirLTStd-black;
    font-weight: bold;
    text-transform: uppercase;
    color: #2398DF;
    background-color: #ffffff;
    text-align: center;
    margin-top: -2px;
    padding-left: 36px;
    border:none !important; 
    cursor: pointer;
}

.bh-addrow:after{
    content:"";
    display: block;
    height: 28px;
    width: 28px;
    background-color: none;
    background-image: url("images/icon-add-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    margin-top: -16px;
    margin-left: -30px;
    z-index: 10;
}


.bh-right-button{
    font-size: 13px !important;
    font-family: AvenirLTStd-black;
    font-weight: normal;
    text-transform: uppercase;
    color: #2398DF;
    background-color: #ffffff !important;
    text-align: center;
    margin-top: 0px;
    padding-left: 36px;
    border:none !important; 
    cursor: pointer;
}

.bh-right-button:after{
    content:"";
    display: block;
    height: 28px;
    width: 28px;
    background-color: none;
    background-image: url("images/icon-edit.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    margin-top: -24px;
    margin-left: -28px;
}


.bh-icon-documents{
    margin-right: 12px;
    margin-top: 2px;
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("images/icon-documents-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
}

.bh-icon-health{
    margin-right: 12px;
    margin-top: 2px;
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("images/icon-health-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
}


.tb-icon-health{
    background-image: url("images/icon-health-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}


.bh-icon-health{
    margin-right: 12px;
    margin-top: 2px;
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("images/icon-health-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
}

.bh-icon-dental{
    margin-right: 12px;
    margin-top: 2px;
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("images/icon-dental-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
}
.bh-icon-critical-illness{
    margin-right: 12px;
    margin-top: 2px;
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("images/icon-criticalillness-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
}

.tb-icon-vision{
    background-image: url("images/icon-vision-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;

}
.bh-icon-vision{
    margin-right: 12px;
    margin-top: 2px;
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("images/icon-vision-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
}



.bh-icon-employer-paid-ltd{
    margin-right: 12px;
    margin-top: 2px;
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("images/icon-std-ltd-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
}




.bh-icon-employer-paid-std {
    margin-right: 12px;
    margin-top: 2px;
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("images/icon-std-ltd-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
}



.bh-icon-employer-paid-term-life{
    margin-right: 12px;
    margin-top: 2px;
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("images/icon-life-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
}



/* HEALTH - GRAY */
.bh-card-icon-health{
    background-image: url("images/icon-health-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* HEALTH - WHITE */
.bh-dialog-icon-health{
    background-image: url("images/icon-health-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* HEALTH - BLUE */
.tb-icon-health{
    background-image: url("images/icon-health-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* DENTAL - GRAY */
.bh-card-icon-dental{
    background-image: url("images/icon-dental-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    float:left;
}
/* DENTAL - WHITE */
.bh-dialog-icon-dental{
    background-image: url("images/icon-dental-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* DENTAL - BLUE */
.tb-icon-dental{
    background-image: url("images/icon-dental-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* VISION - GRAY */
.bh-card-icon-vision{
    background-image: url("images/icon-vision-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* VISION - WHITE */
.bh-dialog-icon-vision{
    background-image: url("images/icon-vision-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* VISION - BLUE */
.tb-icon-vision{
    background-image: url("images/icon-vision-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* VOLUNTARY_LTD - GRAY */
.bh-card-icon-voluntary-ltd{
    background-image: url("images/icon-voluntary-ltd-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* VOLUNTARY_LTD - WHITE */
.bh-dialog-icon-voluntary-ltd{
    background-image: url("images/icon-voluntary-ltd-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}

/* VOLUNTARY_LTD - BLUE */
.tb-icon-voluntary-ltd{
    background-image: url("images/icon-voluntary-ltd-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* VOLUNTARY_STD - GRAY */
.bh-card-icon-voluntary-std{
    background-image: url("images/icon-voluntary-std-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* VOLUNTARY_STD - WHITE */
.bh-dialog-icon-voluntary-std{
    background-image: url("images/icon-voluntary-std-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* VOLUNTARY_STD - BLUE */
.tb-icon-voluntary-std{
    background-image: url("images/icon-voluntary-std-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* ACCIDENT - GRAY */
.bh-card-icon-accident{
    background-image: url("images/icon-accident-gray.svg");
    margin-right: 8px;
    display: block; 
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* ACCIDENT - WHITE */
.bh-dialog-icon-accident{
    background-image: url("images/icon-accident-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}

/* ACCIDENT - BLUE */
.tb-icon-accident{
    background-image: url("images/icon-accident-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* ACCIDENT_DEATH  - GRAY */
.bh-card-icon-accident-death{
    background-image: url("images/icon-accident-death-gray.png");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* ACCIDENT_DEATH - WHITE */
.bh-dialog-icon-accident-death{
    background-image: url("images/icon-accident-death-white.png");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* ACCIDENT_DEATH - BLUE */
.tb-icon-accident-death{
    background-image: url("images/icon-accident-death-blue.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* CANCER - GRAY */
.bh-card-icon-cancer{
    background-image: url("images/icon-cancer-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* CANCER - WHITE */
.bh-dialog-icon-cancer{
    background-image: url("images/icon-cancer-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* CANCER - BLUE */
.tb-icon-cancer{
    background-image: url("images/icon-cancer-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* CRITICAL_ILLNESS - GRAY */
.bh-card-icon-critical-illness{
    background-image: url("images/icon-critical-illness-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* CRITICAL_ILLNESS - WHITE */
.bh-dialog-icon-critical-illness{
    background-image: url("images/icon-critical-illness-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* CRITICAL_ILLNESS - BLUE */
.tb-icon-critical-illness{
    background-image: url("images/icon-critical-illness-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* EMPLOYER_PAID_LTD - GRAY */
.bh-card-icon-employer-paid-ltd{
    background-image: url("images/icon-employer-ltd-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* EMPLOYER_PAID_LTD - WHITE */
.bh-dialog-icon-employer-paid-ltd{
    background-image: url("images/icon-employer-ltd-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* EMPLOYER_PAID_LTD  - BLUE */
.tb-icon-employer-paid-ltd{
    background-image: url("images/icon-employer-ltd-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* EMPLOYER_PAID_STD  - GRAY */
.bh-card-icon-employer-paid-std {
    background-image: url("images/icon-employer-std-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* EMPLOYER_PAID_STD - WHITE */
.bh-dialog-icon-employer-paid-std {
    background-image: url("images/icon-employer-std-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* EMPLOYER_PAID_STD - BLUE */
.tb-icon-employer-paid-std{
    background-image: url("images/icon-employer-std-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* EMPLOYER_PAID_TERM_LIFE - GRAY */
.bh-card-icon-employer-paid-term-life{
    background-image: url("images/icon-employer-paid-term-life-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* EMPLOYER_PAID_TERM_LIFE - WHITE */
.bh-dialog-icon-employer-paid-term-life {
    background-image: url("images/icon-employer-paid-term-life-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* EMPLOYER_PAID_TERM_LIFE - BLUE */
.tb-icon-employer-paid-term-life {
    background-image: url("images/icon-employer-paid-term-life-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* FIRST_CANCER - GRAY */
.bh-card-icon-first-cancer{
    background-image: url("images/icon-first-cancer-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* FIRST_CANCER - WHITE */
.bh-dialog-icon-first-cancer {
    background-image: url("images/icon-first-cancer-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* FIRST_CANCER - BLUE */
.tb-icon-first-cancer {
    background-image: url("images/icon-first-cancer-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* HOSPITAL_INCOME - GRAY */
.bh-card-icon-hospital-income{
    background-image: url("images/icon-hospital-income-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* HOSPITAL_INCOME - WHITE */
.bh-dialog-icon-hospital-income {
    background-image: url("images/icon-hospital-income-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* HOSPITAL_INCOME - BLUE */
.tb-icon-hospital-income  {
    background-image: url("images/icon-hospital-income-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* MAJOR_ILLNESS - GRAY */
.bh-card-icon-major-illness{
    background-image: url("images/icon-major-illness-gray.png");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* MAJOR_ILLNESS - WHITE */
.bh-dialog-icon-major-illness {
    background-image: url("images/icon-major-illness-white.png");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* MAJOR_ILLNESS - BLUE */
.tb-icon-major-illness  {
    background-image: url("images/icon-major-illness-blue.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* UNIVERSAL_LIFE - GRAY */
.bh-card-icon-universal-life{
    background-image: url("images/icon-universal-life-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* UNIVERSAL_LIFE - WHITE */
.bh-dialog-icon-universal-life {
    background-image: url("images/icon-universal-life-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* UNIVERSAL_LIFE - BLUE */
.tb-icon-universal-life  {
    background-image: url("images/icon-universal-life-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* VOLUNTARY_TERM - GRAY */
.bh-card-icon-voluntary-term{
    background-image: url("images/icon-voluntary-term-gray.png");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* VOLUNTARY_TERM - WHITE */
.bh-dialog-icon-voluntary-term {
    background-image: url("images/icon-voluntary-term-white.png");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* VOLUNTARY_TERM - BLUE */
.tb-icon-voluntary-term  {
    background-image: url("images/icon-voluntary-term-blue.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* SECTION_125 - GRAY */
.bh-card-icon-section-125{
    background-image: url("images/icon-section-125-gray.png");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* SECTION_125 - WHITE */
.bh-dialog-icon-section-125 {
    background-image: url("images/icon-section-125-white.png");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* SECTION_125 - BLUE */
.tb-icon-section-125 {
    background-image: url("images/icon-section-125-blue.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* 401K - GRAY */
.bh-card-icon-401k{
    background-image: url("images/icon-401k-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* 401K - WHITE */
.bh-dialog-icon-401k {
    background-image: url("images/icon-401k-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* 401K - BLUE */
.tb-icon-401k{
    background-image: url("images/icon-401k-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}


/* LEGAL - GRAY */
.bh-card-icon-legal{
    background-image: url("images/icon-legal-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* LEGAL - WHITE */
.bh-dialog-icon-legal{
    background-image: url("images/icon-legal-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}

/* LEGAL - BLUE */
.tb-icon-legal{
    background-image: url("images/icon-legal-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}


/* PET - GRAY */
.bh-card-icon-pet{
    background-image: url("images/icon-pet-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* PET - WHITE */
.bh-dialog-icon-pet{
    background-image: url("images/icon-pet-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* PET - BLUE */
.tb-icon-pet{
    background-image: url("images/icon-pet-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
/* IDENTITY THEFT - GRAY */
.bh-card-icon-identity-theft{
    background-image: url("images/icon-identity-theft-gray.png");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* IDENTITY THEFT - WHITE */
.bh-dialog-icon-identity-theft{
    background-image: url("images/icon-identity-theft-white.png");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* IDENTITY THEFT - BLUE */
.tb-icon-identity-theft{
    background-image: url("images/icon-identity-theft-blue.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* OHTER - GRAY */
.bh-card-icon-other{
    background-image: url("images/icon-other-gray.png");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* OTHER - WHITE */
.bh-dialog-icon-other{
    background-image: url("images/icon-other-white.png");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* OTHER - BLUE */
.tb-icon-other{
    background-image: url("images/icon-other-blue.png");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* NEW PRODUCT ADD - May-2021  */

/* Commuter Benefits - GRAY */
.bh-card-icon-commuter-benefits{
    background-image: url("images/icon-commuter-benefits-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Commuter Benefits - WHITE */
.bh-dialog-icon-commuter-benefits{
    background-image: url("images/icon-commuter-benefits-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Commuter Benefits - BLUE */
.tb-icon-commuter-benefits{
    background-image: url("images/icon-commuter-benefits-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Home and Auto  - GRAY */
.bh-card-icon-home-and-auto{
    background-image: url("images/icon-home-and-auto-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Home and Auto  - WHITE */
.bh-dialog-icon-home-and-auto{
    background-image: url("images/icon-home-and-auto-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Home and Auto - BLUE */
.tb-icon-home-and-auto{
    background-image: url("images/icon-home-and-auto-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Travel  - GRAY */
.bh-card-icon-travel{
    background-image: url("images/icon-travel-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Travel - WHITE */
.bh-dialog-icon-travel{
    background-image: url("images/icon-travel-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Travel - BLUE */
.tb-icon-travel{
    background-image: url("images/icon-travel-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Employee Assistance Program - GRAY */
.bh-card-icon-employee-assistance{
    background-image: url("images/icon-employee-assistance-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Employee Assistance Program - WHITE */
.bh-dialog-icon-employee-assistance{
    background-image: url("images/icon-employee-assistance-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Employee Assistance Program - BLUE */
.tb-icon-employee-assistance{
    background-image: url("images/icon-employee-assistance-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Employer Acknowledgement - GRAY */
.bh-card-icon-employer-acknowledgement{
    background-image: url("images/icon-employer-acknowledgement-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Employer Acknowledgement - WHITE */
.bh-dialog-icon-employer-acknowledgement{
    background-image: url("images/icon-employer-acknowledgement-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Employer Acknowledgement - BLUE */
.tb-icon-employer-acknowledgement{
    background-image: url("images/icon-employer-acknowledgement-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Carrier Acknowledgement- GRAY */
.bh-card-icon-carrier-acknowledgement{
    background-image: url("images/icon-carrier-acknowledgement-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Carrier Acknowledgement - WHITE */
.bh-dialog-icon-carrier-acknowledgement{
    background-image: url("images/icon-carrier-acknowledgement-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Carrier Acknowledgement - BLUE */
.tb-icon-carrier-acknowledgement{
    background-image: url("images/icon-carrier-acknowledgement-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Fixed Benefit Plan  - GRAY */
.bh-card-icon-fixed_benefit{
    background-image: url("images/icon-fixed_benefit-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Fixed Benefit Plan   - WHITE */
.bh-dialog-icon-fixed_benefit{
    background-image: url("images/icon-fixed_benefit-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Fixed Benefit Plan   - BLUE */
.tb-icon-fixed_benefit{
    background-image: url("images/icon-fixed_benefit-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Medical Indemnity - GRAY */
.bh-card-icon-medical-indemnity{
    background-image: url("images/icon-medical-indemnity-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Medical Indemnity - WHITE */
.bh-dialog-icon-medical-indemnity{
    background-image: url("images/icon-medical-indemnity-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Medical Indemnity - BLUE */
.tb-icon-medical-indemnity{
    background-image: url("images/icon-medical-indemnity-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Hospital Indemnity - GRAY */
.bh-card-icon-hospital-indemnity{
    background-image: url("images/icon-hospital-indemnity-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Hospital Indemnity - WHITE */
.bh-dialog-icon-hospital-indemnity{
    background-image: url("images/icon-hospital-indemnity-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Hospital Indemnity - BLUE */
.tb-icon-hospital-indemnity{
    background-image: url("images/icon-hospital-indemnity-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Telemedicine - GRAY */
.bh-card-icon-telemedicine{
    background-image: url("images/icon-telemedicine-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Telemedicine - WHITE */
.bh-dialog-icon-telemedicine{
    background-image: url("images/icon-telemedicine-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Telemedicine - BLUE */
.tb-icon-telemedicine{
    background-image: url("images/icon-telemedicine-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Wellness Incentive - GRAY */
.bh-card-icon-wellness-incentive{
    background-image: url("images/icon-wellness-incentive-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Wellness Incentive - WHITE */
.bh-dialog-icon-wellness-incentive{
    background-image: url("images/icon-wellness-incentive-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Wellness Incentive - BLUE */
.tb-icon-wellness-incentive{
    background-image: url("images/icon-wellness-incentive-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* Dependent Verification Communication - GRAY */
.bh-card-icon-dependent_verification_communication{
    background-image: url("images/icon-depvercomm-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Dependent Verification Communication - WHITE */
.bh-dialog-icon-dependent_verification_communication{
    background-image: url("images/icon-depvercomm-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* Dependent Verification Communication - BLUE */
.tb-icon-dependent_verification_communication{
    background-image: url("images/icon-depvercomm-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* available1 - GRAY */
.bh-card-icon-available1{
    background-image: url("images/icon-test-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* available1 - WHITE */
.bh-dialog-icon-available1{
    background-image: url("images/icon-test-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* available1 - BLUE */
.tb-icon-available1{
    background-image: url("images/icon-test-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* health-savings-account - GRAY */
.bh-card-icon-health-savings-account{
    background-image: url("images/icon-test-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* health-savings-account - WHITE */
.bh-dialog-icon-health-savings-account{
    background-image: url("images/icon-test-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* health-savings-account - BLUE */
.tb-icon-health-savings-account{
    background-image: url("images/icon-test-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* available3 - GRAY */
.bh-card-icon-available3{
    background-image: url("images/icon-test-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* available3 - WHITE */
.bh-dialog-icon-available3{
    background-image: url("images/icon-test-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* available3 - BLUE */
.tb-icon-available3{
    background-image: url("images/icon-test-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* available4 - GRAY */
.bh-card-icon-available4{
    background-image: url("images/icon-test-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* available4 - WHITE */
.bh-dialog-icon-available4{
    background-image: url("images/icon-test-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* available4 - BLUE */
.tb-icon-available4{
    background-image: url("images/icon-test-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}


/* available5 - GRAY */
.bh-card-icon-available5{
    background-image: url("images/icon-test-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* available5 - WHITE */
.bh-dialog-icon-available5{
    background-image: url("images/icon-test-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* available5 - BLUE */
.tb-icon-available5{
    background-image: url("images/icon-test-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}


/* available6 - GRAY */
.bh-card-icon-available6{
    background-image: url("images/icon-test-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* available6 - WHITE */
.bh-dialog-icon-available6{
    background-image: url("images/icon-test-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* available6 - BLUE */
.tb-icon-available6{
    background-image: url("images/icon-test-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}

/* available7 - GRAY */
.bh-card-icon-available7{
    background-image: url("images/icon-test-gray.svg");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* available7 - WHITE */
.bh-dialog-icon-available7{
    background-image: url("images/icon-test-white.svg");
    margin-right: 8px;
    margin-top: 4px;
    display: block;
    height: 28px;
    width: 28px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 28px ;
    float:left;
}
/* available7 - BLUE */
.tb-icon-available7{
    background-image: url("images/icon-test-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 6px;
    margin-top: -2px;
    display: block;
    height: 26px;
    width: 26px;
    background-size: 26px 26px;
    float:left;
}
.bh-page-icon{
    display: block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-page.svg");
    background-repeat: no-repeat;
    background-position: center;
    float:left;
    margin-top: -4px;
    margin-right: 4px;
}

.bh-icon-page{
    display: block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-page.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    float:left;
    margin-top: -4px;
    margin-right: 4px;
}
.bh-icon-video{
    display: block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-video.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    float:left;
    margin-top: -4px;
    margin-right: 4px;

}


.bh-icon-globe{
    display: block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-globe.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    float:left;
    margin-top: -4px;
    margin-right: 4px;

}



.bh-icon-back{
    display: block;
    height: 28px;
    width: 28px;
    background-image: url("images/icon-back.svg");
    background-repeat: no-repeat;
    background-position: center;
    float:left;
    margin-top: -2px;
    margin-right: 4px;

}



.bh-icon-add-white{
    display: block;
    height: 28px;
    width: 28px;
    background-image: url("images/icon-add-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    float:left;
    margin-top: -4px;
    margin-right: 8px;

}


.bh-icon-add-blue{
    display: block;
    height: 28px;
    width: 28px;
    background-color: none;
    background-image: url("images/icon-add-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    float:left;
    margin-top: -4px;
    margin-right: 8px;
    z-index: 10;

}


.bh-carrier-logo{
    height: 40px;
    width: 162px;
    background-color: none;
    background-image: url("images/atena-logo.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 150px 30px;
    float:left;
    border-right: 2px solid #ccc;
    margin: 4px 15px 0px 0px;
}



.bh-card-button:hover {
    background-color: #2398DF !important;
    color: #ffffff !important;   
}

.bh-card-button:hover .bh-icon-edit
{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-edit-white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
    padding-right: 30px;
}

.bh-icon-edit{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-edit.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
    padding-right: 30px;
}

.bh-icon-download{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-download.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
    padding-right: 30px;
}

/* print */
.bh-icon-print{
    background-image: url("images/icon-print.svg");
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align:bottom;
    margin-right: 4px;
}
.bh-small-button:hover .bh-icon-print
{
    background-image: url("images/icon-print-white.svg");
}

/* email */
.bh-icon-email{
    background-image: url("images/icon-email.svg");
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align:bottom;
    margin-right: 4px;
}


.bh-small-button:hover .bh-icon-email
{
    background-image: url("images/icon-email-white.svg");
}


/* details */
.bh-icon-detail{
    background-image: url("images/icon-details.svg");
    display: inline-block;
    height: 22px;
    width: 20px;
    background-size: 20px 18px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align:bottom;
    margin-right: 5px;
}

.bh-small-button:hover .bh-icon-detail
{
    background-image: url("images/icon-details-white.svg");
}


/* summary */
.bh-icon-summary{
    background-image: url("images/icon-summary.svg");
    display: inline-block;
    height: 22px;
    width: 20px;
    background-size: 20px 18px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align:bottom;
    margin-right: 5px;
}

.bh-small-button:hover .bh-icon-summary
{
    background-image: url("images/icon-summary-white.svg");
}


.bh-small-button:hover {
    background-color: #2398DF !important;
    color: #ffffff !important;   
}
.dot-icon{
    display: block;
    height: 16px;
    width: 16px;
    background-color: #2398DF;
    margin: 10px -30px -20px;
    line-height: 0%;
    border-radius: 50px;
}


.dot-icon-small{
    display: block;
    
    height: 10px;
    width: 10px;
    background-color: #2398DF;
    margin: 12px -20px -28px;
    line-height: 0%;
    border-radius: 50px;
}



.bh-dependent-panel{
    margin-right: -25px;
    margin-left: -8px;
}

/* Flex Card CSS  */


.cards {
    display: flex;
    flex-wrap: wrap;
 }

.card {
    flex: 1 0 500px;
    box-sizing: border-box;
    margin: 16px 16px;
    /* max-width: calc(38.2% - 10px); */
}


.dashboard-cards {
    display: flex;
    flex-wrap: wrap;
 }

.dashboard-card {
    flex: 1 0 500px;
    box-sizing: border-box;
    margin: 16px 16px;
    /* max-width: calc(38.2% - 10px); */
}


.dashboard-app-cards {
    display: flex;
    flex-wrap: wrap;
 }

.dashboard-app-card {
    flex: 1 0 500px;
    box-sizing: border-box;
    margin: 16px 16px;
    max-width: calc(47.0% - 10px);
    height: 315px;
}

.dashboard-emplr-cards {
    display: flex;
    flex-wrap: wrap;
 }

.dashboard-emplr-card {
    flex: 1 0 500px;
    box-sizing: border-box;
    margin: 16px 16px;
    max-width: calc(29.5% - 0px);
    height: 315px;
}

.dependent-cards{
    display: flex;
    flex-wrap: wrap;
}

.dependent-card{
    flex: 1 0 500px;
    box-sizing: border-box;
    margin: 16px 16px;
    /* max-width: calc(38.2% - 10px); */
}


.document-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.document-card{
    flex: 1 0 200px;
    box-sizing: border-box;
    margin: 16px 16px;
    /* max-width: calc(30.2% - 0px); */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    min-height: 200px;
    cursor: pointer;
    border: none !important;
    background-color: #ffffff !important;
}

.button-cards{
    flex: 1 0 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.button-card{
    font-size: 15px;
    font-family: AvenirLTStd-Heavy;
    text-transform: uppercase;
    margin: 4px 0px;
    padding:10px 46px !important;
    cursor: pointer;
    min-width: 176px;    
    /* flex: 1 0 100px; */
}

.button-small{
    font-size: 13px;
    font-family: AvenirLTStd-Heavy;
    text-transform: uppercase;
    margin: 8px 0px 4px 0px;
    padding:6px 16px !important;
    cursor: pointer;
    min-width: 80px;    
    /* flex: 1 0 100px; */
}
.review-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    
    /* align-items: flex-start; */
}

.review-card{
    box-sizing: border-box;
    margin: 4px 4px;
    padding: 0px 10px 0px 10px;
    /* max-width: calc(30.2% - 0px); */
}


.review-card p{
    font-size: 12px;
    font-family: AvenirLTStd-Heavy;
    color:#84848c;
    padding: 0px;
    margin: 0px;
    
}

.review-card h5{
    font-size: 14px;
    font-family: AvenirLTStd-Heavy;
    color: #24315C;
    padding: 0px;
    margin: 0px;
}


.review-card .green{
    color:#54d200;
}



.election-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    margin: 0px -6px;
    
    /* align-items: flex-start; */
}
.election-card{
    box-sizing: border-box;
    margin: 4px 4px;
    padding: 6px 26px 6px 16px;
    /* max-width: calc(30.2% - 0px); */
}

.election-card p{
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color:#84848c;
    padding: 1px 0px;
    margin: 0px;
}

.election-card .dark-blue{
    color: #24315C;
}


.election-card h5{
    font-size: 17px;
    font-family: AvenirLTStd-Heavy;
    color: #24315C;
    padding: 1px 0px;
    margin: 0px;
}

.election-card h2{
    color: #2398DF;
    font-family: AvenirLTStd-Heavy;
    font-size: 28px;
    padding: 4px 0px 4px 0px;
    margin: 0px;
    line-height: 100%;
    text-align: left;
}

.election-card h3{
    color: #2398DF;
    font-family: AvenirLTStd-Medium;
    font-size: 14px;
    padding: 2px 0px 2px 0px;
    margin: 0px;
    line-height: 130%;
    text-align: left;
}

.bh-amount {
    margin: 4px 4px;
    padding: 6px 8px 4px 0px;
    display: inline-block;
    
    width: 100%;
}

.bh-amount p {
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color:#84848c;
    padding: 1px 0px;
    margin: 0px;
}

.bh-amount h5 {
    font-size: 20px;
    font-family: AvenirLTStd-Heavy;
    color: #24315C;
    padding: 10px 0px 0px 0px;
    margin: 0px;
}


.bh-amount .blue{
    color: #2398DF;
}


.bh-side-banner-informative .blue{
    color: #2398DF;
}

.bh-side-banner-informative .gray{
    color: #84848C;
}
.election-total-cards{
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    
    
    /* align-items: flex-start; */
}

.election-total-card{
    box-sizing: border-box;
    margin: 4px 4px;
    padding: 6px 26px 6px 10px;
    /* max-width: calc(30.2% - 0px); */
    
}


.election-total-card p{
    font-size: 12px;
    font-family: AvenirLTStd-Heavy;
    color:#84848c;
    padding: 0px;
    margin: 0px;
    
}

.election-total-card h2{
    color: #2398DF;
    font-family: AvenirLTStd-Heavy;
    font-size: 28px;
    padding: 4px 0px 4px 0px;
    margin: 0px;
    line-height: 100%;
    text-align: left;
}



.election-darkblue h2{
    color: #24315C;
    font-family: AvenirLTStd-Black;
    font-weight: bold;
    text-align: center;
    padding-bottom: 0px;
    padding-left: 16px;
}
.election-darkblue p{
    padding-left: 16px;
    text-align: center;
}


.election-card h5 .election-enrolled{
    font-size: 14px;
    font-family: AvenirLTStd-Heavy;
    color: #ffffff;
    padding: 0px;
    margin: 0px;
    background-color: #77D836;
}

.election-card-covered{
    /* width: 88%; */
    display: inline-block;
    margin-right: 10px;
}

.election-card-covered p {
  color: #24315C;
  font-family: AvenirLTStd-Heavy;
  font-size: 13px;
  margin: 4px !important;
  padding:0px;
  display: inline-block;
  margin-bottom: -10px;
}

/* covered */
.election-icon-covered{
    float:left;
    margin-top: 4px;
    margin-right: 2px;
    height: 16px;
    width: 16px;
    background-image: url("images/icon-checkmark.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}
/* 
.election-enrolled{
    
    font-family: AvenirLTStd-Heavy;
    font-size: 12px;
    color:#ffffff;
    height: 28px;
    padding : 2px 16px 10px 14px; 
    margin: 0px;
    border-radius: 20px;
    border: 3px Solid #ffffff;
    display: inline-block;
} */


.election-card .green{
    color:#54d200;
}


.election-card .red{
    color: #ff3e3e;
}


.election-card .yellow{
    color: #efbd00;
}

.election-card .blue{
    color: #2398DF;
}



.plan-cards {
    display: flex;
    flex-wrap: wrap;
    /* margin-right: -32px; */

 }

.plan-card {
    flex: 1 0 60px;
    box-sizing: border-box;
    border-right: 2px solid #ececec; 

    /* margin: 16px 16px; */
    /* border: 1px solid #ccc; */
    /* max-width: calc(38.2% - 10px); */
}

.bh-menu-mobile{
    display: block;
}
.bh-menu-full{
    display: block;
}

.topnav .icon {
    display: none;
  }


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .example {background: red;}
    .bh-payment-panel{
        width: 100%;
        min-height: 300px;
    }
    .bh-button-signin{
        width:100%;
    }
    .bh-dashboard-bottom {
        margin-top: -20px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-right: 0px;
    }
    .bh-title h5 ul li{
        text-align: left;
    }
    .bh-summary-title {
        display: block;
    }
    .bh-summary-title h1 {
        color: #24315C;
        font-family: AvenirLTStd-Heavy;
        font-size: 32px;
        padding-bottom: 4px;
        text-align: center;
        line-height: 120%;
    }
    .bh-small-button{
        display: block;
        margin: 4px;
        width: 100%;
        float: left;
    }
    .bh-summary-text h5 {
        padding-top: 12px;
    }
    .bh-legend{
        display: none;
    }
    /* Summary Table */
    .bh-summary-panel{
        padding: 12px 0px 12px 0px;
    }
    .bh-table{
        box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    }
    .bh-table tr th {
        background-color: #24315c;
        color: #ffffff;
        font-family: AvenirLTStd-Medium;
        font-size: 14px;
        
        line-height: 100%;
        padding:20px;
        text-transform: uppercase;
    }
    .bh-table tr td{
        padding:21px;
        font-family: AvenirLTStd-Medium;
        font-size: 14px;
        color:#24315c;
    }
    table.bh-table td.tb-benefit{
        vertical-align: top;
        text-align: left;
        font-family: AvenirLTStd-Heavy;
        font-size: 14px;
        color:#24315c;
        width:20%;
    }
    table.bh-table td.tb-beneficiary{
        vertical-align: top;
        text-align: left;
        font-family: AvenirLTStd-Heavy;
        font-size: 14px;
        color:#24315c;
        width:30%;
    }
    table.bh-table td.tb-leftborder{
        border-left: 4px solid #2398DF;
    }
    table.bh-table th.tb-planname{
        text-align: left;
    }
    table.bh-table td.tb-planname{
        vertical-align: top;
        font-family: AvenirLTStd-Heavy;
        font-size: 14px;
        color:#24315c;
        width: 20%;
        text-align: left;
    }
    table.bh-table td.tb-status{
        vertical-align: top;
        text-align: center;
        width: 15%;
    }
    table.bh-table th.tb-status{
        text-align: center;
    }
    table.bh-table td.tb-coverd{
        vertical-align: top;
        text-align: center;
        font-family: AvenirLTStd-Heavy;
        font-size: 14px;
        color:#24315c;
        width: 12%;
    }
    table.bh-table th.tb-coverd{
        text-align: center;
    }
    table.bh-table td.tb-date{
        vertical-align: top;
        text-align: center;
        font-family: AvenirLTStd-Heavy;
        font-size: 14px;
        color:#24315c;
    }
    table.bh-table th.tb-date{
        text-align: center;
    }
    table.bh-table td.tb-tax{
        vertical-align: top;
        text-align: center;
        font-family: AvenirLTStd-Heavy;
        font-size: 13px;
        text-transform: uppercase;
        width: 12%;
    }
    table.bh-table td.tb-tax .green{
        color:#54d200;
    }
    table.bh-table td.tb-tax .blue{
        color:#24315C;
    }
    table.bh-table th.tb-tax{
        text-align: center;
    }
    table.bh-table th.tb-deduction{
        text-align: center;
    }
    table.bh-table td.tb-deduction{
        vertical-align: top;
        text-align: right;
        font-family: AvenirLTStd-Heavy;
        font-size: 20px;
        color:#24315c;
        width: 10%;
    }
    table.bh-table td.tb-percentage{
        vertical-align: top;
        text-align: right;
        font-family: AvenirLTStd-Heavy;
        font-size: 20px;
        color:#24315c;
        width: 10%;
    }
    table.bh-table td.tb-product{
        vertical-align: top;
        text-align: center;
        width: 18%;
    }
    table.bh-table th.tb-product{
        text-align: center;
    }
    table.bh-table th.tb-relationship{
        text-align: center;
    }
    table.bh-table td.tb-relationship{
        vertical-align: top;
        font-family: AvenirLTStd-Heavy;
        font-size: 14px;
        color:#24315c;
        text-align: center;
    }
    .table.bh-table td.tb-relationship span{
        vertical-align: bottom !important;
    }
    .bh-input-space {
        margin-bottom: 4px;
        margin-top: 4px;
    }
    .bh-icon-remove {
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .bh-slide-text {
        display: block;
        overflow-y: hidden;
        padding: 0px 0px;
        margin-top: -20px;
    }
    .bh-slide-text p{
        padding:0px 40px 0px 0px !important;
        color: #84848C !important;
        font-size: 13px !important;
        line-height: 160%;
    }
    .bh-more{
        font-family: AvenirLTStd-Medium;
        color:  #2398DF;
        cursor: pointer;
        padding: 0px 0px;
        display: block;
        margin-bottom: -10px;   
    }  
    .bh-less{
        font-family: AvenirLTStd-Medium;
        color:  #2398DF;
        cursor: pointer;
        padding: 0px 0px;
        display: block;
        margin-bottom: -10px;  
    }
    .hide{
        display: none;
    }
    
    .bh-logo {
        padding: 6px;
        margin-left: 6px;
        display: block;
        width: 160px;
        height: 100px;
        background-image: url(images/bh-logo.png);
        background-size: 150px 45px;
        background-repeat: no-repeat;
        background-position: left;
    }
    .bh-banner-error {
        width: 75%;
    }
    .bh-dashboard-top{
        width: 100%;
    }
    .bh-bar .bh-bar-item {
        padding: 0px 0px;
        width: 120%;
    }
    .bh-dialog-covered {
        width: 18%;
    }
    .bh-button-dropdown{
        margin-left: -40px;
        padding-left: 30px !important;
    }
    .topnav.responsive {
        position: relative;
        top: 40px;
    }
    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0px;

    }
    .topnav.responsive .bh-bar-item {
        float: none;
        display: block;
        text-align: left;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
        display: block;
        width: 100%;
        text-align: left;
    }
    
    .bh-menu-full{
        display: none;
    }
    .bh-menu-mobile{
        display: block;
    }
    
    .bh-detail {
        padding: 5px;
        display: none;
    }

    .bh-detail-footer {
        padding: 5px;
        display: block;
    }

    .bh-detail-footer p{
        padding:3px;
        margin:2px;
        font-family: AvenirLTStd-Light;
        font-size: 14px;
        color: #84848C;
    }
    
    .client-detail {
        padding: 10px;
    }
    .bh-login-card {
        margin-top: 90px;
        margin-bottom: 60px;
        width: 380px;
        display: block;
        background-color: #ffffff;
        box-shadow: 0 1px 5px 0 rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.16);
        border-top: 16px Solid #24315C;
    }

    .bh-panel-extra{
        padding:0px 5px 0px 5px;
        display: block;
    }

    .bh-input-panel {
        padding: 0px 5px 0px 5px;
    }
    .bh-dashboard-title {
        padding-bottom: 0px;
        padding-left: 0px;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 12px;
    }

    .bh-dashboard-title h1 {
        color: #24315C;
        font-family: AvenirLTStd-Black;
        font-size: 36px;
        line-height: 100%;
    }
    .bh-button-blue {
        font-size: 16px;
        padding: 16px 20px !important;
        width: 95%;
        margin-top: 12px;
        margin-bottom: 12px;
        
    }
    .bh-button-white {
        font-size: 16px;
        padding: 16px 20px !important;
        width: 95%;
        margin-top: 12px;
        margin-bottom: 12px;
    }
    .bh-header{
        /* display: none; */
    }
    .bh-bar {
        /* display: none; */
        /* border-bottom: 1px solid #D8D8DC !important; */
        
    }
    .bh-info-icon1{
        float:left;
    }
    .bh-info-icon2{
        float:left;
    }
    .bh-info-icon3{
        float:left;
    }


    .bh-padding-16{
        padding-left: 6px;
        padding-right: 6px;
    }
    .bh-padding-top-16{
        padding-top: 16px;

    }

    
  

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding: 12px 16px !important;
        font-size: 14px;
    }
    .button-card{
        font-size: 15px;
        font-family: AvenirLTStd-Heavy;
        text-transform: uppercase;
        margin: 4px 0px;
        padding:10px 46px !important;
        cursor: pointer;
        /* min-width: 176px;     */
        flex: 1 0 100px;
    }

    .dashboard-card {
        flex: 1 0 180px;
        box-sizing: border-box;
        margin: 16px 16px;
        /* max-width: calc(38.2% - 10px); */
    }
    .bh-tab-title {
        padding-top: 0px;
        padding-left: 5px;
        margin-top: 0px;
        text-align: center;
    }

   
    .bh-display-left {
        position: absolute;
        /* top: 10%; */
        left: 0%;
        margin-bottom: -10px;
        transform: translate(0%,-50%);
        -ms-transform: translate(-0%,-50%);
        /* background-color: #2398DC; */
    }
    .bh-margin-top {
        margin-top: 16px!important;
        margin-bottom: 16px !important;
    }
    .topnav-bar{
        display: none;
        position: absolute;
        margin-top:172px;
        padding-bottom: 16px;
        width: 100%;
        right: 0%;
        transform: translate(0%,-50%);
        -ms-transform: translate(0%,-50%);
        background-color: #ffffff;
        border-top: 1px solid #D8D8DC !important;
        border-bottom: 1px solid #D8D8DC !important;
    }
    .bh-dropdown-hover .bh-dropdown-content {
        position: relative;
        /* display: block; */
        float: left;
    }
    .white-arrow-01{
        display: none;
    }
    .white-arrow-02{
        display: none;
    }
    .bh-dropdown-content {
        cursor: auto;
        color: #000;
        background-color: #fff;
        display: none;
        position: relative;
        min-width: 120px;
        margin: 0px 10px;
        padding: 5px 20px 0px 20px;
        z-index: 1000;
        width: 100%;
        box-shadow: 0 0px 0px 0 rgba(61, 51, 51, 0.16), 0 0px 0px 0 rgba(0,0,0,0.12);
    }
    .topnav-bar::after{
        display:block;
        height: 20px;
        width: 20px;
        background-color: #1b5e20;
        position: absolute;
        z-index: 10;
        margin-top: -30px;
    }
    .resposive-icon{
        float:right;
        margin-right: 16px;
        margin-top: 12px;
        height: 24px;
        width: 24px;
        display: block;
        background: url("images/icon-menu.svg");
    }
   
  
    .bh-bar-item{
        padding: 0px 10px 0px 10px;
        display: inline-block;
        
    }
    .bh-header-btn{
        margin: 0px 10px 0px 10px;
        /* background-color: #f1f1f1; */
    }
    .bh-dropdown-01 {
        margin-right: 0px;
        margin-left: 24px;
        margin-top: -18px;
        width: 93%;
    }
    .bh-dropdown-02 {
        margin-right: 0px;
        margin-left: 24px;
        margin-top: -20px;
        width: 93%;
    }
    .white-arrow-01 {
        top: -10px;
        margin: 0px 0px 0px 56px;
    }
    .bh-contribution-col {
        /* height: 100px; */
        margin-bottom: 10px !important;
        /* margin-top: 60px; */
    }
    .bh-contribution-width{
        width:100% !important;
        margin-bottom: 20px;
    }
    .bh-display-right{
        margin-right: 0px;
        margin-bottom: 10px;
        top:150px;
    }
    .topnav-bar{
        top:6px !important;
    
    }
    .bh-header-btn {
        height: 60px;
        color: #84848C;
        font-family: AvenirLTStd-Heavy;
        font-size: 18px;
        padding: 8px 12px 8px 12px !important;
        cursor: pointer;
    }

    .bh-icon-person {
        margin-top: -4px;
     }

    .bh-dropdown-hover:hover .bh-dropdown-content {
        position: absolute;
        display: block;
    }

    .fixed-dialog{
        position: fixed;
        width: 350px !important;
    }
    

    .bh-dialog-text3 p {
        font-size: 12px;
    }
    
    .bh-card-dialog {
        padding: 8px 10px 8px 10px;
    }

    .bh-dashboard-text h1 {
        margin-top: 0px;
        margin-bottom: 8px;
        padding-top: 4px;
        padding-bottom: 12px;
        text-align: center;
        background-color: #f1f1f1;
    }
 
    .bh-dashboard-text p {
        
        padding-top: 12px;
        padding-bottom: 4px;
        text-align: center;
        background-color: #f1f1f1;
    }
 
    .bh-card-panel {
        padding: 0px !important;
        margin-left: -16px !important;
        margin-right: -16px !important;
        margin-top: 90px !important;
    }

    .dependent-card {
        flex: 1 0 300px;
        box-sizing: border-box;
        margin: 16px 16px 16px -4px;
        /* max-width: calc(38.2% - 10px); */
    }

    .bh-button-darkblue {
        padding: 8px 8px !important;
    }
    
    .bh-button-back {
        padding: 8px 30px 8px 10px !important;
    }

    .dot-icon {
        display: block;
        height: 8px;
        width: 8px;
        background-color: #ffffff;
        margin: 6px 0px -16px;
        line-height: 0%;
        border-radius: 50px;
    }

    .bh-sub-title p span {
        background: #fff;
        padding: 0px 10px 0px 10px;
    }

    .bh-sub-title p {
        font-family: AvenirLTStd-Heavy;
        font-size: 26px;
        color: #24315C;
        text-align: left;
        border-top: 2px solid #D8D8DC;
        line-height: 0%;
        margin: 10px 0 10px;
        text-align: center;
    }

    .bh-display-middle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }

    .bh-progressbar{
        margin-top: 10px;
        display: flex;
        justify-content: center;
        min-width: 350px;
    }
    .bh-progressbar p {
        font-family: AvenirLTStd-Heavy;
        font-size: 12px;
        color: #D8D8DC;
        text-align: center;
        line-height: 0.1em;
        margin: 4px 0 8px;
        padding: 4px 4px;
    }
    .bh-logo img{
        width: 150px;
        
        /* padding-top: 24px; */
    }
      
    .bh-header {
        height: 50px !important;
        background: #ffffff;
        border-bottom: 0px solid #e5e9ed!important;
    }
    .bh-button-support {
        font-size: 18px;
        font-weight: bold;
        padding: 12px 24px 12px 24px !important;
        border-top: 1px solid #ccc;
        border-left: 0px solid #ccc;
        width: 100%;
        text-align: left;
        margin-top: -150px;
    }
    
    .bh-button-exit {
        font-size: 18px;
        font-weight: bold;
        padding: 12px 24px 12px 58px !important;
        border-top: 1px solid #ccc;
        border-left: 0px solid #ccc;
        width: 100%;
        text-align: left;
        margin-top: 0px;
    }
    .bh-title h1 {
        color: #24315C;
        font-family: AvenirLTStd-Heavy;
        font-size: 30px;
        padding-top: 0px;
        padding-bottom: 12px;
        text-align: center;
    }

    .no-break {
        margin-top: 6px;
    }
    
    .bh-title h5 {
        /* border-top: 1px solid #979797; */
        color: #4b4d53;
        font-family: AvenirLTStd-Medium;
        font-size: 16px;
        padding-top: 4px;
        text-align: center;
    }
    .bh-plan-title {
        padding: 4px 0px !important;
        text-align: center;
        /* display: flex; */
    }

    .bh-button-sm {
        margin-top: 8px;
        width: 100%;
        min-width: 176px;
        /* flex: 1 0 100px; */
    }
    .bh-plan-sub-button {
        width: 100%;
        width: 200px;
        cursor: pointer;
    }
    .bh-plan-text h6{
        text-align: left;
    }
    .bh-plan-text p{
        text-align: center;;
    }
    
    

    .bh-plan-text h4{
        text-align: center;;
    }

    .bh-plan-subtitle h3{
        text-align: center;
    }
    .bh-plan-subtitle p{
        text-align: center;
    }
    
    .bh-enrolled::before {
        display: block;
        height: 46px;
        width: 46px;
        background-image: url(images/icon-enrolled.svg);
        background-repeat: no-repeat;
        margin-left: -72px;
        background-size: 46px 46px;
        margin-top: 32px;
        position: absolute;
    }
    .bh-plan-amount {
        text-align: center;
        padding: 16px 4px 4px 4px;
    }
    .bh-plan-title h3 {
        padding: 0px 0px 0px 0px;
    }
    .bh-button-darkblue {
        width: 100%;
    }
    .bh-summary-panel {
        margin-top:140px;
    }
    .election-card {
        box-sizing: border-box;
        margin: 4px 4px;
        padding: 6px 26px 6px 16px;
        width: calc(100% - 0px);
    }
    .election-card p{
        text-align: center;
    }
    .election-card h5{
        text-align: center;
    }
    
    .bh-summary-text h5{
        text-align: center;
    }
    .bh-enrolled-election {
        box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
        padding: 0px 12px 0px 12px;
        margin: 8px 0px 28px 0px;
        /* border: 2px solid #77D836; */
    }
    .election-card{
        border-top: 1px solid #ececec;
        border-right: 1px solid #ffffff;
    } 
    .bh-election-part-1 h1{
        text-align: center;
        padding: 0px 10px 0px 10px;
    }
    .bh-election-part-1 h3{
        text-align: center;
        padding: 0px 10px 0px 10px;
    }
    .bh-election-part-2{
        border-top: 1px solid #ececec;
        
        border-left: 0px solid #ececec;
        padding-top:10px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .bh-button-edit{
        width: 80%;
    }

    .bh-enrolled-election::before {
        display: block;
        height: 46px;
        width: 46px;
        background-image: url(images/icon-enrolled.svg);
        background-repeat: no-repeat;
        margin-left: -42px;
        background-size: 46px 46px;
        margin-top: 32px;
        position: absolute;
    }

    .bh-waived-election::before {
        display: block;
        height: 46px;
        width: 46px;
        background-image: url(images/icon-waived.svg);
        background-repeat: no-repeat;
        margin-left: -64px;
        background-size: 46px 46px;
        margin-top: 32px;
        position: absolute;
    }

    .bh-terminated-election::before{
        display: block;
        height: 46px;
        width: 46px;
        background-image: url(images/icon-terminated.svg);
        background-repeat: no-repeat;
        margin-left: -64px;
        background-size: 46px 46px;
        margin-top: 32px;
        position: absolute;
    }

    .bh-panel-bottombtn{
        padding: 0px 10px 0px 10px;
    }
    .bh-panel-box {
        padding: 0px 10px 0px 10px;
    }
    .bh-election-total h3{
        text-align: center;
    }

    .election-total-card{
        /* float: none !important;
        display: inline-block; */
        width: 100%;
    }
    .election-total-card p{
        text-align: center;
    }
    .election-total-card h2{
        text-align: center;
    }
    .election-total-card h3{
        text-align: center;
    }
    .bh-icon-plus {
        padding-right: 0px !important;
    }
    .bh-icon-plus::after {
        margin-left: 40px;
    }
    .bh-icon-equals::after {
        margin-left: 40px;
    }
    .election-darkblue{
        padding-top: 10px;
        border-top: 1px solid #ececec;
        border-left: 0px solid #ececec; 
    }
  }

  .ui-dialog .ui-dialog-content {
      padding:10px 10px ;
      border: none;
  }

  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
   .example {background: green;}
   .bh-payment-panel{
        width: 80%;
        min-height: 300px;
    }
    .bh-input-space {
        min-width: 160px;
    }
  }
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    .example {background: brown}
    .bh-input-space {
        min-width: 160px;
    }
    .card {
        max-width: calc(46.5% - 10px);
    }
    .dependent-card {
        max-width: calc(100.5% - 10px);
    }
    .document-card{
        max-width: calc(100.5% - 10px);
    }
    .review-card{
        max-width: calc(100.5% - 10px);
    }
    .dashboard-card {
        max-width: calc(46.5% - 10px);
    }
    .bh-input-space{
        min-width: 100px;
    }
  } 
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {
    .example {background: orange;}
    .bh-col.m4, .bh-third {
        width: 33.33333%;
    }

    .bh-input-space {
        min-width: 170px;
    }
    .card {
        max-width: calc(30.5% - 10px);
    }
    .dependent-card {
        max-width: calc(45.5% - 10px);
    }

    .document-card {
        max-width: calc(45.5% - 10px);
    }
    .review-card {
        max-width: calc(45.5% - 10px);
    }
    .dashboard-card {
        max-width: calc(32.0% - 10px);
    }
    .bh-input-space{
        min-width: 135px;
    }

  
  } 

  
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
    .example {background: pink;}
    .card {
        max-width: calc(31.5% - 10px);
    }
    .dependent-card {
        max-width: calc(30.5% - 10px);
    }
    .document-card {
        max-width: calc(30.5% - 10px);
    }
    .review-card {
        max-width: calc(50.5% - 10px);
    }
    .dashboard-card {
        max-width: calc(30.5% - 10px);
    }

   .scroll-content {
        display: block;
        max-height: 320px;
        overflow: auto;
        width: 100%
    }
  
    .plan-select select {
        width: 100%;
    }
  
    .plan-select select {
        font-size: 14px !important;
    }
    .plan-select select option{
        font-size: 14px !important;
    }
    .first-cell{
        width: 280px;
    }
    .information-cell{
        width: 220px;
        padding: 0px 10px;
    }
    .bh-input-space{
        min-width: 145px;
    }


  }

  @media only screen and (min-width: 1300px) {
    .example {background-color: springgreen;}
        .scroll-content {
            display: block;
            max-height: 420px;
            overflow: auto;
            width: 100%
        }
        .first-cell{
            width: 280px;
        }
        .information-cell{
            width: 240px;
            padding: 0px 10px;
        }
    }
  
  
  /* Extra large devices (large laptops and desktops, 1500px and up) */
  @media only screen and (min-width: 1500px) {
    .example {background: purple;}
    .bh-payment-panel{
        width: 60%;
        min-height: 300px;
    }

    

    .card {
        max-width: calc(31.5% - 10px);
    }
    .dependent-card {
        max-width: calc(31.2% - 10px);
    }
    .document-card {
        max-width: calc(29.2% - 10px);
    }
    .review-card {
        max-width: calc(29.2% - 10px);
    }
    .dashboard-card{
        max-width: calc(30.2% - 10px);
    }

    .bh-compress{
        padding-left:60px;
        padding-right:60px;
    }

   
    .plan-select select {
        width: 100%;
    }

    thead.fixed-header tr {
        position: relative;
        display: block;
        border-bottom: 1px solid #d8d8dc;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.08);
    }
    
     
    thead.fixed-header .plan-compare th{
        width: 250px;
    }

    thead.fixed-header .plan-amount .plan-amount-title {
        font-family: AvenirLTStd-Heavy;
        color: #84848C;
        font-size: 15px;
        line-height: 100%;
        text-align: left;
        padding-left: 12px;
        width: 300px !important;
    }
    thead.fixed-header .plan-amount .plan-amount-value {
        width: 250px !important;
        padding-left: 20px !important;
    }
    .scroll-content {
        display: block;
        max-height: 420px;
        overflow: auto;
        width: 100%
    }

    .first-cell{
        width: 300px;
    }
    .information-cell{
        width: 260px;
        padding: 0px 10px;
    }
    .bh-input-space{
        min-width: 177px;
    }
  }

.fixed-header {
    display: block;
    border-bottom: 1px solid #d8d8dc;
    box-shadow: 0 4px 1px 0 rgba(0,0,0,0.08);   
    margin-right: 20px;
    margin-bottom: 4px;
}


.information-cell h1{
    font-family: AvenirLTStd-Medium;
    color: #3679B1;
    font-size: 12px;
    padding:2px 0px 0px 12px;
    margin: 0px;
}

.information-cell p{
    font-family: AvenirLTStd-Heavy;
    color: #24315C;
    font-size: 13px ;
    padding:4px 0px 4px 12px ;
    margin: 0px;
}


.plan-details h1{
    font-family: AvenirLTStd-Heavy;
    color: #3679B1;
    font-size: 13px;
    line-height: 130%;
    padding: 0px 12px 0px 12px;

}

.plan-details p{
    font-family: AvenirLTStd-Heavy;
    color: #84848C;
    font-size: 13px;
    line-height: 130%;
    padding: 0px 12px 0px 30px;
}


.plan-part1 {
    line-height: 120%;
}
.plan-part2 {
    /* line-height: 130%; */
}

.plan-select {
    position: relative;
    float: left;
    /* width: 220px !important; */
}

.plan-part1{
    background-color: #ffffff;
}
.plan-part2{
    background-color: #f6f6f6;
}

.app-panel{
    margin: 0 auto;
    padding: 0px 20px 0px 20px;
}
.app-title{
    border-bottom: 1px solid #ddd;
}
.app-title h1 {
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 22px;
    padding: 2px 8px 8px 8px; 
    margin: 0px;
}

.app-row:nth-of-type(odd) {
    background-color: #f6f6f6;
}
.app-row:nth-of-type(even) {
    background-color: #ffffff;
}


.app-text h1{
    font-family: AvenirLTStd-Heavy;
    color: #3679B1;
    font-size: 13px;
    line-height: 130%;
    padding: 0px 12px 0px 12px;

}

.app-text p{
    font-family: AvenirLTStd-Medium;
    color: #84848C;
    font-size: 13px;
    line-height: 130%;
    padding: 0px 12px 0px 30px;
}

.app-first-cell{
    /* width: 280px; */
    padding: 0px 10px 0px 60px !important;
}
.app-second-cell{
    /* width: 220px; */
    text-align: right;
    padding: 0px 120px 0px 10px !important;
}


  
  .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dashed #6090BF;
    cursor: pointer;
    color: #6090BF;
    background-color: none !important;
  }
  
  .tooltip .tooltiptext-top {
    visibility: hidden;
    min-width: 200%;
    max-width: 350%;
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    z-index: 105;
    bottom: 150%;
    left: 25%;
    margin-left: -80%;
    opacity: 0;
    transition: opacity 0.3s;
    padding:16px;
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color: #ffffff;
    background-color: #6090BF;     
}

.tooltip .tooltiptext {
    visibility: hidden;
    
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    z-index: 105;
    bottom: 170%;
    
    opacity: 0;
    transition: opacity 0.3s;
    padding:16px;
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color: #ffffff;
    background-color: #6090BF;
}
.tooltip-medium {
    min-width: 300%;
    max-width: 350%;
    left: 10%;
    margin-left: -100%;
}

  .tooltip .tooltiptext-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -18px;
    border-width: 18px;
    border-style: solid;
    border-color: #6090BF transparent transparent transparent;
  }
  
   
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -18px;
    border-width: 18px;
    border-style: solid;
    border-color: #6090BF transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext-top {
    visibility: visible;
    opacity: 1;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
  .tooltip .tooltiptext-bottom {
    visibility: hidden;
    width: 100%;
    
    text-align: center;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    z-index: 105;
    top: 200%;
    left: 50%;
    margin-left: -50%;
    opacity: 0;
    transition: opacity 0.3s;
    padding:16px;
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color: #ffffff;
    background-color: #6090BF;
      
}
  
  .tooltip .tooltiptext-bottom::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -18px;
    border-width: 18px;
    border-style: solid;
    border-color: transparent transparent #6090BF transparent;
  }
  
  .tooltip:hover .tooltiptext-bottom {
    visibility: visible;
    opacity: 1;
  }
  
  

.tooltip .tooltiptext-bottom-wide {
    visibility: hidden;
    width: 300px;
    font-weight: normal;
    text-align: left;
    border-radius: 4px;
    padding: 5px 0;
    position: absolute;
    z-index: 105;
    top: 200%;
    left: 50%;
    margin-left: -150px;
    opacity: 0;
    transition: opacity 0.3s;
    padding:16px;
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color: #ffffff;
    background-color: #6090BF;
      
}
  
  .tooltip .tooltiptext-bottom-wide::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -18px;
    border-width: 18px;
    border-style: solid;
    border-color: transparent transparent #6090BF transparent;
  }
  
  .tooltip:hover .tooltiptext-bottom-wide {
    visibility: visible;
    opacity: 1;
  }



  .ui-tooltip, .arrow:after {
    background-color: #2398DF;
    border: 2px solid white !important;
    box-shadow: none;
  }
  .ui-tooltip {
    padding: 6px 12px;
    color: white;
    border-radius: 3px;
    font-family: AvenirLTStd-Medium;
    font-size: 14px;
    
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    /* box-shadow: 6px 5px 9px -9px black; */
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }


  .bh-upload-details{

  }
  .bh-upload-details p{
    font-family: AvenirLTStd-Medium;
    font-size: 14px;
    color: #5B5B5B;
    margin-left: 12px;
    margin-top: 4px;
    margin-bottom: 4px;
  }

  /* Drag and Drop Style */

  .ajax-file-upload-statusbar {
        border: 1px solid #24315C;
        margin-top: 10px;
        width: 500px;
        margin: 10px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        padding: 16px 16px 12px 16px
    }
    
    .ajax-file-upload-filename {
        width: auto;
        height: auto;
        margin: 0 5px 5px 0px;
        font-family: AvenirLTStd-Heavy;
        font-size: 18px;
        white-space: nowrap; 
        text-overflow: ellipsis; 
        overflow: hidden;
    }
   

    .ajax-file-upload-filename::before{
        content: "";
        display:inline-block;
        height: 28px;
        width: 28px;
        background-image: url("images/icon-page.svg");
        background-repeat: no-repeat;
        vertical-align:bottom;
        padding-right: 34px;
        
    }
    
    .ajax-file-upload-filesize {
        width: 50px;
        height: auto;
        margin: 0 5px 5px 0px;
        display: inline-block;
        vertical-align:middle;
    }
    .ajax-file-upload-progress {
        margin: 5px 10px 5px 0px;
        position: relative;
        width: 98%;
        /* border: 1px solid #ddd; */
        padding: 1px;
        border-radius: 3px;
        display: inline-block;
        color:#FFFFFF;
        vertical-align:middle;
    
    }
 
    .ajax-file-upload-bar {
        background-color: #2398DF;
        width: 0;
        height: 4px;
        border-radius: 2px;
        color:#FFFFFF;
    
    }
    .ajax-file-upload-percent {
        position: absolute;
        display: inline-block;
        top: 3px;
        left: 48%
    }
    .ajax-file-upload-red {
        -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
        -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
        box-shadow: inset 0 39px 0 -24px #e67a73;
        background-color: #e4685d;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        display: inline-block;
        color: #fff;
        font-family: arial;
        font-size: 13px;
        font-weight: normal;
        padding: 4px 15px;
        text-decoration: none;
        text-shadow: 0 1px 0 #b23e35;
        cursor: pointer;
        vertical-align: middle;
        margin-right:5px;
    }
    .ajax-file-upload-green {
        background-color: #77b55a;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        margin: 0;
        padding: 0;
        display: inline-block;
        color: #fff;
        font-family: arial;
        font-size: 13px;
        font-weight: normal;
        padding: 4px 15px;
        text-decoration: none;
        cursor: pointer;
        text-shadow: 0 1px 0 #5b8a3c;
        vertical-align: middle;
        margin-right:5px;
    }
    .ajax-file-upload {
        font-family: AvenirLTStd-Medium;
        font-size: 14px;
        padding: 10px 20px;
        margin:0 10px 10px 0;
        display: inline-block;
        background: #fff;
        color: #fff;
        background: #2398df;
        border: none;
        vertical-align: middle;  
        cursor: pointer;
        
     }
      
    .ajax-file-upload:hover {
        background: #2398df;
        
    }
    
    .ajax-upload-dragdrop
    {
        border: 1px dashed #2398df;
        width:500px;
        color: #DADCE3;
        text-align:left;
        vertical-align:middle;
        padding:20px 20px 8px 20px;
        margin-left: 12px;
        margin-top: 12px;
        background-color: #f3f5ff;
    }
    
    .state-hover
    {
            border: 2px dashed #D8D8DC;
    }
    .ajax-file-upload-container
    {
        margin:20px 0px 20px 0px;
    }

    .text-position{
        font-family: AvenirLTStd-Heavy;
        font-size: 18px;
        display: block;
        color: #24315C;
        float:left;
        padding-top: 8px;
        padding-right: 12px;

    }

.bh-election-panel{
    padding:24px 0px 24px 0px;

    /* Election Panel position fix CSS */
    /* position: fixed;
    max-height: 550px;
    display: block;
    overflow: auto;
    width: 340px; */
}
    
.bh-election-title{
    padding:0px 24px 0px 24px;
}
.bh-election-title  h3{
    color: #24315C;
    font-family: AvenirLTStd-Black;

    font-size: 24px;
    line-height: 80%;
}

.bh-election-title  p{
    color: #84848C;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    line-height: 80%;
    text-transform: uppercase;
    letter-spacing: .4px;

}

.bh-election-details{
    margin:0px 24px 0px 24px;
}

.bh-eleciton-row{
    margin:0px 24px 0px 24px;
}

.bh-eleciton-row .inactive:before {
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    background-image: url("images/election-inactive.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    margin-top: 14px;
    margin-left: 0px;
}


.bh-eleciton-row .active:before {
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    background-image: url("images/election-active.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    margin-top: 14px;
    margin-left: 0px;
}



.bh-eleciton-row .complete:before {
    content: '';
    width: 22px;
    height: 22px;
    display: block;
    background-image: url("images/election-complete.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    margin-top: 14px;
    margin-left: 0px;
}
.bh-product-status{
    /* display: block; */
    width: 30px;
    vertical-align: top;
}
.bh-product-name{
    width: 70%;
}
.bh-product-name p{
    color: #84848C;
    font-family: AvenirLTStd-Heavy;
    font-size: 15px;
    line-height: 125%;
    letter-spacing: .4px;
    text-align: left;
    margin-top: 16px;
    margin-bottom: 16px;
}

.bh-product-amount p{
    color: #24315C;
    font-family: AvenirLTStd-black;
    font-size: 17px;
    line-height: 100%;
    letter-spacing: .4px;
    text-align: right;
    margin-top: 16px;
    margin-bottom: 16px;
}
.bh-eleciton-row{
    margin: 0px;
    padding:0px;
    border-bottom: 1px solid #ccc;
}

.bh-eleciton-total{
  background-color: #24315C;   
  
}
.bh-eleciton-total p{
    color:#fff;
    font-family: AvenirLTStd-medium;
    font-size: 17px;
    padding-left: 30px;
}


.bh-eleciton-total h4{
    color:#fff;
    font-family: AvenirLTStd-heavy;
    font-size: 22px;
    padding-right: 26px;
}

  
  @media screen and (min-width: 768px) {
    
  
/* Summary Table */
.bh-summary-panel{
    padding: 12px 0px 12px 0px;
}

.bh-table{
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}

.bh-table tr th {
    background-color: #24315c;
    color: #ffffff;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    
    line-height: 100%;
    padding:20px;
    text-transform: uppercase;
}

.bh-table tr td{
    padding:21px;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
}

table.bh-table td.tb-benefit{
    vertical-align: top;
    text-align: left;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    width:20%;
}


table.bh-table td.tb-beneficiary{
    vertical-align: top;
    text-align: left;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    width:30%;
}

table.bh-table td.tb-leftborder{
    border-left: 4px solid #2398DF;
}

table.bh-table th.tb-planname{
    text-align: left;
}
table.bh-table td.tb-planname{
    vertical-align: top;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    width: 20%;
    text-align: left;
}

table.bh-table td.tb-status{
    vertical-align: top;
    text-align: center;
    width: 15%;

}

table.bh-table th.tb-status{
    text-align: center;
}

table.bh-table td.tb-coverd{
    vertical-align: top;
    text-align: center;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    width: 12%;
}

table.bh-table th.tb-coverd{
    text-align: center;
}


table.bh-table td.tb-date{
    vertical-align: top;
    text-align: center;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
}

table.bh-table th.tb-date{
    text-align: center;
}

table.bh-table td.tb-tax{
    vertical-align: top;
    text-align: center;
    font-family: AvenirLTStd-Heavy;
    font-size: 13px;
    
    text-transform: uppercase;
    width: 12%;
}

table.bh-table td.tb-tax .green{
    color:#54d200;
}

table.bh-table td.tb-tax .blue{
    color:#24315C;
}
table.bh-table th.tb-tax{
    text-align: center;
}
table.bh-table th.tb-deduction{
    text-align: center;
}
table.bh-table td.tb-deduction{
    vertical-align: top;
    text-align: right;
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    color:#24315c;
    width: 10%;
}


table.bh-table td.tb-percentage{
    vertical-align: top;
    text-align: right;
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    color:#24315c;
    width: 10%;
}

table.bh-table td.tb-product{
    vertical-align: top;
    text-align: center;
    width: 18%;

}

table.bh-table th.tb-product{
    text-align: center;
}

table.bh-table th.tb-relationship{
    text-align: center;
}

table.bh-table td.tb-relationship{
    vertical-align: top;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    text-align: center;
}

.table.bh-table td.tb-relationship span{
    vertical-align: bottom !important;
}





.bh-table-election{
}

.bh-table-election tr {
    padding:0px;
}
.bh-table-election tr th {
    
    font-size: 12px;
    font-family: AvenirLTStd-Heavy;
    color: #84848c;
    padding-left: 10px;
    margin: 0px;
    text-align: left;
}

.bh-table-election tr td{
    padding:21px;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    padding: 0px;
    margin: 0px;
}

table.bh-table-election td.tb-leftborder{
    border-left: 4px solid #2398DF;
}


table.bh-table-election td.tb-coverd{
    vertical-align: top;
    text-align: left;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    width: 30%;
    margin: 0px;
    padding-left: 10px;
}

table.bh-table-election td.tb-coverd p{
    padding: 0px;
    margin: 0px;
}




table.bh-table-election td.tb-date{
    vertical-align: top;
    text-align: left;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    width: 20%;
    padding-left: 10px;

}

table.bh-table-election th.tb-date{
    text-align: center;
}

table.bh-table-election td.tb-tax{
    vertical-align: top;
    text-align: left;
    font-family: AvenirLTStd-Heavy;
    font-size: 13px;
    padding-left: 10px;
    text-transform: uppercase;
    width: 15%;
}

table.bh-table-election td.tb-tax .green{
    color:#54d200;
}

table.bh-table-election td.tb-tax .blue{
    color:#24315C;
}
table.bh-table-election th.tb-tax{
    text-align: center;
}

table.bh-table-election td.tb-deduction{
    vertical-align: top;
    text-align: right;
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    color:#24315c;
    width: 10%;
}


table.bh-table-election td.tb-percentage{
    vertical-align: top;
    text-align: right;
    font-family: AvenirLTStd-Heavy;
    font-size: 20px;
    color:#24315c;
    width: 10%;
}

table.bh-table-election td.tb-product{
    vertical-align: top;
    text-align: center;
    width: 18%;

}

table.bh-table-election th.tb-product{
    text-align: center;
}


table.bh-table-election td.tb-relationship{
    vertical-align: top;
    text-align: left;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
}

.table.bh-table-election td.tb-relationship span{
    vertical-align: bottom !important;
}
table.bh-table-election th.tb-relationship{
    text-align: left;
}




.bh-table-review{
}

.bh-table-review tr {
    padding:0px;
}
.bh-table-review tr th {
    
    font-size: 12px;
    font-family: AvenirLTStd-Heavy;
    color: #84848c;
    padding-left: 10px;
    margin: 0px;
    text-align: left;
}

.bh-table-review tr td{
    padding:21px;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    padding: 0px;
    margin: 0px;
    width:1%;
    white-space:nowrap;
}

table.bh-table-review td.tb-leftborder{
    border-left: 4px solid #2398DF;
}


table.bh-table-review td.tb-coverd{
    vertical-align: top;
    text-align: left;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    margin: 0px;
    padding-left: 10px;
    width:1%;
    white-space:nowrap;
  
}

table.bh-table-review td.tb-coverd p{
    padding: 0px;
    margin: 0px;
}


table.bh-table-review td.tb-amount{
    vertical-align: top;
    text-align: right;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    width:1%;
    white-space:nowrap;
}

table.bh-table-review td.tb-amount p{
    padding: 0px;
    margin: 0px;
}



table.bh-table-review td.tb-date{
    vertical-align: top;
    text-align: left;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color:#24315c;
    width: 20%;
    padding-left: 10px;

}

table.bh-table-review th.tb-date{
    text-align: center;
}

 .fixed-dialog{
    position: fixed;
  }
  .fixed-dialog-dependent{
    position: absolute; 
  }

  .bh-slide-text {
    display: block;
    overflow-y: hidden;
    padding: 0px 0px;
    margin-top: -20px;
   }
   .bh-slide-text p{
        padding:0px 40px 0px 0px !important;
        color: #84848C !important;
        font-size: 13px !important;
        line-height: 160%;
   }
   .bh-more{
        font-family: AvenirLTStd-Medium;
        color:  #2398DF;
        cursor: pointer;
        padding: 0px 0px;
        display: block;
        margin-bottom: -10px;   
   }  
   .bh-less{
        font-family: AvenirLTStd-Medium;
        color:  #2398DF;
        cursor: pointer;
        padding: 0px 0px;
        display: block;
        margin-bottom: -10px;  
    }
    .hide{
        display: none;
    }

  .description-dialog {
    /* background-color: #fff4db !important; */
    border: 1px solid #cacaca !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25)!important;
}
  .description-dialog p{
      padding:0px 40px 0px 10px !important;
      color: #84848C !important;
      font-size: 13.5px !important;
      margin-top: -6px;
  }

  .description-dialog .ui-dialog-titlebar {
    /* display: none; */
    background-color: #ffffff;
    padding: 0px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-radius: 0px;
    padding: 0px 0px 0px 0px !important;
  }

  .description-dialog .ui-dialog-titlebar .ui-dialog-title {
      height: 20px;
      background-color: none;
  }
  .description-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    top: 2px;
    right:6px;
    width: 28px;
    height: 28px;
  }
  
  .description-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick {
    background-image: url(images/icon-close-blue.svg) !important;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0px 0px;
    height: 28px;
    width: 28px;
  }
  

  .eoi-dialog {
    border: 1px solid #cacaca !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25)!important;
  }
  .eoi-dialog p{
    padding:0px 26px 0px 26px !important;
    color: #84848C !important;
    font-size: 13.5px !important;
    text-align: center;
  }
  .eoi-dialog .ui-dialog-titlebar {
    display: none;
  }
  .bh-icon-stop-gray {
    width: 96px;
    height: 86px;
    background-image: url("images/icon-stop-gray.png");
    background-repeat: no-repeat;
    background-size: 96px 86px;
    display: block; 
    margin: 0 auto;
    margin-top: 12px;
   }
   .bh-eoi-button{
    margin: 0 auto;
    margin-top:6px;
    margin-bottom:12px !important;
    display: block;
    border-radius: 2px;
   }



  .fixed-scroll{
    overflow: hidden !important;
  }

 .bh-padding-12 {
    padding-top: 12px!important;
    padding-bottom: 12px!important;
}


.bh-padding-10 {
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}


.bh-top-padding-12{
    padding-top: 12px!important;
}
.bh-top-padding-24{
    padding-top: 24px!important;
}

.bh-top-padding-20{
    padding-top: 20px!important;
}

.bh-top-padding-16{
    padding-top: 16px!important;
}

.bh-bottom-padding-4{
    padding-bottom: 4px!important;
}


.bh-bottom-padding-12{
    padding-bottom: 12px!important;
}
.bh-bottom-padding-32{
    padding-bottom: 32px!important;
}

.bh-padding-20{
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}
.bh-plan-padding{
    padding-top: 24px!important;
    padding-bottom: 12px!important;
}

.loader {
    border: 8px solid #cccccc;
    border-radius: 50%;
    border-top: 8px solid #3498db;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}


/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: rgba(0,0,0,0.3); */
    background-color: #ffffff;
    z-index: 100;
    cursor: pointer;
  }
.overlay-dialog {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* background-color: rgba(0,0,0,0.3); */
    background-color: #ffffff;
    z-index: 100;
    cursor: pointer;
  }
    .loader-center{
        position: absolute;
        top: 50%;
        left: 50%;
        color: white;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    } 
  }

  @media print { 
    /* All your print styles go here */
    #printContent{
        width: 100%;
        margin-bottom: 0px;
        padding: 0px;
    }
    .bh-panel-extra {
        width: 100%;
        margin: 0px !important;
        padding: 0px !important;
    }
    .bh-dashboard-text{
        padding: 0px !important;
        margin: 0px !important;
    }
    .bh-dashboard-text p {
        font-size: 15px;
        font-family: AvenirLTStd-Heavy;
        color: #4B4D53;
        padding: 8px 0px 0px 0px;
        margin: 8px 0px 0px 0px;
        line-height: 105%;
        text-align: right;
    }
    .bh-blue, .bh-hover-blue {
        color: #2398DF!important;
        border: 2px solid #2398DF!important;
    }
    .bh-darkblue, .bh-hover-darkblue {
        color: #24315C!important;
        border: 2px solid #24315C!important;
    }
    .election-card {
        box-sizing: border-box;
        margin: 4px 0px;
        padding: 6px 10px 6px 10px;
        width: calc(15% - 0px);
    } 
    .election-card p{
        text-align: left;
        font-size: 11px;
    }
    .election-card h5{
        text-align: left;
        font-size: 11px;
    }
    .bh-election-part-2 p {
        font-size: 11px;        
    }
    .bh-tab-title {
        padding-top: 30px;
        padding-left: 20px;
    }
    .bh-tab-title h3 {
        font-family: AvenirLTStd-Heavy;
        font-size: 16px;
        line-height: 120%;
    }
    .bh-election-part-2 {
        border-left: 2px solid #ececec;
        padding-left: 20px;
        padding-right: 10px;
    }
    .bh-cell{
        display: table-cell; 
    }  
    .bh-button-edit{
        display: none;
    }
    .bh-enrolled-election {
        box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
        padding: 0px 20px 0px 30px;
        margin: 8px 0px 28px 8px;
        border: 2px solid #77D836;
    }
    .bh-enrolled-election::before {
        display: none;
    } 
    .bh-waived-election {
        box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
        padding: 0px 20px 0px 30px;
        margin: 8px 0px 28px 8px;
        border: 2px solid #f9CACA;
    }
    .bh-waived-election::before {
        display: none;
    }
    .bh-terminated-election {
        box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
        padding: 0px 20px 0px 30px;
        margin: 8px 0px 28px 8px;
        border: 2px solid #fcd74a;
    }
    .bh-terminated-election::before {
        display: none;
    }
    .election-total-card p {
        font-size: 12px;
    }
    .election-total-card h2 {
        font-size: 20px;
    }
    .election-total-card {
        box-sizing: border-box;
        margin: 4px 4px;
        padding: 6px 6px 6px 6px;
        /* max-width: calc(30.2% - 0px); */
    }
    .bh-icon-plus {
        padding-right: 6px !important;
    }
    .election-total-card {
        max-width: calc(18.2% - 0px);
    }
    .bh-election-part-1 h1 {
        padding: 0px 0px 0px 0px;
    }
    .bh-election-part-1 h3 {
        font-size: 20px;
        padding: 0px 0px 0px 0px;
    }
    .bh-election-total h3 {
        font-size: 22px;
        padding: 0px 0px 0px 0px;
    }
    .bh-padding-24 {
        padding-top: 12px!important;
        padding-bottom: 12px!important;
    }
    .bh-top-padding-12 {
        padding-top: 0px!important;
    }
    .ui-tabs-nav { display: none; }
    .ui-tabs .ui-tabs-hide { display: block !important; }
    .ui-tabs .ui-tabs-panel { display: block !important; }
    .print-title{
        color: #24315C;
        font-family: AvenirLTStd-black;
        font-size: 16px !important;
        padding: 0px 0px 0px 20px;
        margin: 0px;
    }
    .bh-contribution-width{
        display: none;
    }
    .bh-summary-sub-title p {
        font-size: 14px !important;
        margin: 10px 0 0px !important;
    }
    table.bh-table th {
        font-size: 13px !important;
        font-family: AvenirLTStd-Heavy !important;
    }
    table.bh-table td {
        font-size: 11px !important;
        font-family: AvenirLTStd-Medium !important;
    }
    .tb-icon-health{display: none;}
    .tb-icon-dental{display: none;}
    .tb-icon-vision{display: none;}
    .tb-icon-voluntary-ltd{display: none;}
    .tb-icon-voluntary-std{display: none;}
    .tb-icon-accident{display: none;}
    .tb-icon-accident-death{display: none;}
    .tb-icon-cancer{display: none;}
    .tb-icon-critical-illness{display: none;}
    .tb-icon-employer-paid-ltd{display: none;}
    .tb-icon-employer-paid-std{display: none;}
    .tb-icon-employer-paid-term-life{display: none;}
    .tb-icon-first-cancer{display: none;}
    .tb-icon-hospital-income{display: none;}
    .tb-icon-major-illness{display: none;}
    .tb-icon-universal-life{display: none;}
    .tb-icon-voluntary-term{display: none;}
    .tb-icon-section-125{display: none;}
    .tb-icon-401k{display: none;}
    .tb-icon-legal{display: none;}
    .tb-icon-pet{display: none;}
    .tb-icon-idtheft{display: none;}
    .tb-icon-other{display: none;}
    .tb-icon-commuter-benefits{display: none;}
    .tb-icon-home-and-auto{display: none;} 
    .tb-icon-travel{display: none;}
    .tb-icon-employee-assistance{display: none;} 
    .tb-icon-employer-acknowledgement{display: none;} 
    .tb-icon-carrier-acknowledgement{display: none;}
    .tb-icon-fixed_benefit{display: none;}
    .tb-icon-employer-communications{display: none;}
    .tb-icon-telemedicine{display: none;}
    .tb-icon-wellness-incentive{display: none;}
    .tb-icon-dependent_verification_communication{display: none;}
}

/* SYS ADMIN, ENROLLER AND EMPLOYER CSS - START  */
.bg-groups {
    background-color: #f2f9ff;
    background-image: url("images/bg-groups.png");
    display: block;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bg-client {
    background-color: #f2f9ff;
    background-image: url("images/bg-client.png");
    display: block;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bg-carrier {
    background-color: #f2f9ff;
    background-image: url("images/bg-carriers.png");
    display: block;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bg-tools {
    background-color: #f2f9ff;
    background-image: url("images/bg-tools.png");
    display: block;
    background-repeat: no-repeat;
    background-position: right bottom;
}
.bh-card-app-text{
    text-align: left;
}
.bh-card-app-text p {
  color: #84848C;
  font-family: AvenirLTStd-Medium;
  font-size: 14px;
  margin: 10px 0px !important;
}
.bh-card-app-button{
    font-size: 18px;
    font-family: AvenirLTStd-Black;
    border: 2px solid #2398DF;
    /* border-top: 1px solid #e9e9e9; */
    background-color: #FFFFFF;
    color: #2398DF;
    padding: 8px 30px !important;
    width: 90%;
    margin-bottom: 16px;
}
.bh-card-app-button:hover {
    background-color: #2398DF !important;
    color: #ffffff !important;   
}
/* Groups - GRAY */
.bh-card-icon-groups{
    background-image: url("images/icon-groups-gray.png");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Client - GRAY */
.bh-card-icon-client{
    background-image: url("images/icon-client-gray.png");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Carrier - GRAY */
.bh-card-icon-carrier{
    background-image: url("images/icon-carrier-gray.png");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
/* Tools - GRAY */
.bh-card-icon-tools{
    background-image: url("images/icon-tools-gray.png");
    margin-right: 8px;
    display: block;
    height: 36px;
    width: 36px;
    background-repeat: no-repeat;
    background-size: 36px 36px;
    float:left;
}
.app-button {
    margin-top: 8px;
    min-width: 170px;
    /* flex: 1 0 100px; */
    font-size: 15px !important;
    font-family: AvenirLTStd-Heavy !important;
    /* text-transform: uppercase; */
    margin: 16px 16px -80px 8px;
    cursor: pointer;
    /* flex: 1 0 100px; */
    border: 2px solid #2398DF;
    background-color: #FFFFFF;
    color: #2398DF;
    z-index: 1;
    position: relative;
    padding: 6px 8px !important;
}
.app-button:hover{
    padding: 6px 8px !important;    
    border: 2px solid #2398DF;
    background-color: #2398DF;
    color:#ffffff;
}
/* ADD */
.bh-icon-add{
    background-image: url("images/icon-add-blue.svg");
    display: inline-block;
    height: 24px;
    width: 24px;
    background-size: 20px 16px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align:bottom;
    margin-right: 4px;
}
.app-button:hover .bh-icon-add
{
    background-image: url("images/icon-add-white.svg");
}

.bh-email-row{
    display: none;
}

.bh-button-link{
    font-size: 13px;
    font-family: AvenirLTStd-Heavy;
    border: 2px solid #2398DF;
    background-color: #FFFFFF;
    color: #2398DF;
    margin: 12px 0px 4px 0px !important;
    padding: 4px 10px !important;
    cursor: pointer;
    display: inline-block; 
}

.bh-button-link:hover{
    background-color: #2398DF !important;
    border: 2px solid #2398DF !important;
    color: #ffffff !important;
}

.icon-position {
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-position div{
    margin-left: 2px;
    margin-right: 2px;
}

.bh-icon-delete-big{
    height: 56px;
    width: 56px;
    background-image: url("images/icon-delete.svg");
    background-repeat: no-repeat;
    background-size: 42px 42px;
}
.bh-dialog-text{
    padding:6px;
}
.bh-dialog-text p {
    color: #5B5B5B;
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    margin: 0px 0px !important;
}


.bh-ben-row{
    padding-top:6px;
    padding-bottom:6px;
    margin-left: 4px;
    margin-right: 4px;
}

.bh-input-percentage{
    width: 72%;
}

.bh-arrow-position:after {
    top: 8px !important;
}

.bh-checkbox-style1{
    float: left;
    display: flex;
    flex-wrap: wrap;
    width: 46px;
    height: 50px;
    margin-top: -10px;
    margin-left: -12px;
}  

.bh-input-beneficiary{
    margin: 0px 0px 16px 0px !important;
    padding: 0px 12px 0px 0px !important;
    min-width: 132px !important;
}

.bh-arrow-align::after{
    margin-top: -24px;
}



/* Switch CSS */

.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 18px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2398DF;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
  }

  /* Rounded sliders */
.slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }


.bh-pdf-view{
    box-shadow: 1px 1px 5px 2px rgba(119,216,54,0.5);
    padding: 0px 20px;
    margin: 8px 0px 16px 8px;
    border : 2px solid #77D836;
}

.bh-pdf-view p{
    color: #4b4d53;
    font-family: AvenirLTStd-Medium;
    font-size: 16px;
    padding-top: 0px;
}

.bh-pdf{
    box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1);
    padding: 0px 20px;
    margin: 8px 0px 16px 8px;
    
}

.bh-pdf p{
    color: #4b4d53;
    font-family: AvenirLTStd-Medium;
    font-size: 16px;
    padding-top: 0px;
}

.bh-margin-16{
    margin-left: 16px;
    margin-right: 16px;
}

.bh-icon-pdf{
    margin-right: 12px;
    margin-top: -4px;
    display: block;
    height: 32px;
    width: 32px;
    background-image: url("images/icon-pdf-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
}

.bh-cursor{
    cursor: pointer;
}

.bh-pdf-list{
    display: block; 
    height: 228px; 
    overflow-y: auto; 
    padding-right: 4px;
}
.ui-accordion .bh-accordion-pdf-view{
    /* box-shadow: 1px 1px 5px 2px rgba(0,0,0,0.1) !important;
    background-color: #f2f9ff !important;  */
    /* border: 1px solid #24315C !important; */
}



.button-disabled {
    cursor: default;
    background-color: #F3FAFF !important;
    border: 1px solid #D8D8DC;
    color: #808080 !important;
}

.button-disabled a{
    cursor: default !important;
}

.button-disabled:hover {
    cursor: default;
    background-color: #F3FAFF !important;
    border: 1px solid #D8D8DC !important;
    color: #808080 !important;
}


/* NEW DROPDOWN MENU NAVIGATE WITH KEYBOARD*/
.bh-nav-btn:focus{
    border-top: 0px solid #2398DF !important;
    border-bottom: 6px solid #2398DF !important;
}
.disclosure-nav {
    /* background-color: #eee; */
    display: flex;
    list-style-type: none;
    padding: 0;
  }
.disclosure-nav ul {
    border-top-width: 5px;
    border-radius: 0 0 4px 4px;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    cursor: auto;
    color: #84848C;
    background-color: #fff;
    position: absolute;
    margin: 10px 10px;
    /* padding: 5px 20px 0px 20px; */
    z-index: 1000;
    box-shadow: 0 2px 5px 0 rgb(61 51 51 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.bh-dropdown-position-02 {
    margin-right:200px !important; 
    margin-left: -60px !important;
    min-width: 260px !important;
}
.bh-dropdown-position-02::before{
    content: "";
    display: block;
    top:-10px;
    height: 20px;
    margin: 0px 0px 0px 126px;
    width: 120px;
    background-image: url(images/white-arrow.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;   
}
.bh-dropdown-position-04 {
    margin-right:40px !important; 
    margin-left: -50px !important; 
    min-width: 140px !important;
}
.bh-dropdown-position-04::before{
    content: "";
    display: block;
    top:-10px;
    height: 20px;
    margin: 0px 0px 0px 8px;
    width: 120px;
    background-image: url(images/white-arrow.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
}
.bh-nav-btn-dropdown{
    font-size: 14px!important;
    font-family: AvenirLTStd-Heavy;
    padding: 14px !important;
    background-color: #ffffff;
    color:#84848C;
    letter-spacing: .5px;
    margin: 0px 20px 0px 20px ;
    /* padding:16px 20px 16px 20px  !important; */
    cursor: pointer;
}
.bh-nav-btn{
    height: 69px;
    color: #84848C;
    font-family: AvenirLTStd-Heavy;
    font-size: 18px;
    padding: 0px 12px 0px 12px !important;
    cursor: pointer;
    border-bottom: 6px solid #ffffff;
}
.bh-nav-btn:hover {
    color:  #84848C !important;
    background: none !important;
}
.bh-nav-active{
    border-bottom: 6px solid #2398DF!important;
    color: #84848c !important;
    position: relative;
    padding: 8px 12px 7px 12px !important;
}
.disclosure-nav li {
    margin: 0 !important; 
    padding: 0 !important;
  }
.disclosure-nav ul a {
    border: 0;
    display: block;
    margin: 0;      
    padding: 18px 18px 21px 18px;
    border-bottom: 1px solid #D8D8DC !important;
   /* text-decoration: underline; */
}
.disclosure-nav ul a:hover,
.disclosure-nav ul a:focus {
    padding: 18px 18px 18px 18px;
    list-style-type:none;
    border-right: 0px solid #2398DF !important;
    border-left: 0px solid #2398DF !important;
    border-top: 0px solid #2398DF !important;
    border-bottom: 4px solid #2398DF !important;
  }
  /* .disclosure-nav ul a:focus {
    outline: 5px solid rgba(0, 90, 156, 0.75);  
    position: relative;
  } */
  
  .disclosure-nav button {
    align-items: center;
    /* border: 1px solid transparent; */
    /* border-right-color: #ccc; */
    display: flex;
    padding: 1em;
  }
  .disclosure-nav button::after {
    /* content: "";
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    height: 0.5em;
    margin-left: 0.75em;
    width: 0.5em;
    transform: rotate(45deg); */
  }
  .disclosure-nav button:focus {
    border-color: #005a9c;
    outline: 5px solid rgba(0, 90, 156, 0.75);
    position: relative;
  }
  .disclosure-nav button:hover,
  .disclosure-nav button[aria-expanded=true] {
    /* background-color: #005a9c; */
    /* color: #fff; */
}
.disclosure-nav button:hover::after,
.disclosure-nav button[aria-expanded=true]::after {
    border-color: #fff;
}
/* Styles for example page content section */
.disclosure-pagecontent {
    border: 1px solid #ccc;
    padding: 1em;
}
.disclosure-pagecontent h3 {
    margin-top: 0.5em;
}
li > .bh-button-arrow:after {
    content: url(images/down-arrow-gray.png);
    display: block;
    padding:0px 6px 8px 6px ;
    width: 30px;
}
/* Radio button without border Small  */
.bh-radio-btn-sm {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    font-family: AvenirLTStd-Light;
    font-weight:lighter;
    padding: 2px 0px 2px 22px;
    margin: 0px 12px 0px 0px;
}
/* Hide the browser's default radio button */
.bh-radio-btn-sm input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.bh-radio-btn-sm span{
    color: #4b4d53;
    font-family: AvenirLTStd-book;
}
/* Create a custom radio button */
.bh-radio-checkmark-sm {
    position: absolute;
    top: 6px;
    left: 0px;
    height: 13px;
    width: 13px;
    background-color: #fafafa;
    border-radius: 50%;
    border: 2px solid #84848C;
}
.bh-radio-btn-sm p{
    margin: 0px;
    padding: 0px;
}
.bh-radio-btn-sm input:checked ~ label {
    color: blue !important;
}
/* When the radio button is checked, add a blue background */
.bh-radio-btn-sm input:checked ~ .bh-radio-checkmark {
    background-color: #ffffff;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.bh-radio-checkmark-sm:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.bh-radio-btn-sm input:checked ~ .bh-radio-checkmark-sm:after {
    display: block;
}
.bh-radio-btn-sm input:checked ~ .bh-radio-checkmark-sm{
    border: 2px solid #24315C;
}
/* Style the indicator (dot/circle) */
.bh-radio-btn-sm .bh-radio-checkmark-sm:after {
    top: 2px;    
    left: 2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #77D836;
}
/* Radio btn Authentication option 1 START */
.bh-radio-btn-auth{}
.bh-radio-btn-auth .bh-radio-label-auth:after  {
    content: '';
    position: absolute;
    top: 12px;
    left: 14px;
    height: 26px;
    width: 26px;
    background-color: #fafafa;
    border-radius: 50%;
    border: 1px solid #24315C;
}
.bh-radio-btn-auth input:checked ~ .bh-radio-label-auth:after {
    color:#ffffff;
    background-color: #77D836;
    border: 2.5px solid #ffffff;
}
.bh-radio-btn-auth .bh-radio-label-auth{
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-family: AvenirLTStd-Heavy;
    color: #24315c;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 12px 12px 50px;
    background-color: #ffffff;
    /* border: 1px solid #D8D8DC; */
    /* margin: 10px 0px 10px 0px; */
    max-width: 450px;
}
.bh-radio-btn-auth .bh-radio-label-auth span{
    font-family: AvenirLTStd-book;
}
/* Hide the browser's default radio button */
.bh-radio-btn-auth input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.bh-radio-btn-auth input:checked ~ .bh-radio-label-auth {
    color:#ffffff;
    background-color: #24315C;
}
/* Radio btn END */
/* Radio btn Authentication option 2 START */
.bh-radio-btn-auth-2{  }
.bh-radio-btn-auth-2 .bh-radio-label-auth-2:after  {
    content: '';
    position: absolute;
    top: 12px;
    left: 14px;
    height: 26px;
    width: 26px;
    background-color: #fafafa;
    border-radius: 50%;
    border: 1px solid #84848C;
}
.bh-radio-btn-auth-2 input:checked ~ .bh-radio-label-auth-2:after {
    display: block;
    content: '';
    border: 1px solid #24315C;
    background-image: url(images/green-dot.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px 25px;
}
.bh-radio-btn-auth-2 .bh-radio-label-auth-2{
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    font-weight: 300;
    color: #4b4d53;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 12px 12px 12px 50px;
    background-color: #ffffff;
    max-width: 450px;
}
.bh-radio-btn-auth-2 .bh-radio-label-auth-2 span{
    font-family: AvenirLTStd-Medium;
    font-weight: 300;
}
.bh-radio-btn-auth-2 input:checked ~ .bh-radio-label-auth-2  span{
    color: #24315C;    
}
/* Hide the browser's default radio button */
.bh-radio-btn-auth-2 input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.bh-radio-btn-auth-2 input:checked ~ .bh-radio-label-auth-2 {
    color: #4b4d53;
  /* background-color: #F5F5F5; */
}
/* Radio btn END */
.bh-ul-style{
    margin: 4px 0px 0px 0px; 
    padding: 0; 
    list-style-type: none; 
}
.bh-auth-text{
    color: #84848C; 
    font-family: AvenirLTStd-Medium;
    font-size:16px; 
    padding: 0px 0px 0px 8px;
}
/* Radio btn two line START */
.bh-radio-btn-2line {
    display: block;
    position: relative;
    cursor: pointer;
}
.bh-radio-btn-2line h1{
    font-family: AvenirLTStd-Medium;
    color: #4b4d53;
    font-weight:200;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0px 0px 0px 34px;
    margin: 0px 2px -5px 0px;   
}
.bh-radio-btn-2line p{
    font-family: AvenirLTStd-Light;
    font-weight:lighter;
    font-size: 12px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 2px 0px 4px 35px;
    margin: 0px;
    color: #84848C;
}
 /* Hide the browser's default radio button */
.bh-radio-btn-2line input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom radio button */
.bh-radio-check-2line {
    position: absolute;
    top: 6px;
    left: 0px;
    height: 26px;
    width: 26px;
    background-color: #fafafa;
    border-radius: 50%;
    border: 1px solid #84848C;
}
/* On mouse-over, add a grey background color */
.bh-radio-btn-2line:hover input ~ .bh-radio-check-2line {
    background-color: #fff !important;
}
/* When the radio button is checked, add a blue background */
.bh-radio-btn-2line input:checked ~ .bh-radio-check-2line {
    background-color: #ffffff;
    border: 1px solid #84848C;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.bh-radio-check-2line:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.bh-radio-btn-2line input:checked ~ .bh-radio-check-2line:after {
    display: block; 
}
/* Style the indicator (dot/circle) */
.bh-radio-btn-2line .bh-radio-check-2line:after {
    top: 2px;    
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#77d836+61,8cff3f+100 */
    background: #77d836; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #77d836 61%, #8cff3f 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  #77d836 61%,#8cff3f 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  #77d836 61%,#8cff3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77d836', endColorstr='#8cff3f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.bh-auth-code{
    color: #24315C;
    font-family: AvenirLTStd-Black !important;
    font-weight: bold;
    font-size: 16px;
    padding:0px 0px 15px 0px;
    margin:-8px 0px 0px 0px;    
}
.bh-auth-link{
    padding:0px;
    margin:0px;  
}
.bh-auth-link a{
    color: #2398DC;
    font-family: AvenirLTStd-Medium !important;
    font-size: 16px;
    cursor: pointer;
}
.bh-error-block + .show-password{
    margin-top: -52px !important;
    margin-right: 16px !important;
}

/* POPUP MENU WITH ICON */
.popup-button {
    border: none;
    cursor: pointer;
    opacity: 0.6;
    transition: 0.3s;
    background-color: rgba(132, 132, 140, 0.0);
    padding:4px 4px 4px 4px;
    margin:0px;
    border-radius: 25px;
    transition: 0.6s;
    border: none;
}
.popup-button:hover{
    background-color: rgba(132, 132, 140, 0.4);
    border: none;
}
.popup {
    position: relative;
    text-align: center;
    margin: 0px !important;
    /* height: 24px; */
    align-items: top;
}
/* .popup-content::after{
    content: "";
    display: block;
    top:0px;
    height: 20px;
    margin: 0px 0px 0px 0px;
    background-image: url(bh/css/images/white-arrow.png);
    background: firebrick;
    background-repeat: no-repeat;
    background-position: top right;   
} */
.popup-content {
    border-top-width: 5px;
    /* border-radius: 0 0 4px 4px; */
    display: block;
    margin: 0;
    padding: 0;
    position: absolute;
    cursor: auto;
    color: #84848C;
    background-color: #fff;
    margin: 10px;
    right:-10px;
    z-index: 1000;
    box-shadow: 0 1px 3px 0 rgb(61 51 51 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.arrow-down::after {
    content: "";
    display: block;
    top:-10px;
    left:-8px;
    height: 20px;
    margin: 0px;
    width: 100%;
    background-image: url(images/white-arrow-up.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
}

.arrow-up::after {
    content: "";
    display: block;
    bottom:-20px;
    left:-8px;
    height: 20px;
    margin: 0px;
    width: 100%;
    background-image: url(images/white-arrow-down.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
}
.popup-content ul{
    list-style: none;
    margin: 0px;
    padding:0px;
}
.popup-content ul li{
    /* border-bottom: 1px solid rgba(132, 132, 140, 0.2); */
    padding: 10px 14px 10px 10px;
    text-align: left; 
    cursor: pointer;
    /* display: flex; */
    white-space: nowrap;
}
.popup-content ul li:hover{
    /* border-bottom: 1px solid rgba(132, 132, 140, 0.2); */
    padding: 10px 14px 10px 10px;
    text-align: left; 
    background-color: #2398DF !important;
    color: #ffffff !important;  
}

.popup-content ul li span{
    padding-right: 14px;
}
.popup-content ul li:hover span{
    padding-right: 14px;
}

.popup-content ul li:hover .bh-icon-edit
{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-edit-white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
}

.popup-content ul li:hover .bh-icon-download
{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-download-white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
}


.bh-icon-delete{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-delete.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
    padding-right: 30px;
}

.popup-content ul li:hover .bh-icon-delete
{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-delete-white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
}

.bh-icon-view{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-view.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
    padding-right: 30px;
}

.popup-content ul li:hover .bh-icon-view
{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-view-white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
}

.bh-icon-expand{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-expand.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
    padding-right: 30px;
}

.popup-content ul li:hover .bh-icon-expand
{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-expand-white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
}

.bh-icon-shrink{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-shrink.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
    padding-right: 30px;
}

.popup-content ul li:hover .bh-icon-shrink
{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-shrink-white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
}


.popup-content ul li:hover a span{
    color: #ffffff !important;
}

.popup-content ul li a {
    display: flex;
    align-items:center;
    padding: 6px 4px 2px 4px;
    font-size: 13px;
}

.popup-content ul li a span{
    padding: 2px 4px;
    text-decoration: none;
    display: block;
    color: #84848C;
    white-space: nowrap;
}

.popup-content ul li a img{
    padding: 4px 6px 4px 2px;
}
.no-titlebar .ui-dialog-titlebar {
    display: none;
}
.bh-dialog-header{
    background-color: #fff;
}
.bh-dialog-header h1{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-weight: normal;
    font-size: 24px;
    margin: 0px 0px !important;
    padding: 18px 12px 0px 16px;
    line-height: 140%;
    display:inline-block;
} 
.bh-dialog-main{
    overflow:hidden;
    padding: 0px !important;
}
.bh-dialog-middle{
    max-height: 480px;
    overflow:auto;
    padding: 0px 36px 80px 36px;
}
.bh-dialog-middle p {
    color: #84848C;
    font-family: AvenirLTStd-Book;
    font-weight: normal;
    font-size: 16px;
    margin: 0px 0px !important;
    padding: 6px 0px;
    line-height: 175%;
}
.bh-titlebar-white>.ui-dialog-titlebar {
    background-color: #ffffff;
}
.bh-titlebar-white>.ui-dialog-titlebar>.ui-dialog-titlebar-close{
    display: none;
}
.bh-dialog-footer{
    position: absolute;
    bottom: 0;
    right: 30px;
    width: 100%;
    height: 80px;
    padding: 10px 0px 0px 0px;
    background-color: #ffffff;
}

.bh-accent-text>ul>li{
    padding: 1px !important;
    font-family: AvenirLTStd-Book !important;
    font-weight: normal !important;
    font-size: 14px !important;
    color: #4b4d53 !important;
    line-height: 140% !important;
    margin: 0px 0px 0px -10px !important;
    /* text-indent: 12px !important; */
}

.accordion-title{
    display: block !important;
} 

.bh-threequarter>.bh-input-panel.bh-padding-16>.bh-row.bh-padding-24>.bh-col.m12.bh-sub-title {
	display: none;
}


.bh-icon-plus-blue{
    cursor: pointer;
    margin: 3px 2px 0px 2px;
    display: block;
    height: 20px;
    width: 20px;
    background-image: url("images/icon-plus.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}

.bh-icon-minus-blue{
    cursor: pointer;
    margin: 3px 2px 0px 2px;
    display: block;
    height: 20px;
    width: 20px;
    background-image: url("images/icon-minus.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
}


    /* SWITCH INPUT  */
   
    /* ============================================================
      COMMON
    ============================================================ */
    .cmn-toggle {
        position: absolute;
        margin-left: -9999px;
        visibility: hidden;
      }
      .cmn-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
  
  
        
      /* ============================================================
        SWITCH 2 - ROUND FLAT
      ============================================================ */
      input.cmn-toggle-round-flat + label {
        margin-top: 0px;
        margin-bottom: 0px;        
        width: 36px;
        height: 20px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 80px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
      }
      
      input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {
        display: block;
        position: absolute;
        content: "";
        top: 3px;
        left: 3px;
        bottom: 3px;
        right: 1px;
        border: 1px solid #ffffff;  
      }
      
      input.cmn-toggle-round-flat + label:before {
        background-color: #ffffff;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 80px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
        border: 2px solid #9E9E9E;  
        padding: 0px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;   
      }
      input.cmn-toggle-round-flat + label:after {
        width: 12px;
        background-color: #9E9E9E;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 80px;
        -webkit-transition: margin 0.4s, background 0.4s;
        -moz-transition: margin 0.4s, background 0.4s;
        -o-transition: margin 0.4s, background 0.4s;
        transition: margin 0.4s, background 0.4s;
      }
  
      input.cmn-toggle-round-flat:checked + label:before {
        background-color: #2398DF;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 80px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
        border: 2px solid #2398DF;  
        padding: 0px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px; 
      }
  
      input.cmn-toggle-round-flat:checked + label {
        /*background-color: #2398DF;*/
      }
  
      input.cmn-toggle-round-flat:checked + label:after {
        margin-left: 16px;
        background-color: #ffffff; 
        border: 1px solid #ffffff;  
      }
  
      .bh-banner-error-size{
        width: auto !important;
        margin: 20px 20px 12px 40px !important;
    }
    
    .btn {
        margin-top: -20px !important;
        min-width: 100px;
        font-size: 15px !important;
        font-family: AvenirLTStd-Heavy !important;
        cursor: pointer;
        border: 2px solid #2398DF;
        background-color: #FFFFFF;
        color: #2398DF;
        z-index: 1;
        position: relative;
        padding: 8px!important;
        vertical-align: bottom !important;
    }
   
    .btn:hover{
        padding: 8px!important;
        border: 2px solid #2398DF;
        background-color: #2398DF;
        color:#ffffff;
    }


    /* PROCESS */
.bh-icon-process{
    background-image: url("images/icon-process-blue.png");
    display: inline-block;
    height: 20px;
    width: 20px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align:bottom;
    margin-right: 6px;
}
.btn:hover .bh-icon-process
{
    background-image: url("images/icon-process-white.png");
}


.details-select {
    position: relative;
    /*Don't really need this just for demo styling*/
    
    min-width: 150px;
  }
  
  .details-select:after {
      content: '';
      /* font: normal normal normal 17px/1 FontAwesome; */
      color: #24315c;
      right: 16px;
      top: 40px;
      margin-top: 10px;
      height: 30px;
      padding: 12px;
      background-image: url("images/select-arrow.png");
      background-repeat: no-repeat;
      background-size: 20px 18px; 
      position: absolute;
      pointer-events: none;
  }
  



    .panel{
        margin-top: 12px;
        margin-bottom: 12px;
        margin-left: -4px;
        margin-right: -4px;
        padding: 12px;
        border: 1px solid #dcdcdc;
        border-radius: 8px;
        box-shadow: 1px 1px 5px 2px rgb(0 0 0 / 10%)
    }
    .panel-heading{
        margin-top: -22px;
        margin-left: -12px;
        margin-right: -12px;
    }
    .panel-title{
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        background-color: #2398DF;
        color: #ffffff;
        font-family: AvenirLTStd-Medium;
        font-size: 16px;
        line-height: 100%;
        padding: 12px 20px 12px 22px;
        text-align: left;
        border-bottom: 1px solid #dcdcdc;
    }

    
    .panel-subtitle{
        background-color: #fafafa;
        color: #24315C;
        font-family: AvenirLTStd-Medium;
        font-size: 15px;
        line-height: 100%;
        padding: 12px 20px 12px 22px;
        margin-top: -8px;
        text-align: left;
        border-bottom: 1px solid #cccccc;
    }
    .panel-body{
        margin-left: -12px;
        margin-right: -12px;
        margin-bottom: -12px;
        
    }

    .panel-body table{
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: -12px;
        box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%) !important;
    }
    .panel-body table tbody{
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }

    
    .bh-dependent-panel{
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        line-height: 1.3;
        text-decoration: none;
        list-style: none;
        margin-top: -16px;
    }
 
    .bh-dependent-header-active{
        border-top-left-radius: 8px !important;
        border-top-right-radius: 8px !important;
        border-top: #dcdcdc 1px solid !important;
        border-left: #dcdcdc 1px solid !important;
        border-right: #dcdcdc 1px solid !important;
        border-bottom: #ffffff 1px solid !important;
        margin-top: 8px !important;
        display: block;
        position: relative;
        margin: 2px 0 0 0;
        padding: 20px 16px;
        color: #24315C;
        background-color: #fafafa !important;
        border-radius: 0px;
        font-family: AvenirLTStd-Heavy;
        font-size: 18px;
    }

    .bh-dependent-header-inactive{
        border-radius: 8px !important;
        border: #dcdcdc 1px solid !important;
        margin-top: 8px !important;
        display: block;
        position: relative;
        margin: 2px 0 0 0;
        padding: 20px 16px;
        color: #afafaf;
        background-color: #fafafa !important;
        border-radius: 0px;
        font-family: AvenirLTStd-Heavy;
        font-size: 18px;
    }

    .bh-dependent-header-inactive::after{
        display: block;
        content: '';
        margin-top: -8px;
        height: 40px;
        width: 40px;
        background-image: url("images/icon-checkmark-green.png");
        background-size: 40px 40px;
        float: right;
    }

    .bh-dependent-panel>div{
        background-color: #ffffff !important;
        border: none;
        padding: 1em 2.2em;
        font-family: AvenirLTStd-Book;
        color: #4B4D53;
        line-height: 160% !important;
        font-weight: normal;
        margin: 0;
        outline: 0;
        text-decoration: none;
        font-size: 100%;
        list-style: none;
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
        border-bottom: #dcdcdc 1px solid !important;
        border-left: #dcdcdc 1px solid !important;
        border-right: #dcdcdc 1px solid !important;
        padding: 2px 1.2em 2px 1.2em;
    }

    
    .panel-body table.dataTable.display tbody tr td:first-child {
        border-bottom-left-radius: 8px !important;
    }

    .panel-body table.dataTable.display tbody tr td:last-child {
        border-bottom-right-radius: 8px !important;
    }


.bh-input-85{
    padding: 7px 10px;
    width: 85%;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
    background-color: #ffffff;
    border: none !important;
    box-shadow: 0 1px 4px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
}

.bh-input-85:focus {
    outline: none !important;
    box-shadow: 0 0 3px #84848C;
}    

.bh-select-right {
    position: relative;
    /*Don't really need this just for demo styling*/
    min-width: 150px;
    float: right !important;
    margin-bottom: 10px;
}
.bh-select-lable-right {
    position: relative;
    /*Don't really need this just for demo styling*/
    min-width: 150px;
    float: right !important;
    margin-bottom: 10px;
}

.bh-select-lable-right label{
    margin: 0px 0px 0px -2px !important;
}

.bh-select-right:after {
    content: '';
    /* font: normal normal normal 17px/1 FontAwesome; */
    color: #24315c;
    right: 8px;
    top: 10px;
    height: 30px;
    padding: 12px;
    background-image: url("images/select-arrow.png");
    background-repeat: no-repeat;
    background-size: 20px 18px; 
    position: absolute;
    pointer-events: none;
 }
  
/* IE11 hide native button (thanks Matt!) */
 select::-ms-expand {
    display: none;
 }
  
 .bh-select-right select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 100%;
    max-width: 480px;
    height: 36px;
    float: right;
    margin: 2px 0px;
    padding: 0px 36px 0px 12px !important;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
    color: #808080;
    background-color: #ffffff;
    border: none !important;
    box-shadow: 0 1px 4px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
 }

 .bh-select-right select:focus {
    outline: none !important;
    box-shadow: 0 0 3px #84848C;
 }

.bh-select-right select option{
    font-size: 14px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
}

/* EMPLOYER DASHBOARD */

.bh-chart-box-1{
    border: 1px solid #e5e5e8; 
    height: 540px;
    display: flex;
}

.bh-chart-left{
    height: 100%;
    width: 73%;
    border-right: 1px solid #e5e5e8; 
}

.bh-chart-box-2{
    border: 1px solid #e5e5e8; 
    height: 700px;
    margin-top: -1px;
}

.bh-chart-title{
    padding:28px 32px 6px 32px;
}
.bh-chart-title>h1{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 28px;
    line-height: 100%;
    padding-bottom: 0px;
}
.bh-chart-content{
    padding:0px 32px;
}

.bh-chart-tab{
    border-bottom: 0px solid #ffffff !important;
    padding: 0px 0px 0px 0px !important;
}
.bh-chart-tab .ui-tabs-anchor{
    padding:6px 0px !important;
    margin:6px 30px 6px 0px!important;
    
}
.bh-chart-tab li{
    margin: 0px 0px 0px 0px;
    border-radius: 2px; 
    border-top: 0px solid #DDDFE2 !important;
    border-left: 0px solid #DDDFE2 !important;
    border-right: 0px solid #DDDFE2 !important;
    
}
.bh-chart-tab li.ui-tabs-active{
    padding-bottom: 2px !important;
    border-top: 0px solid #ffffff !important;
    border-left: 0px solid #DDDFE2 !important;
    border-right: 0px solid #DDDFE2 !important;
    border-bottom: 2px solid #ffffff !important;
    
 }
.bh-chart-tab li a{
    font-weight: lighter;;
    font-family: AvenirLTStd-Light;
    font-size: 16px !important;
    outline-color: transparent !important;
    text-decoration: none !important;
    background-color: #ffffff !important;
    border-top: 6px solid #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
    letter-spacing: .4px;
    cursor: pointer !important;
    
}

.bh-chart-tab li.ui-tabs-active a{
    font-family: AvenirLTStd-Heavy;
    border-bottom: 2px solid #24315C !important;
    color: #24315C !important;
    letter-spacing: 0px;
}


.bh-chart-link{
    padding: 4px 0px 0px 4px;
}

.bh-chart-link>p>a{
    font-family: AvenirLTStd-Book;
    color: #84848C;
    letter-spacing: .4px;
    font-size: 16px;
    text-decoration: none;
    border-bottom: 2px solid #84848C;
    cursor: pointer;
    padding: 6px 0px;
}



.bh-chart-cards {
    display: flex;
    flex-wrap: wrap;
    
 }

.bh-chart-card {
    flex: 1 0 500px;
    box-sizing: border-box;
    margin: 16px 16px;
    max-width: calc(30.2% - 10px);
}
.bh-chart-border {
    border: 1px solid #e5e5e8; 
    display: table-cell !important;
}

.bh-chart-data{
    padding: 10px;
    min-height: 200px;
}

.bh-panel-notifications{
    padding:0px 30px 0px 30px;
}

.bh-chart-tab li a i{
    font-weight: lighter;;
    font-family: AvenirLTStd-Medium;
    font-size: 11px !important;
    outline-color: transparent !important;
    padding: 2px 7px;
    margin:6px;
    border-radius: 40px;
    color:#ffffff !important;
    font-style: normal;
}

.bh-dark-gray{
    background-color: #5f6773;
}
.bh-blue{
    background-color:#2398DF;
}
.bh-light-green{
    background-color:#bedf23;
}
.bh-dark-purple{
    background-color:#585888;
}
.bh-light-pink{
    background-color:#f9caca;
}

.bh-div-notifications{
    margin-bottom: 20px;
    max-height: 330px;
    overflow: auto;
}
.bh-table-notifications{
    width: 100%;
    margin: 12px 0px;
    border-collapse: collapse;    
}

.bh-table-notifications tr th {
    padding: 12px;
    border-top: 1px solid #fff; 
    border-left: 1px solid #fff; 
    border-right: 1px solid #fff; 
    text-align: left;
    font-weight: lighter;
    font-family: AvenirLTStd-Medium;
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: .8px;
    color: #84848C;
}


.bh-table-notifications tr td {
    padding:14px;
    font-family: AvenirLTStd-Medium;
    font-size: 15px;
}

.bh-table-notifications tr td:first-child{
    font-family: AvenirLTStd-Heavy;
    font-size: 15px;
}

.bh-table-notifications tr td:last-child{
    font-family: AvenirLTStd-Heavy;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
   
}

.bh-table-notifications tr th:last-child{
    text-align: center;
    
}


.bh-table-notifications tr { 
    border: 1px solid #e5e5e8;
}

.bh-color-box{
    height: 18px;
    width: 18px;
    display: inline-block;
    margin: 0px 8px 0px 4px;
    vertical-align: middle;
}

.bh-switch-text {
	position: relative;
	display: block;
	vertical-align: top;
	width: 154px;
	height: 24px;
	padding: 0px;
	margin: 3px 10px 10px 0;
    border: 1px solid #cccccc;
	border-radius: 4px;
	cursor: pointer;
	box-sizing:content-box;
}
.bh-switch-text-input {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	box-sizing:content-box;
}
.bh-switch-text-label {
	position: relative;
	display: block;
	height: inherit;
	font-size: 12px;
    font-family: AvenirLTStd-Medium;
	background: none;
	border-radius: inherit;
	box-sizing:content-box;
}
.bh-switch-text-label:before, .bh-switch-text-label:after {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	line-height: 1;
	-webkit-transition: inherit;
	-moz-transition: inherit;
	-o-transition: inherit;
	transition: inherit;
	box-sizing:content-box;
}
.bh-switch-text-label:before {
	content: attr(data-off);
	display: block;
    text-align: center;
    width: 50%;
	color: #5f6773;
	opacity: 1;
    z-index: 1;
    left: 50%;
}
.bh-switch-text-label:after {
	content: attr(data-on);
	color: #ffffff;
	opacity: 1;
    z-index: 1;
    display: block;
    text-align: center;
    width: 50%;
}
.bh-switch-text-input:checked ~ .bh-switch-text-label {
	color: #ff0000;
}
.bh-switch-text-input:checked ~ .bh-switch-text-label:before {
	color: #ffffff;
    opacity: 1;
    z-index: 1;
}
.bh-switch-text-input:checked ~ .bh-switch-text-label:after {
	color: #5f6773;
    opacity: 1;
    z-index: 1;
}
.bh-switch-text-handle {
	position: absolute;
    border-radius: 4px;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 24px;
	background: #5f6773;
}

.bh-switch-text-input:checked ~ .bh-switch-text-handle {
	left: 80px;
	box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
 
/* Transition
========================== */
.bh-switch-text-label, .bh-switch-text-handle {
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	-moz-transition: All 0.3s ease;
	-o-transition: All 0.3s ease;
}

/* CALENDER  */
.bh-calendar{
    padding: 10px 24px;
    width: 350px;
}

.bh-dropdwon-list{
    margin: 0px;
    padding: 24px 0px 0px 0px;
    z-index: 1000;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;   
}

.bh-dropdwon-list ul{
    border: 1px solid #e5e5e8 ;
    border-radius: 6px;
}

.bh-dropdwon-list button{
    /* background-color: #000000; */
    font-size: 16px!important;
    font-family: AvenirLTStd-Book;
    padding: 0px 8px 0px 12px !important;
    color: #84848C;
    letter-spacing: .5px;
    /* padding: 16px 20px 16px 20px !important; */
    cursor: pointer;
}

.bh-dropdwon-list ul button:hover{
    background: #e5e5e8 !important;
    border-radius: 6px;
}

.bh-dropdown-list-position {
    margin-right:40px !important; 
    margin-left: 0px !important; 
    min-width: 90px !important;
    border-radius: 6px !important;
}

.bh-dropdown-list-position::before{
    content: "";
    display: block;
    top:-10px;
    height: 20px;
    margin: 0px 0px 0px 8px;
    width: 70px;
    background-image: url(images/white-arrow.png);
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
}

.bh-dropdown-list-btn{
    font-size: 14px!important;
    font-family: AvenirLTStd-Book;
    padding: 4px !important;
    color:#84848C !important;
    letter-spacing: .5px;
    margin: 0px 8px 0px 8px ;
    /* padding:16px 20px 16px 20px  !important; */
    cursor: pointer;
}

.bh-dropdown-list-btn>a{
    border: 0;
    display: block;
    padding: 8px 10px 11px 10px !important;
    border-bottom: 1px solid #D8D8DC !important;
    color:#84848C !important;
}

.bh-dropdown-list-btn>a:hover,
.bh-dropdown-list-btn>a:focus {
    /* padding: 18px 18px 18px 18px; */
    list-style-type:none;
    border-right: 0px solid #2398DF !important;
    border-left: 0px solid #2398DF !important;
    border-top: 0px solid #2398DF !important;
    border-bottom: 4px solid #2398DF !important;
    padding: 8px 10px 8px 10px !important;
  }


/*the container must be positioned relative:*/
.bh-custom-select {
    position: relative;
    font-family: Arial;
  }
  
  .bh-custom-select select {
    display: none; /*hide original SELECT element:*/
  }
  
  .select-selected {
    background-color: DodgerBlue;
  }
  
  /*style the arrow inside the select element:*/
  .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
  }
  
  /*point the arrow upwards when the select box is open (active):*/
  .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
  }
  
  /*style the items (options), including the selected item:*/
  .select-items div,.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
  }
  
  /*style items (options):*/
  .select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
  }
  
  /*hide the items when the select box is closed:*/
  .select-hide {
    display: none;
  }
  
  .select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
  }


.bh-select-position{
    padding: 36px 20px 20px 00px;
}

  
.bh-select-year {
    position: relative;
    /*Don't really need this just for demo styling*/
     /* float: left; */
     
  }
.bh-select-year:after {
      content: '';
      color: #24315c;
      background-image: url("images/down-arrow-gray.png");
      background-repeat: no-repeat;
      background-size: 14px 22px; 
      right: 2px;
      margin-top: 2px;
      height: 30px;
      padding: 12px;
      position: absolute;
      pointer-events: none;
  }
  /* IE11 hide native button (thanks Matt!) */
  select::-ms-expand {
    display: none;
  }
  
  .bh-select-year select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    width: 100%;
    /* max-width: 420px; */
    height: 44px;
    float: right;
    /* margin: 5px 0px; */
    padding: 0px 24px;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
    color: #808080;
    background-color: #ffffff;
    border-radius: 6px;
    border: 1px solid #e5e5e8;
  }

  .bh-select-year select:focus {
    outline: none !important;
    border: 1px solid #e5e5e8;
}

.bh-select-year select option{
    font-size: 14px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
}



.bh-select-search {
    /* position: relative; */
    /*Don't really need this just for demo styling*/
     float: left;
    /* width: 90px;  */
  }
.bh-select-search:after {
      content: '';
      color: #24315c;
      background-image: url("images/down-arrow-gray.png");
      background-repeat: no-repeat;
      background-size: 14px 22px; 
      right: 2px;
      margin-top: 4px;
      height: 30px;
      padding: 12px;
      position: absolute;
      pointer-events: none;
  }
  /* IE11 hide native button (thanks Matt!) */
  select::-ms-expand {
    display: none;
  }
  
  .bh-select-search select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Add some styling */
    display: block;
    /* width: 100%; */
    /* max-width: 420px; */
    height: 40px;
    float: right;
    /* margin: 5px 0px; */
    padding: 0px 30px 0px 12px;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    background-image: none;
    -ms-word-break: normal;
    word-break: normal;
    color: #808080;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #cccccc;
  }

  .bh-select-search select:focus {
    outline: none !important;
    border: 1px solid #e5e5e8;
}

.bh-select-search select option{
    font-size: 14px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
}

.bh-select-search-position{
    /* width: 200px; */
    position: absolute; 
    display: block;
    z-index: 1; 
    margin: 16px 20px 20px 20px; 
}
.bh-search-label{
    margin: 0px 8px 0px 0px;
    line-height: 300%; 
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color: #84848C;
}
.bh-loading-animation{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 340px;
}

.bh-loading-animation::before{
    content: url("images/loading-animation.gif");
    display: block;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
    /* border: 1px solid #ccc;   */
}


.bh-loading-animation-calender{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 170px;
}

.bh-loading-animation-calender::before{
    content: '';
    display: block;
    height: 70px;
    width: 70px;
    background-repeat: no-repeat;
    /* border: 1px solid #ccc;   */
    background-image: url("images/loading-animation.gif");
    background-size: 70px 70px;
}


.bh-icon-print-blue{
    background-image: url("images/icon-print-blue.svg");
    display: inline-block;
    height: 28px;
    width: 28px;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align:bottom;
    margin: 10px 6px;
    cursor: pointer;
}


.bh-icon-export-blue{
    background-image: url("images/icon-export-blue.svg");
    display: inline-block;
    height: 28px;
    width: 28px;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align:bottom;
    margin: 10px 6px;
    cursor: pointer;
}


.bh-report-title>p{
    color: #84848C; 
    font-family: AvenirLTStd-Book; 
    font-size: 18px; 
    padding: 0px 10px;
}
.bh-report-top{
    width: 900px; 
    border-bottom: 2px solid rgb(36, 49, 92); 
    position: fixed;
    height: 65px;
    top: 0;
    background-color: white;
}

.bh-report-table{
    padding-top:65px;
    width:900px; 
}

.bh-report-icons{
    padding:8px 0px 0px 8px;
    margin-bottom: -20px;
    float: right;
}

.bh-payment-amount{
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color: #24315c;
    font-size: 16px;
    padding:0px 0px 15px 0px;
    margin:-8px 0px 0px 0px;    
}

.bh-payment-amount>span{
    color: #24315C;
    font-family: AvenirLTStd-Black !important;
    font-weight: bold;
    font-size: 22px;
    padding:0px 0px 15px 0px;
    margin:-8px 0px 0px 0px;    
}

.bh-payment-text{
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color:  #84848C !important;
    font-size: 16px;
    padding:0px 0px 15px 0px;
    margin:24px 0px 0px 0px;  
}


.bh-announcement-window{
    position: fixed;
   display: block;
   border: 2px solid #ffffff;
   background-color: #24315C;
   z-index: 100;
   width: 100%;
   padding: 24px 16px;
   box-shadow: 0 0 18px rgb(0 0 0 / 20%);
   box-sizing: border-box;
}
.bh-announcement-row{
    width: 85%; margin: 0 auto;
}

.bh-announcement-text{
    width: 100%;
    padding: 12px 0px;
}

.bh-announcement-text h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 26px;
    color: #ffffff;
    padding: 0px;
    margin: 0px 20px;
    padding: 2px 0px;
    text-align: left;
    line-height: 120%;
}

.bh-announcement-text p{
    font-family: AvenirLTStd-Medium;
    font-size: 18px;
    color: #ffffff;
    padding: 2px 0px;
    margin: 0px 20px;
}

.bh-icon-close {
    margin: 8px;
    display: flex;
    height: 32px;
    width: 32px;
    background-image: url(images/icon-close-blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 32px;
    float:left;
    cursor: pointer;
}

.bh-chart-back{
    position: relative; 
    margin-top: 6px;
}

.bh-chart-back-icons{
    display: flex;
    align-items:flex-end;
    justify-content: center;
    /* height: 340px; */
    width: 100%;
    position:absolute;
    margin: 0 4px;
    z-index: 10000;
}

.bh-icon-chart-skip{
    margin: 3px 0px;
    height: 25px;
    width: 25px;
    display: block;
    background-image: url("images/icon-chart-skip.png");
    background-repeat: no-repeat;
    background-size: 26px 26px;
    color:#005a9c;
    cursor: pointer;
}

.bh-icon-chart-back{
    margin: 1px 2px;
    height: 26px;
    width: 26px;
    display: block;
    background-image: url("images/icon-chart-back.png");
    background-repeat: no-repeat;
    background-size: 26px 26px;
    color:#005a9c;
    cursor: pointer;
}

.bh-plan-year-position{
    display: flex;
    justify-content: flex-end;
}

.bh-plan-year-label {
    margin: 2px 14px 2px 0px;
    line-height: 300%;
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color: #84848C;
}

.bh-background-image{
    background: url("images/background-image.png") no-repeat; 
    background-size: cover;     
    min-height: 650px !important;
}


.bh-chart-maps {
    display: flex;
 }

 .bh-chart-map-select{
    width: 240px;
    margin: 10px; 
 }

 .bh-chart-map {
    box-sizing: border-box;
    margin: 16px 16px;
}
.bh-chart-map::before
{
    content: '';
    display:block;
    height: 50px;
    width: 120px;
    background-color: #ffffff;
    z-index: 1000;
    position: absolute;
    bottom:20px;
}

.bh-chart-map-data{
    position: absolute;
    width: 78%;
    height: 20px;
    z-index: 2000;
    margin-left:280px;
    display: block;
    
}

.bh-chart-text{
    width: 100%;
    display: block;
}
.bh-chart-text>p{
    width: 100%;
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color: #24315c;
    padding: 8px 8px 0px 0px;   
    margin-bottom: 0px;
    text-align: center;
}

.bh-chart-text>h1{
    width: 100%;
    font-size: 20px;
    font-family: AvenirLTStd-Medium;
    color: #2398DF;
    text-align: center;
}

.bh-chart-text>h1>span{
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color: #24315c;
    padding: 8px 8px 0px 0px;   
    margin-bottom: 0px;
}

.bh-payment-header{
    background-color: #24315c;
    display: flex;
    justify-content: space-around;
    padding: 32px;
}

.bh-payment-content{
    padding:0px 48px;
}

.bh-logo-white{
    width: 280px;
    height: 50px;
    background-image: url("images/bh-logo-white.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.bh-payment-screen{
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-payment-info{
    /* padding-bottom: 16px; */
    /* padding-left: 16px; */
    padding-left:6px;
    padding-right:6px;
}

.bh-payment-info>h1{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 28px;
    padding-bottom:6px;
    border-bottom : 1px solid #979797;
}

.bh-payment-info>P{
    font-size: 15px;
    font-family: AvenirLTStd-Book;
    color: #4b4d53;
    margin: 8px 0px;
}

.bh-payment-info>h2{
    color: #24315C;
    font-family: AvenirLTStd-Heavy;
    font-size: 28px;
    margin: 0px;
}

.bh-payment-footer{
    background-color: #4b4d53;
    display: flex;
    justify-content: space-around;
    padding: 48px;
}
.bh-payment-footer-text>h1{
    color: #ffffff;
    font-family: AvenirLTStd-Heavy;
    font-size: 24px;
    padding-bottom:6px;   
}

.bh-payment-footer-text>P{
    font-size: 14px;
    font-family: AvenirLTStd-Medium;
    color: #ffffff;
}

.bh-survey{
    background-color: #ffffff;
    border: 2px solid #24325a;
    margin: 14px 4px 4px 4px;
    padding: 12px;
}
.bh-survey-text>h1{
    font-family: AvenirLTStd-Heavy;
    font-size: 22px;
    color: #24315c;
    padding: 2px 0 2px 0;
    margin: 4px;
    line-height: 130%;
}

.bh-survey-text>p{
    font-family: AvenirLTStd-Heavy;
    font-size: 14px;
    color: #24315c;
    padding: 4px 0 4px 0;
    margin: 4px;
}



/* SURVERY SWITCH INPUT  */
   
    /* ============================================================
      COMMON
    ============================================================ */
    .bh-survey-toggle {
        position: absolute;
        margin-left: -9999px;
        visibility: hidden;
      }
      .bh-survey-toggle + label {
        display: block;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
  
  
        
      /* ============================================================
        SWITCH 2 - ROUND FLAT
      ============================================================ */
      input.bh-survey-toggle-round-flat + label {
        margin-top: 0px;
        margin-bottom: 0px;        
        width: 36px;
        height: 19px;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 80px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
      }
      
      input.bh-survey-toggle-round-flat + label:before, input.bh-survey-toggle-round-flat + label:after {
        display: block;
        position: absolute;
        content: "";
        top: 3px;
        left: 3px;
        bottom: 3px;
        right: 1px;
        border: 1px solid #ffffff;  
      }
      
      input.bh-survey-toggle-round-flat + label:before {
        background-color: #ffffff;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 80px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
        border: 2px solid #9E9E9E;  
        padding: 0px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;   
      }
      input.bh-survey-toggle-round-flat + label:after {
        width: 12px;
        background-color: #9E9E9E;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 80px;
        -webkit-transition: margin 0.4s, background 0.4s;
        -moz-transition: margin 0.4s, background 0.4s;
        -o-transition: margin 0.4s, background 0.4s;
        transition: margin 0.4s, background 0.4s;
      }
  
      input.bh-survey-toggle-round-flat:checked + label:before {
        background-color: #2398DF;
        -webkit-border-radius: 80px;
        -moz-border-radius: 80px;
        -ms-border-radius: 80px;
        -o-border-radius: 80px;
        border-radius: 80px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
        border: 2px solid #2398DF;  
        padding: 0px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px; 
      }
  
      input.bh-survey-toggle-round-flat:checked + label {
        /*background-color: #2398DF;*/
      }
  
      input.bh-survey-toggle-round-flat:checked + label:after {
        margin-left: 16px;
        background-color: #ffffff; 
        border: 1px solid #ffffff;  
      }


      .bh-survey-label{
        width: 100%;
        font-size: 16px;
        font-family: AvenirLTStd-Heavy;
        color: #24315c;
        display: block; 
        padding: 8px 8px 8px 6px;
        background: white;
    }
    
.bh-col-gray{
    padding: 7px 10px;
    width: 100%;
    font-size: 15px !important;
    font-family: AvenirLTStd-Book !important;
    display: block;
    bottom:0px;
    color:#808080;
    background-color: #f3f3f3;
    border: none !important;
    box-shadow: 0 1px 4px 0 rgba(32, 33, 36, .28);
    border-radius: 6px;
}

.bh-col-gray>table>tbody>tr>td{

}
.bh-label-without-bg {
    width: 100%;
    font-size: 16px;
    font-family: AvenirLTStd-Medium;
    color: #24315c;
    display: block;
    padding: 8px;
    line-height: 130%;
}

.bh-label-without-bg>span{
    color: #ff0000;
}

.bh-padding-bottom-16{
    padding-bottom: 16px!important;
}

.bh-checkbox-align {
    vertical-align:top;
    padding: 10px 0px 10px 10px;
}

.bh-icon-pay{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-pay.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
    padding-right: 30px;
}

.popup-content ul li:hover .bh-icon-pay
{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-pay-white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
}

.bh-icon-refund{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-refund.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
    padding-right: 30px;
}

.popup-content ul li:hover .bh-icon-refund
{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-refund-white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
}

.bh-icon-cancel{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-cancel.png");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
    padding-right: 30px;
}

.popup-content ul li:hover .bh-icon-cancel
{
    display:inline-block;
    height: 24px;
    width: 24px;
    background-image: url("images/icon-cancel-white.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: center;
    vertical-align:bottom;
}