/*GLOBAL*/
    body{
        font-family: Arial;
        background-color: #F4F5F4; /*#f2f3f4;f5f5f5,ebebeb,f2f3f4,eef3f8,f8f8f8*/
        font-size: 16px;
        color: #333;
    }
    
    html{
        height: 100%;
    }
    
    .container{
        background-color: #ffffff;
        
    }
    .shadow{
        box-shadow: 0 0.125em 0.6875em rgba(0, 0, 0, 0.18);
    }
    

    .border-left{
        border-left:2px solid #ebebeb;   
    }
    .border-right{
        border-right:2px solid #ebebeb;   
    }

    
    .center{
        text-align: center;
    }
    
    .badge{
        background-color:#f0f0f0;
        font-size: .8em;
        color:#002855;
    }
    
     .badge1{
        background-color:#fff;
        border:1px solid #cacaca;
        font-size: .8em;
        color:#002855;
        padding: .25em .4em;
        border-radius: .25rem;
    }
    
     .badge2{
        background-color:#dddddd;
        border:1px solid #cacaca;
        font-size: .8em;
        color:#002855;
        padding: .25em .4em;
        border-radius: .25rem;
    }
    
      .badge3{
        background-color:#bcdb19;/*e9eae1 TINT FROM 5773C  TONE */
        border:1px solid #f0f0f0;
        font-size: .8em;
        color:#002855;
        padding: .25em .4em;
        border-radius: .25rem;
    }
    
         .badge4{
        background-color:#fbefbf;/* PANTONE 129 C  HEX f3d03e TINT fbefbf*/
        border:1px solid #f0f0f0;
        font-size: .8em;
        color:#002855;
        padding: .25em .4em;
        border-radius: .25rem;
    }
    
    
    .app-stats  .active{
        border:1px solid #ccc;
        background-color: #f0f0f0;
        padding:5px;
        margin:2px;
    }
    
    /*ORI MANDATE COLOR FOR ICONS*/
    .fa{
        color:#002855;/*002855, 003087*/
    }
    
    label{
        font-weight: bold;
    }
/*GLOBAL*/

/*NAVIGATION*/
    #orhp-nav .container{
        background-color: #002855;
    }
    
    #orhp-nav {
        width: 100%;
        background-color: #002855;
        color: #ffffff;
        font-weight: bold;
        border-radius:0px;
        font-size:1.2em;
    }
    #orhp-nav a:link,#orhp-nav a:visited{
        color:#ffffff;
    }
    #orhp-nav a:hover{
        color:#f5e79e;
    }
    
 .orhp-navbar{
     background-color: #002855;
 }
 
    
/*NAVIGATION*/



/*SUB NAVIGATION*/
    .subnav-utilities{
        border-top: 1px solid #8c8c8c;
        border-bottom: 1px solid rgba(0,0,0,.3);
        height:50px;
    }
    #user-utilities{
        text-align: right;
    }
/*SUB NAVIGATION*/


/*CMS PLACEHOLDERS*/
    .cms-account-edit{
        margin-top:25px;    
    }








.ae-quickview{
    border:1px solid #d4d4d4;
    margin-top:10px;
}
.ae-quickview img{
    margin-bottom: 8px
}

table th{
    background-color: #f1f1f1;
}

#marketing-cms{
    border:1px solid #c0c0c0;
    width:100%;
    height:100px;
    margin-top:8px;
    text-align: center;
    line-height: 90px;
    background-color: #f0f0f0;
    margin-bottom: 10px;
}


/*workbench*/
    .app-stats ul{
        padding-left:1em;
        padding-top:1em;
    }
    .app-stats ul li{
        display:inline;
        padding:1em  1em 0 0;
        font-size:1.2em;
    }
    .app-icons{
         margin: 10px 0 0 15px;   
    }
    
    .app-search{
         margin-left:1em;   
         padding-top:0;
    }

    .app-pagination{
        margin-top:0;
        padding:0;
    }
    .app-pagination li a{
        padding-left:25px;
        padding-right:25px;
    }
    
    .pagination .active {
        background-color: #f0f0f0;
        font-weight: 500;
        
    }
    
    #userTbl_filter{
        display: none;
    }

/*workbench*/





/*toolbox login*/
    .tb-login-form{
        opacity: .9;
        background-color: #ffffff;
        filter: alpha(opacity=25);
        border:1px solid #c0c0c0;
        color:#1b6d85;
        font-weight: bold;
        padding: 15px 10px 0 10px;
    
    }
    
    
    
    .tb-login{
        margin-top:25px;
    }
    .btn{
        margin:10px;
        background-color: #f5d961;
        color:#000;
        border:none;
        font-weight: normal;
    }
    
   button.btn:hover {
    background-color: #9A7A00;
    color: white;
    }
    button.btn-secondary, button.btn-secondary:hover {
    background-color: #003087;
    color: white;
    }
    
  button.btn-secondary:hover {
    background-color: #012755;
    color: white;
    }
    
    

    #saved-quotes{
        background: none;
        width:75%;
    }

/*toolbox login*/






/*HUB SPOT CMS*/
    #marketing-cms p{
        line-height: 25px;
        text-align: left;
        padding:3px;
        text-overflow: ellipsis;
    }
    .sm-ad{
        margin-bottom: 15px;
    }







/*SMALL DEVICES*/
    @media only screen and (min-width: 768px) {
        .nav-combo{
            display:none;
        }
    }
    @media only screen and (max-width: 768px) {
        #user-utilities{
            display:none;
        }
        /*#ae-component{
            display:none;
        }*/
        .cms-account-edit{
            width:100%;
        }
    }
/*SMALL DEVICES*/








/*START ORHP CUSTOM HEADER*/
.logo-container-row {
    width: 100%;
    background-color: #013087; }

/* Top Page Logo Bar, includes the middle of the ORHP logo */
@media (min-width: 1199px) {
    div.logo-container {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto; } }
/* Show the logo middle background on Desktop */
@media (min-width: 576px) {
    div.logo-container {
        background-image: url("/v1/images/logo-middle.png");
        background-size: contain;
        background-repeat: repeat; } }
/* Left section of the ORHP logo */
div.logo-left {
    max-width: 529px;
    width: auto;
    float: left; }

/* Add some padding to the right on a phone so the line doesn't hit the edge of the screen */
@media (max-width: 575px) {
    div.logo-left {
        padding-right: 10px;
        background-color: #013087; } }
/* Phone size */
@media (max-width: 784px) {
    /* Right section of the logo is hidden */
    div.logo-right {
        display: none; } }
/* Desktop size */
@media (min-width: 576px) {
    /* Right section of the ORHP logo is shown */
    div.logo-right {
        max-width: 255px;
        width: auto;
        float: right; } }
/* Clear */
.clear-both {
    clear: both; }
/*END ORHP CUSTOM HEADER*/



/*application detail*/
    #application-details-utilities ul{
        margin-top:10px;
    }
    #application-details-utilities li{
        display: inline;
        font-size: 1.5em;
        padding: 10px;
        color: #012755;
    
    }
    .app-summary{
        border:1px solid #c0c0c0;
        text-align: center;
        height: 100%;
        margin:10px;
        padding-bottom: 8px;
        background-color: #fbfbfc;/*f0f2f3, #fbfbfc*/
    }
    .app-summary p{
        font-size:16px;
    }
    
    .app-summary h4{
        color:#002855;/*PANTONE 295C*/
    }
    .orhp-edit{
        font-size: .7em;
        /*vertical-align: top;*/
    }
    .gold-faded{
        background-color: #fcf4d0;/*fefdf7, fcf4d0, fcf4d0 PANTONE 129C*/
        /* Pantone 7501C #f5f0e4, #faf8f3*/
    }
    
    .breadcrumb{
        background-color: #fff;
    }

    .app-detail p{
        margin-left: 15px;
        font-size:16px;
    }
    
/*application detail*/


/*footer*/
    .footer {
        border-top:1px solid #c0c0c0;
        height: 125px; 
        padding:15px;
        text-align: center;
    }
    
    
/*BS4 CSS UPDATES*/    




/*navbar orhp*/
.navbar-orhp {
     background-color: #012755;
     font-size: 16px;
     min-height:51px;
     padding:0;
     margin-bottom: 3.125em !important;
}
.navbar-orhp .nav-item .nav-link{
    font-size: 1.125em;
    color:#ffffff;
    font-weight: 700;
    padding-right: 1em;
    padding-left: 1em;
}
.navbar-orhp hr{
    border:1px solid #ffffff;
}




.navbar-orhp .nav-item .nav-link:hover{
    color:#558cf2;/*f5e79e*/
    transition: all .2s ease-in-out;
}

/*login page only uses*/
.login-form{
    background-color: #ffffff;
    padding-top: 8px;
    opacity: .9;
}

.container-background-white{
    background-color: #ffffff;
}


.fa-asterisk{
    color:#A73539;
    vertical-align: middle;
    padding-left:5px;
}
.required{
    color:#A73539;
}

.profile-photo{
    margin-top:10px;
}
h1,h2,h3,h4{
    color:#002855;
    font-weight: 500;
    padding-top:8px;
}
h1{
    font-size: 24px;
}
h2{
   font-size: 22px; 
}
h3{
   font-size: 20px; 
}
h4{
   font-size: 18px; 
}
hr{
    color:#f0f0f0;
}


/*PANTONE 174C*/
.coverage-dollar-display{
    color:#963821 !important;
    font-weight: 600;
}
.bk-white{
    background-color: #ffffff !important;
}

.fa-asterisk{
    font-size:.5em!important;
    vertical-align: top;
    margin:0;
    padding:0;
}

#tbl-coverage{
    font-size:16px;
}

#tbl-coverage tr td{
    padding:8px 0;
    margin:0;
}


.side-bar-heading{
    background-color: #f0f0f0;
    margin:0;
    padding:0;
    width:100%;
    
}

.alert-success{
    background-color: #fff !important;
    border-color: #fff !important;
    color: #002855;
    font-size:1.5em;
}

.page-heading{
    background-color:#e5e9ee;/*9aadbc, PANTONE 535C - 8E9FBC TINT IS USED ....5d8aa8 - initial blue 8E9FBC*/
    /*border-bottom:3px solid #ebebeb;*/
   /* border:1px solid #ccd3e1;*/
    border-bottom:1px solid #ebebeb;
    color:#002855;
    margin:0;
}

.home-icon{
   margin-top:3px;
    vertical-align: middle;
}


svg path:hover{
    fill:#558cf2;/*f5e79e*/
    transition: all .2s ease-in-out;
}


@media (min-width: 1199px) {
    .home-icon:after {
        display: block;
        position: absolute;
        top: 50%;
        left: 70px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        background-color: white;
        width: 1px;
        height: 1.25em;
        content: '';
    }
}


.workbench-sec-1{
  max-width: 100%;
  border:1px solid #f0f0f0;
  margin:8px 0;
  overflow:hidden;
}