/*
Primary Color : 0192D3
Secondary Color : 231F20
Error Color : EF5260
Entity Name : StatewideInsurance
*/

/* Start theme class*/
.theme-primary-color {
    color: #0192D3;
}

.theme-background-color{
     background-color: #0192D3;
}

.theme-border-color{
     border-color: #0192D3;
}

.theme-border-left-color {
    border-left-color: #0192D3;
}

.theme-border-primary-color {
     border: 1px solid #0192D3;
}

.theme-border-primary-color:hover {
    color: #0192D3;
}

.theme-link-color {
    color: #0192D3;
}

.theme-link-color:hover { 
    color:#0192D3;
}

.theme-link-color:visited {
    color: #0192D3;
}

.theme-background {
    background: #0192D3;
}


/*End theme class */

.knob--arrow__box:before {
    border-bottom-color: #0192D3;
}

.btn-account.active, .btn-account:active {
    border-left: 3px solid #0192D3;
    color: #0192D3;
}

.btn-account.hover, .btn-account:hover {
    color: #0192D3;
}

.circle--blue {
    border: .1rem solid #0192D3;
    background: #fff;
    color: #0192D3;
}

.navbar__item__login .btn {
    color: #0192D3;
}

.circle--default {
    background: #0192D3;
}

.button--login.hover, .button--login:hover .circle--default {
    background: #FFFFFF;
}

.button--login.hover, .button--login:hover .fa-user {
    color: #0192D3;
}

/*Link color*/
a {
    color: #0192D3;
}

/*Background Image*/
@media only screen and (max-width : 768px) {
    .starter__jumbotron {
        background: linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)), url('/Content/BizEntities/BrokersNational/Images/background.jpg');
        background-size: cover;
    }
}

/*Background Image*/
@media only screen and (min-width: 769px) {
    .starter__jumbotron {
        background-color: #0192D3;
        background-image: url('/Content/BizEntities/BrokersNational/Images/background.png');
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 100%;
    }
}

.navbar--main {
    padding-top: 0;
}

/*Company Logo*/
.navbar__brand-logo {
    background-image: url('/Content/BizEntities/BrokersNational/Images/logo.png');
    margin-top: 10px;
    margin-bottom: 10px;
}

/* Company Logo Mobile */
@media only screen and (max-width: 768px) {
    .navbar-nav {
        -webkit-transform: scale(0.7);
        -moz-transform: scale(0.7);
        -ms-transform: scale(0.7);
        -o-transform: scale(0.7);
        transform: scale(0.7);
        margin-right: -3rem;
    }
}

/*Form entry valid*/
.form-control__validation {
    background-image: url('/Content/BizEntities/BrokersNational/Images/valid.png');
    width: 3rem;
    height: 3rem;
    background-size: 100% 100%;
    float: right;
    right: 1.5rem;
    background-repeat: no-repeat;
}

/*Form entry yes/no valid*/
.form-control__validation--yesno {
    background-image: url('/Content/BizEntities/BrokersNational/Images/valid.png');
    width: 3rem;
    height: 3rem;
    background-size: 100% 100%;
    float: right;
    margin-top: 0.1rem;
    background-repeat: no-repeat;
}

/*form entry invalid*/
.form-control__validation--invalid {
    background-image: url('/Content/BizEntities/BrokersNational/Images/invalid.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/*button yes/no "Your Info" page*/
.btn--grey.active {
    background-color: #0192D3 !important;
    border-color: #0192D3 !important;
}

/*Inner color of user icon*/
.fa-user {
  color: white;
}

.fa-user.hover, .fa-user:hover {
  color: white;
}

/*Log In text*/
.button--login {
    background-color: white !important;
    color: #0192D3 !important;
}

/*Log In text hover*/
.button--login:hover {
    background-color: #0192D3 !important;
    color: white !important;
}

/*<H3>*/
.starter__form h3 {
   color: #0192D3 !important; 
}

/*Our Price Promise info block*/
.price-promise {
    background-color: #0192D3;
}

/*Our Price Promise image*/
/*.promise-badge {
    background-image: url('/Content/BizEntities/StatewideInsurance/Images/badge.png');
}*/

/*Breadcrumb nav section number*/
.breadcrumb-nav__number.current {
    color: #0192D3 !important;
    border-color: #0192D3 !important;
}

/*Breadcrumb nav section text*/
.breadcrumb-nav__title.current {
    color: #0192D3 !important;
}

/*Error message color*/
.text-danger {
    color: #EF5260 !important;
}

/*Error color on <input>*/
.has-error {
    border-color: #EF5260;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #EF5260;
}

/*<input> box color*/
.form-control:focus {
  border-color: #0192D3;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #0192D3;
}

/*Add product*/
.label--add {
    color: #0192D3;
    border: 1px solid #0192D3;
}

/*Added product*/
.label--add--inverse {
    color: white !important;
    background-color: #0192D3 !important;
}

/*Added product remove*/
.label--add--inverse:hover {
    color: white !important;
    background-color: #EF5260 !important;
}

/*Product not yet added*/
.label--add:hover {
    background-color: #0192D3;
}

/*Product Selection border color*/
.form-group--active {
    border-color: #0192D3;
}

/*Product Selection connector color*/
.form-group--connector {
    background: #0192D3;
}

/*Added sub product*/
.sub-product--enabled {
    background-color: #fff;
    box-shadow: 0 0 0 1px #0192D3, 0 0 0 1px #0192D3, 0 0 0 1px #0192D3;
}

/*"Your summary" heading color*/
.well--heading--blue {
    background: #0192D3 !important;
}

/*Remove quote button*/
.label--danger {
    background-color: #EF5260 !important;
    border-color: #EF5260 !important;
    color: #ffffff !important;
}

/*Selected quote box border color*/
.quote--selected {
    box-shadow: 0 0 0 1px #0192D3,0 0 0 1px #0192D3,0 0 0 3px #0192D3 !important;
}

/*Quote page link*/
.link--small {
    color: #0192D3 !important;
}

/*Annual/Monthly buttons active*/
.btn--dark-light--grey.active {
    background-color: #0192D3 !important;
    color: white !important;
}

/*"Your Summary" payment page*/
.well.well--heading--blue {
    background: #0192D3 !important;
}

/*payment-schedule-{\n+}-{date}{\n+}.pdf*/
.schedule__header {
    background-color: #0192D3 !important;
    padding-top: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

/*payment-schedule-{\n+}-{date}{\n+}.pdf*/
.schedule__details--link-text {            
    color:#0192D3 !important;
}

/*loading icon*/
.st3{fill:#000000;}
.L {fill:#000000; animation-name:L-fade; animation-duration:3s; animation-iteration-count:infinite; webkit-animation-name:L-fade; webkit-animation-duration:3s; webkit-animation-iteration-count:infinite; opacity:0;}
.O {fill:#000000; animation-name:O-fade; animation-duration:3s; animation-iteration-count:infinite; animation-delay:0.2s; opacity:0; webkit-animation-name:O-fade; webkit-animation-duration:3s; webkit-animation-iteration-count:infinite;}
.A {fill:#000000; animation-name:A-fade; animation-duration:3s; animation-iteration-count:infinite; animation-delay:0.4s; opacity:0;webkit-animation-name:A-fade; webkit-animation-duration:3s; webkit-animation-iteration-count:infinite;}
.D {fill:#0192D3 !important; animation-name:D-fade; animation-duration:3s; animation-iteration-count:infinite; animation-delay:0.6s; opacity:0; webkit-animation-name:D-fade; webkit-animation-duration:3s; webkit-animation-iteration-count:infinite;}
.I {fill:#0192D3 !important; animation-name:I-fade; animation-duration:3s; animation-iteration-count:infinite; animation-delay:0.8s; opacity:0; webkit-animation-name:I-fade; webkit-animation-duration:3s; webkit-animation-iteration-count:infinite;}
.N {fill:#0192D3 !important; animation-name:N-fade; animation-duration:3s; animation-iteration-count:infinite; animation-delay:1s; opacity:0; webkit-animation-name:N-fade; webkit-animation-duration:3s; webkit-animation-iteration-count:infinite;}
.G {fill:#0192D3 !important; animation-name:G-fade; animation-duration:3s; animation-iteration-count:infinite; animation-delay:1.2s; opacity:0; webkit-animation-name:G-fade; webkit-animation-duration:3s; webkit-animation-iteration-count:infinite;}
.upper_arch {fill:#000000; animation-name:top_arch; animation-duration:3s; animation-iteration-count:infinite; animation-delay:1.4s; opacity:0; webkit-animation-name:top_arch; webkit-animation-duration:3s; webkit-animation-iteration-count:infinite;}

/*COC & Invoice Header Logo*/
.email-header-coc .header__logo, .email-header-invoice .header__logo {
    left: 5px;
    height: 90px;
}

/*CoC header Line*/
.email-header-coc, .email-header-invoice {
    position: relative;
    top: 0;
}

/*COC & Invoice footer Line*/
.email-footer-coc, .email-footer-invoice, .email-header-coc .header__line, .email-header-invoice .header__line {
    border-top: 0.3125rem solid #0192D3;
}

/*COC & Invoice Email Header*/
.email-header-coc .header__image, .email-header-invoice .header__image {
    max-height: 3.8rem;
    max-width: 25rem;
    height: auto;
    width: auto;
}

/*COC & Invoice Sub heading color*/
.title .title__sub {
    color: #0192D3;
    font-size: 40px;
}

.advert-panel {   
    background-color: #0192D3;
}

.theme-secondary-background-color{
    background-color:#0192D3;
}

.theme-secondary-border-color{
    border:#fff 1px solid;
}
.theme-trash-secondary-fore-color{ 
    color:#fff;
    cursor:pointer;
}
.theme-secondary-fore-color{  
    color:#fff;
}

.overlay-quote__loading__content-default {
    display: none;
}

.overlay-quote__loading__content-custom {
    display: block;
    width: 200px;
    height: 200px;
    margin: 0 auto;
    background: url('/Content/BizEntities/BrokersNational/Images/loading.gif') center no-repeat transparent;
}

.overlay-quote .overlay-quote__box {
    padding: 0 0 20px 0;
}

.overlay-quote .overlay-quote__loading.overlay-quote__loading--no-content {
    margin-top: 0;
    padding-top: 60px;
}

.overlay-quote .overlay-quote__content {
    margin: 0 25px;
    padding: 25px;
}

.button--primary, .button--primary:hover {
    color: #ffffff;
    background: #0192D3;
}

.theme-button--primary.starter__submit {
    background-color:#0192D3;
}