/* GENERAL */
/*--- New Theames Css ---*/

body.sl-themes{font-family: 'Roboto', sans-serif; color: #484848; font-size:16px;}
body.sl-themes hr {border-top: 1px solid #dedede;}
body.sl-themes .bluetxtLink:hover {color: #82030e;}
body.sl-themes a:hover, body.sl-themes a:focus {text-decoration: none;}
body.sl-themes label, body.sl-themes .label{color: #484848; font-weight: 300;}

.sl-themes h1{font-family: 'Roboto', sans-serif; color:#003a66; text-shadow: inherit;margin-bottom:20px;font-size:30px;}
.sl-themes h2{color:#003a66;}
.sl-themes h3 {
    color: #003a66;
    text-shadow: inherit;
}
.sl-themes .ca-list-block {
    padding-top: 0px;
}
#selectAllLink{color:#003a66; text-decoration: underline;}
#selectAllLink:hover{text-decoration: none;}

.sl-themes .group {
    padding: 25px 0;
}

/*--- Three Type CTA Button Style ---*/
.sl-themes .cta-grey{
    background-color: #f1f1f1 !important; color: #003a67 !important; border: 1px solid #c1c1c1 !important;
    min-width: 100px; text-align: center; text-shadow: inherit !important; box-shadow: inherit !important;
    font-size: 14px; padding: 8px 15px; border-radius: 4px; display: inline-block;
}
.sl-themes .cta-grey:hover{background-color: #003a67 !important; color: #fff !important;}
.sl-themes .cta-grey.active{background-color: #003a67 !important; color: #fff !important;}


.sl-themes .cta-blue{
    background-color: #003a67 !important; color: #fff !important; border: 1px solid #003a67 !important;
    min-width: 100px; text-align: center; text-shadow: inherit !important; box-shadow: inherit !important;
    font-size: 14px; padding: 8px 15px; border-radius: 4px; display: inline-block;
}
.sl-themes .cta-blue:hover{background-color: #f1f1f1 !important; color: #003a67 !important;}

.sl-themes .cta-blue.saved {
    background-color: #850914 !important;
    border-color: #850914 !important;
}
.sl-themes .cta-blue.saved:hover {
    background-color: #f1f1f1 !important;
    color: #003a67 !important;
}

.export:before {
    content: "\e013";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

.sl-themes .cta-green {
    background-color: #73af2d !important;
    color: #fff !important;
    border: 1px solid #73af2d !important;
    min-width: 100px;
    text-align: center;
    text-shadow: inherit !important;
    box-shadow: inherit !important;
    font-size: 14px;
    padding: 8px 15px;
    border-radius: 4px;
    display: inline-block;
}
.sl-themes .cta-green:hover{background-color: #f1f1f1 !important; color: #73af2d !important;}

/*--- End ---*/

.sl-themes .bg-light-grey {background: #F5F7F9; color: #484848;}
.sl-themes .bg-dark-blue {background: #003a67;}
.sl-themes .top-border{border-top: 1px solid #dedede;}
.sl-themes .bottom-border{border-bottom: 1px solid #dedede;}
.sl-themes .tb-border{border-top: 1px solid #dedede; border-bottom: 1px solid #dedede;}

.sl-themes header {border-bottom: 1px solid #dedede;}

.sl-themes .subNav li .cta-blue{padding: 4px 15px; color: #003a67; min-width: inherit;}

.sl-themes .newsheadlink{color: #003a67;}

.sl-themes .btn150 {width:150px;}
.sl-themes .leftInfo{border: 1px solid #dedede; padding: 0px 20px; background-color: #fff;}
.sl-themes .white.info-block .leftInfo p{color: #484848;}
.sl-themes .leftInfo .CA-block, 
.sl-themes .leftInfo .CD-block, 
.sl-themes .leftInfo .CI-block{
    padding: 15px 10px; margin: 0px; 
    border-bottom: 1px solid #dedede;
}
.sl-themes .leftInfo .CI-block{border-bottom: 0;}

.sl-themes .leftInfo h2{color: #35668b; font-weight: bold; margin-bottom: 10px;}
.sl-themes .leftInfo h4 {color: #003a66; font-weight: 600; margin-bottom:10px;}
.sl-themes .leftInfo p{font-size: 15px; font-weight: 300; line-height: 24px;}
.sl-themes .leftInfo p:last-child{margin-bottom: 0px;}

.sl-themes .lead-box {background-color: #fff; border: 1px solid #dedede; border-radius: 10px; font-weight: inherit; padding: 20px 15px;}
.sl-themes .lead-box p{font-size: 15px; font-weight: 300; line-height: 24px;}
.sl-themes .lead-box .impLabels{color: #003a66 !important; text-transform: inherit; font-weight: 500; font-size: 15px;}
.sl-themes .lead-box hr{border-top: 1px solid #003967;}

.sl-themes .resp-tabs-list li{background-color: #ccc !important;}
.sl-themes .resp-tabs-list li.resp-tab-active{background-color: #73af2d !important; color:#fff;}


.sl-themes .multiselect-native-select .btn-group .dropdown-menu{
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.15);
}
.sl-themes .dropdown-menu>li>a:hover, 
.sl-themes .dropdown-menu>li>a:focus, 
.sl-themes .dropdown-menu>.active>a, 
.sl-themes .dropdown-menu>.active>a:hover, 
.sl-themes .dropdown-menu>.active>a:focus{
    background-color: #003a66; color: #fff;    
}
.sl-themes .dropdown-menu>li>a:hover label.checkbox,
.sl-themes .dropdown-menu>li.active label.checkbox{
    color: #fff;
}

.sl-themes .DownloadLink { min-width: 99px; background-color: #e6e6e6; color: #013c69; border-radius: 4px;}
.sl-themes .DownloadLink li { border-bottom: 1px solid #fff; color: #013c69;}
.sl-themes .DownloadLink li a{ color: #013c69;}

.sl-themes .ca-list-block .table>tbody>tr{background-color: #FFF;}
.sl-themes .ca-list-block .table>tbody>tr>td{border-top: 1px solid #DEDEDE;}

.sl-themes  #newsPager .cta-green,
.sl-themes  #socialNewsPager .cta-green,
.sl-themes  #divPager .cta-green{
    padding: 10px 30px; 
    font-size: 16px; min-width: 130px;
}

.sl-themes .SearchCompanies .devider:before{background-color: #484848;}
.sl-themes .SearchCompanies .devider span {background-color: #f5f7f9; color: #484848;}

.sl-themes .SearchCompanies .txtbox h3{color: #013c69; text-shadow: inherit; font-weight: 600;}
.sl-themes .SearchCompanies .txtbox .fa {color: #013c69; text-shadow: inherit;}

.sl-themes .SearchCompanies .txtbox.active {background: #f1f1f1; border: 1px solid #dadada;}
.sl-themes .SearchCompanies .txtbox.active h3{color: #013c69; text-shadow: inherit; font-weight: 600;}

.sl-themes #PersonSearch .bg-wash-blue{background-color: #fff;}
.sl-themes #PersonSearch h2 {color: #013c69;}
.sl-themes #PersonSearch .companyName{color: #013c69;}

.sl-themes #modalMoreCredits .bg-wash-blue { background-color: #fff;}
.sl-themes .invite-coWF h2{color: #013c69;}
.sl-themes .inviteCoTxt .devider span { background-color: #fff;}

.sl-themes #customerLeads .lead-block .lead-box h4{color: #013c69;}
.sl-themes #modalMyAccountMoreCredits .bg-wash-blue {
    background-color: #FFF;
}
.sl-themes #modalContifyFilter .bg-wash-blue {
    background-color: #FFF;
}

.sl-themes #modalShareProject .bg-wash-blue {
    background-color: #FFF;
}

.sl-themes #modalMyAccountFilter .bg-wash-blue {
    background-color: #FFF;
}
.sl-themes .lead-box .lead-btns a.check,
.sl-themes .lead-box .lead-btns a.favorite {
    padding: 5px 10px;
    min-width: inherit;
}

.sl-themes .labelFilter{color: #013c69;}
.sl-themes .inviteCoForm .testimonial {
    background: #edeeef;
    color: #484848;
    border: 1px solid #dedede;
}

.sl-themes .newsFilter { border: 1px solid #dedede;}
.sl-themes .newsFilter .footBlock{background-color: #fff;}
.sl-themes .allFilterSelect {background-color: #dedede;}
.sl-themes .newsFilterList ul li {
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 10px;
}

.contactInfo, .linkedinInfo{text-align: left; display: block; word-break: break-all;}
.contactInfo .fa{margin-right: 5px; width: 15px;}
.contactInfo .fa-mobile{font-size: 22px;}

.linkedinInfo{padding-top: 10px; font-size: 12px;}
.linkedinInfo .fa{margin-right: 5px;}
.linkedinInfo .fa:last-child{margin-left: 3px;}

.fsc-table .btn-primary.smallBtn{
    font-size: 12px !important;
    padding: 5px !important;
}

/*--- Add New Css (11-09-2019) ---*/
.sl-themes .cta-blue, .sl-themes .cta-green, .sl-themes .cta-grey{padding: 8px 15px !important; display: inline-block !important;}
.sl-themes .lead-box .lead-btns a.check, .sl-themes .lead-box .lead-btns a.favorite {padding: 5px 10px !important;}
.sl-themes .subNav li .cta-blue{padding: 4px 15px !important;}
/*--- End Css (11-09-2019) ---*/

/*--- Add New Css (13-12-2019) ---*/
.ulBusinessOpportunities{
    display: -ms-flexbox; display: flex;  -ms-flex-wrap: wrap; flex-wrap: wrap;
    padding: 0px; margin: 0px -15px; list-style: none;
}
.ulBusinessOpportunities li{ 
    -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;
    position: relative; width: 100%; min-height: 1px; 
    padding: 0px 15px; margin: 5px 0; list-style: none;
}
/*--- End Css ---*/

.checkout{margin-bottom:20px; height:100%;}
.checkout .view-details{color:#fff; position: relative; display: inline-block; padding-right:25px;}
.checkout .view-details:hover, .checkout .view-details:focus{text-decoration: none;}
.checkout .view-details:after{
    position:absolute; right:0px; top:-2px; z-index: 9; font-size:26px; line-height: normal;
    content: "\f107"; display: inline-block; font-family: 'FontAwesome';
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.checkout .view-details.active:after{content: "\f106";}
.checkout .view-details .fa{font-size: 26px; position: relative; top:2px; margin-left:5px;}
.protect-your-info{position: relative; padding-left:30px; margin-top:20px; min-height: 30px; font-weight: 300; line-height: normal;}
.protect-your-info .fa{position:absolute; left:0px; top:0px; font-size: 30px;}
.checkout-info{border-top:1px solid #fff; padding-top:10px;}

.checkout .error{
    background-color:#fff !important;
}
.checkout .radio .error, .checkout .checkbox .error{
    background-color:transparent !important;
}

/* Add New Css (12/02/2020) */
.sl-themes .leadbox-list, .leadbox-list-right {padding:5px 0 0; margin:0px; list-style: none;}
.sl-themes .leadbox-list li, .leadbox-list-right li{padding:2px 0px; margin:0px; font-size: 15px;}
.sl-themes .lead-box .cta-blue{margin-top:0px;}

.sl-themes .leadbox-list .fa{margin-right:5px;}

.leadbox-list-right li{padding: 8px 0; border-bottom: 1px solid #dedede;}
.leadbox-list-right li:last-child{border-bottom:0px;}
.leadbox-list-right .fa{margin:0 3px; font-size: 18px; position: relative; top: 2px;}

.contact-tablists{background:#f1f1f1; border-bottom: 1px solid #dedede; padding: 10px 10px 0 5px; margin-bottom: 50px;}
.contact-tablists ul{padding: 0; margin:0px; list-style: none; display: flex; align-items: center;}
.contact-tablists ul li{padding: 0; margin:0 2px;}
.contact-tablists ul li a{padding: 10px 20px; display: block; background-color: #fff; color: #003a67;}
.contact-tablists ul li.active a{background:#003A67; color:#fff;}

#divRoDContacts .lead-box .rodcontacts li{padding:10px 0;}
#divRoDContacts .lead-box .rodcontacts li h5{margin-bottom:10px; color:#003A67; font-weight: bold; font-size: 16px; text-transform: uppercase;}

.stepper-wrapper {margin-top: auto; display: flex; justify-content: space-between; margin-bottom: 20px;}
.stepper-item {position: relative; display: flex; flex-direction: column;  align-items: center; flex: 1;}
.stepper-item::before {position: absolute; content: ""; border-bottom: 2px solid #ccc; width: 100%; top: 20px; left: -50%; z-index: 2;}
.stepper-item::after {position: absolute; content: ""; border-bottom: 2px solid #ccc; width: 100%; top: 20px; left: 50%; z-index: 2;}
.stepper-item .step-counter {
    position: relative; z-index: 5; display: flex; justify-content: center; align-items: center;
    width: 40px; height: 40px; border-radius: 50%; background: #ccc; margin-bottom: 6px;
}
.stepper-item.active {font-weight: bold;}
.stepper-item.completed .step-counter {background-color: #003a67; color:#fff;}
.stepper-item.completed::after {
    position: absolute; content: ""; border-bottom: 2px solid #003a67;
    width: 100%; top: 20px; left: 50%; z-index: 3;
}
.stepper-item:first-child::before {content: none;}
.stepper-item:last-child::after {content: none;}

span.red-tag{
    background-color: #850914;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
}
span.blue-tag {
    background-color: #013c69;
    color: #fff;
    display: inline-block;
    padding: 0 5px;
}

.dblue-bg .umbraco-forms-fieldset .umbraco-forms-label{
    color: #ffffff !important;
}

.umbraco-forms-page .umbraco-forms-field{
    margin-bottom: 15px;
} 
.umbraco-forms-page 
.umbraco-forms-fieldset .umbraco-forms-label{
    color: #333;
}
.umbraco-forms-page .umbraco-forms-fieldset 
.umbraco-forms-field-wrapper input{
    display: block;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    color: #666;
    font-size: 12px;
    padding: 9px;
    box-shadow: inset 0 0 4px #CFCFCF;
    width: 100%;
    -moz-transition: all ease .2s;
    -o-transition: all ease .2s;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
}


@media (max-width: 992px) {
    .ulBusinessOpportunities li{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
    
    #frmCheckout .checkoutBtn .btn-primary{width:100%}

    .sl-themes .leadbox-list{padding-bottom:20px;}
}

@media (max-width: 768px){
    .sl-themes h2.resp-accordion{background-color: #ccc !important; color: #484848 !important;}    
    .sl-themes h2.resp-accordion .resp-arrow{border-color: #484848;}
    .sl-themes h2.resp-tab-active{background-color: #73af2d !important; color: #fff !important;}
    .sl-themes h2.resp-tab-active .resp-arrow{border-color: #fff;}
    

    /*-- Mobile Menu Burger Menu Css --*/
    .sl-themes .navbar-toggle {
        background-color: #003a66; height: 40px;
        box-shadow: inset 0 1px 1px #003a66, 0 1px 1px rgba(0, 0, 0, 0.43);        
    }
    .sl-themes .navbar-toggle .icon-bar {background: rgba(255,255,255,0); position: relative;}
    .sl-themes .navbar-toggle .icon-bar:after {
        top: 0; left: 0; transform: rotate(45deg); 
        content: ""; position: absolute; background: #fff; width: 22px; height: 2px;
        transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
    }
    .sl-themes .navbar-toggle .icon-bar:before {
        bottom: 0;  left: 0; transform: rotate(-45deg); 
        content: ""; position: absolute; background: #fff; width: 22px; height: 2px;
        transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1)
    }
    
    .sl-themes .navbar-toggle.collapsed .icon-bar{position: relative; /*transform: translateY(6px);*/ transition: all 0ms 300ms; background: rgba(255,255,255,1) !important;}
    .sl-themes .navbar-toggle.collapsed .icon-bar:before {
        content: ""; position: absolute; left: 0; bottom: 6px !important;   background: #fff; width: 22px; height: 2px;
        transform: rotate(0deg); transition: inherit;
    }
    .sl-themes .navbar-toggle.collapsed .icon-bar:after {
        content: ""; position: absolute; left: 0; top: 6px; background: #fff;  width: 22px; height: 2px;
        transform: rotate(0deg); transition: inherit;
    }
    /*-- End Css --*/
    #divRoDContacts .lead-box .rodcontacts li h5{margin-top:15px;}
    
}

@media (max-width: 650px){
    .groupBtn a.cta{
        width: 100%;
        margin: 5px 0;       
    }
    .ulBusinessOpportunities li{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 2px 0;}
}


.input-validation-error {
    border: 1px solid #dc3545 !important;
    background-color: #fff5f5;
}

.input-validation-error:focus {
    outline: none;
    border-color: #b02a37;
    box-shadow: 0 0 0 3px rgba(220, 53, 69, 0.2);
}

.field-validation-error {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    color: #d32f2f;
    font-weight: 500;
}