﻿/*Creates the layout and styles for the rater input redesign*/
.sf_colsIn[data-placeholder-label="OuterContainer-Gray"] {
    background-color: #eeeeee;
    width: 100%;
}

.sf_colsIn[data-placeholder-label="OuterContainer"] { /*Enables the widescreen background for all containers*/
    background-color: #EEECEB;
    width: 100%;
}

.sf_cols { /*Centers the inner content*/
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.sf_colsIn[data-placeholder-label="ExtraContainer"] {
    width: 100% !important;
    margin: auto;
    background-color: #1F628D;
}

.sf_colsIn[data-placeholder-label="MainContainer"] {
    width: 1200px !important;
    margin: auto;
}

.sf_colsIn[data-placeholder-label="Top"] { /*Set the exclusive format for the TOP container*/
    width: 100% !important;
    height: 478px;
}

.sf_colsIn[data-placeholder-label="Middle"] { /*Set the exclusive format for the MIDDLE container*/
    width: 100% !important;
    height: 0px;
    position: relative;
    z-index: 3;
}

.sf_colsIn[data-placeholder-label="Bottom"] { /*Set the exclusive format for the BOTTOM container*/
    background-color: #1F628D;
    width: 100% !important;
    height: 340px;
}

.bg-hero-img { /*Enables an inserted image as background of the container when this class is linked to an image*/
    vertical-align: middle;
    z-index: 1;
    position: absolute;
    height: 340px;
    object-fit: cover;
    width: 100% !important;
    left: 0px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.directbenefits .sf_colsIn .InputWidgetLite-ContentTop h1, .directbenefits .sf_colsIn .InputWidgetLite-ContentBottom h2 {
    z-index: 2;
    margin-top: 0px !important;
    width: 600px;
    padding-top: 180px;
    position: absolute;
    margin-left: 0px;
    color: #323232 !important;
    font-family: Poppins !important;
    font-style: normal;
    font-weight: bold !important;
    font-size: 44px;
    line-height: 58px;
    letter-spacing: -0.23px;
    color: #4D4D4D !important;
    margin-bottom: 0px;
}

.directbenefits .div-dental-input-Dental-Insurance-Lite {
    margin-top: -90% !important;
}

.directbenefits .Custom-Mobile-InsuranceInput {
    margin-left: 70% !important;
}

.ComparePlansText-Lite div p {
    text-align: center;
    font-family: Poppins !important;
    font-style: normal;
    font-weight: bold;
    font-size: 29px;
    line-height: 49px;
    letter-spacing: 0.443056px;
    color: #555555;
}

.InputWidgetLite-ContentBottom div ul li:before {
    display: inline-block;
    width: 6px;
    height: 42px;
    background: #FFFFFF;
    border-radius: 2px;
   /* margin-right: 10px;*/
    margin-top: 3px;
    content: '';
}

.InputWidgetLite-ContentBottom div ul {
    list-style-type: none;
    /*list-style-image: url('https://test.directbenefits.com/images/default-source/default-album/yellow-rectangle-md.png');*/
}

    .InputWidgetLite-ContentBottom div ul, .InputWidgetLite-ContentBottom div ul li {
       /* height: 70px;*/
       height:auto;
        margin-left: 0px;
        text-align: left;
    }

.InputWidgetLite-ContentBottom .sfContentBlock ul {
    padding-left:0px;
}


.InputWidgetLite-ContentBottom div ul li span {
    position: absolute;
    font-family: Poppins !important;
    font-style: normal !important;
    font-size: 18px !important;
    line-height: 25px !important;
    letter-spacing: 0.55px !important;
    color: #FFFFFF !important;
    font-weight: 100;
    margin-left: 10px;
}

.span-error {
    font-family: Poppins !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 14px !important;
    line-height: 21px !important;
    /* identical to box height */
    letter-spacing: 0.213889px !important;
    /* Form / Text in Field */
    color:  #4D4D4D !important;
}

#divErrorContainer {
    background: #FFD2AB;
    border-radius: 4px;
    height: 47px;
    width: 297px;
    text-align: center;
    float: left;
    margin-top: 20px;
}

.fa-exclamation-circle {
    color: #E05D12;
}

body.directbenefits input.input-rater-birthday-lite {
    width: 160px !important;
    max-width: 160px !important;
    height: 40px;
    background: #F6F6F6;
    border: 1px solid #737373;
    box-sizing: border-box;
    border-radius: 4px;
    /*margin-left: 6px;*/
    text-align: left;
    font-family: Poppins !important;
    font-size: 16px;
    padding: 1px 2px !important;
}

body.directbenefits input.input-rater-spouse-lite {
    width: 160px !important;
    max-width: 160px !important;
    height: 40px;
    background: #F6F6F6;
    border: 1px solid #737373;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: left;
    font-family: Poppins !important;
    font-size: 16px;
}

.minus, .plus {
    width: 35px;
    height: 40px;
    background: #f2f2f2;
    border-radius: 4px;
    padding: 8px 5px 8px 5px;
    border: 1px solid #ddd;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
}

#kids {
    max-width: 5px !important;
}

.error-zipcode, .error-indBirthday, .error-spouse, .error-kidsBirthday, .error-petname, .error-age {
    color: #DA3E0F;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    /* identical to box height */
    letter-spacing: 0.244445px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.btn-cat {
    text-align: left !important;
}

@media (max-width: 450px) {
   /* .bg-hero-img { 
        height: auto;
    }*/

    .directbenefits .sf_colsIn .InputWidgetLite-ContentTop h1 {
        width: 241px;
        font-size: 20px;
        margin-left: 50px;
        font-family: Poppins;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 28px;
        /* or 140% */
        letter-spacing: 0.305556px;
        /* Text Colors/Hero Gray */
        color: #323232;
    }

    .InputWidgetLite-ContentBottom div p {
        margin-left: 47px !important;
        font-size: 12px !important;
        line-height: 19px !important;
        margin-right: 47px;
    }

    .sf_colsIn[data-placeholder-label="Top"] {
        order: 0 !important;
      /*  height: 250px;*/
    }

    .sf_colsIn[data-placeholder-label="Bottom"] {
      /*  padding-bottom: 30px;*/
    }

    .sf_colsIn[data-placeholder-label="Middle"] {
        height: auto;
        background-color: #EEECEB;
        /* order: 2 !important;*/
        padding-bottom: 30px;
    }

    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 3% !important;
    }

    .directbenefits .div-dental-input-Dental-Insurance-Lite {
        margin-top: 45px !important;
    }

    .sf_colsIn[data-placeholder-label="MainContainer"] {
        display: grid;
    }

    .ComparePlansText-Lite {
        width: 282px;
        margin-left: 60px;
        padding-bottom: 40px;
        padding-top: 45px;
    }

        .ComparePlansText-Lite div p {
            font-family: Montserrat !important;
            font-style: normal;
            font-weight: bold;
            font-size: 19px;
            line-height: 29px;
            text-align: center;
            letter-spacing: 0.45px;
            color: #555555 !important;
        }

    .InputWidgetLite-CarriesTable div table tbody tr {
        display: block;
    }

        .InputWidgetLite-CarriesTable div table tbody tr td {
            display: block;
            width: 50% !important;
            padding-bottom: 30px;
            margin-left: 25%;
            height: 100px;
        }

    .InputWidgetLite-ContentBottom div ul, .InputWidgetLite-ContentBottom div ul li {
        margin-left: 5px;
        text-align: left;
    }

    .InputWidgetLite-ContentBottom div ul {
        list-style-type: none;
        /*list-style-image: url('https://test.directbenefits.com/images/default-source/default-album/yellow-rectangle-sm.png');*/
    }

        .InputWidgetLite-ContentBottom div ul li span {
            font-size: 12px !important;
            line-height: 19px !important;
            letter-spacing: 0.366667px !important;
            padding-right: 5px;
            margin-right: 30px;
        }

        .InputWidgetLite-ContentBottom div ul li:before{
            height: 50px;
        }

    .li-element {
        margin-bottom:20px;
    }
}

@media (max-width: 1315px){
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 65% !important;
    }
}

@media (max-width: 1208px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 60% !important;
    }
}

@media (max-width: 1148px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 55% !important;
    }
}

@media (max-width: 1085px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 50% !important;
    }
}

@media (max-width: 1315px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 65% !important;
    }
}

@media (max-width: 1208px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 60% !important;
    }
}

@media (max-width: 1148px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 55% !important;
    }
}

@media (max-width: 1085px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 50% !important;
    }
}

@media (max-width: 1026px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 45% !important;
    }
}

@media (max-width: 840px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 40% !important;
    }
}

@media (max-width: 800px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 30% !important;
    }
}

/*@media (max-width: 500px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 7.5% !important;
    }
}*/

@media (max-width: 500px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: auto !important;
        margin-right: auto !important;
        display: table !important;
    }

    .sf_colsIn[data-placeholder-label="MainContainer"]{
        width:100% !important;
    }
}

@media (max-width: 642px) and (orientation: landscape) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 19% !important;
    }
}

@media (max-width: 414px) and (min-width:360px) {
    .directbenefits .div-dental-input-Dental-Insurance-Lite {
        width: 355px;
        padding-left:9%;
    }

    body.directbenefits input.input-rater-main-Lite {
        width: 270px !important;
    }

    .PlanType-Dental-Insurance-Lite {
        width: 270px !important;
    }

    .btn-insurance-search-Dental-Insurance-Lite {
        margin-left: 0px !important; /*Fixing PROD button issue in the push*/
        width: 270px !important;
    }

    .sf_colsIn[data-placeholder-label="MainContainer"] {
        width: 100% !important;
    }
}

@media (max-width: 375px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 2.5% !important;
    }
}

@media (max-width: 360px) { 
    .directbenefits .div-dental-input-Dental-Insurance-Lite {
        width: 300px;
    }

    .PlanType-Dental-Insurance-Lite {
        width: 250px !important;
        max-width: 250px !important;
    }

    body.directbenefits input.input-rater-main-Lite {
        width: 250px !important;
        max-width: 250px !important;
    }

    .btn-insurance-search-Dental-Insurance-Lite {
        margin-left: 0px !important;
        width: 250px !important;
    }

    .ComparePlansText-Lite {
        margin-left: 30px;
    }

    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 7.5% !important;
    }
}

@media (max-width: 320px) {
    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: 1% !important;
    }
}

/*DBE-1363 Home full page starts*/

img.image-container-left { /*First DIV image to the left side*/
    margin-top: 90px;
    margin-left: 34px;
    width: 500px;
    height: 340px; /*Fixing ratio due to DBE-1682*/
}

div.text-container-right { /*First DIV text over the left image*/
    z-index: 10;
    margin-top: -333px !important;
    width: 570px;
    position: absolute;
    margin-left: 620px;
    font-family: Poppins !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.23px;
    color: #4D4D4D !important;
   /* background-color: white;*/
    /*padding-left: 100.85px;
    padding-top: 40.64px;
    padding-bottom: 40.64px;
    padding-right: 61.46px;*/
    border-radius: 7px;
}

.text-container-left div blockquote, .text-container-right div blockquote {
    font-size: 16px;
    /*margin-bottom: 30px;*/
    margin-bottom: 0px;
    border-left: 0px;
    margin-top:10px;
}

.text-container-right div p, .text-container-left div p {
    /*margin-bottom: 30px;*/
    margin-bottom: 0px;
   /* height:20px;*/
}

.text-container-right div, .text-container-left div {
    height: 100%;
    vertical-align: middle;
    display: inline-grid;
}


div.text-container-left p:first-child, div.text-container-right p:first-child {
    font-weight: 700 !important;
    font-size: 22px;
}


div.text-container-right, div.text-container-left { /*First DIV text over the left image*/
   /* padding-left: 40px;
    padding-top: 0%;
    padding-bottom: 0%;
    padding-right: 40px;*/
   /* text-align: justify;*/
   text-align:left;
    height:auto;
    align-items:center;
   padding-top:20px;
   padding-bottom:20px;
}

img.image-container-right { /*First DIV image to the right side*/
    margin-top: 50px;
    margin-left: 640px;
    margin-bottom: 90px;
    width: 500px;
    height: 340px; /*Fixing ratio due to DBE-1682*/
}

div.text-container-left { /*First DIV text over the right image*/
    z-index: 10;
    margin-top: -420px !important;
    width: 580px;
    position: absolute;
    margin-left: 34px;
    font-family: Poppins !important;
    font-style: normal;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.23px;
    color:  #4D4D4D !important;
   /* background-color: white;*/
   /* padding-left: 60.85px;    
    padding-right: 61.46px;*/
    border-radius: 7px;
    height: auto;   
    display: flex;
    align-items: center;
}

    div.text-container-right div.sfContentBlock h3, div.text-container-left div.sfContentBlock h3 {
        margin-top: 0px;
        padding-bottom: 5px;
        text-align: left;
        margin-bottom: 10px;
        border-bottom: none;
    }

/*div.text-container-right:before { 
    position: absolute;  
    margin-left: -58px;
    margin-top: 70px;
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid white;
}

div.text-container-left:before { 
    position: absolute;
    margin-left: 582px;
    margin-top: -90px;
    content: '';
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid white;
    transform: rotate(-180deg);
}*/

.sf_colsIn[data-placeholder-label="FaqsContainer"] { /*2nd DIV for questions*/
    width: 743px !important;
    margin: auto;
    margin-top: 110px;
    margin-bottom: 63px;
}

/*.sf_colsIn[data-placeholder-label="OuterContainer-White"] div.div-dbe-faqs div a:first-child:not(.nocssfaq) { 
    background-color: white;
    font-family: 'Poppins';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    color:  #4D4D4D;
}*/

/*.sf_colsIn[data-placeholder-label="OuterContainer-White"] div.div-dbe-faqs div div { 
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0px;
    text-align: left;
    font-family: sans-serif !important;
    color:  #4D4D4D;
}*/

.sf_colsIn[data-placeholder-label="OuterContainer-White"] h3, .sf_colsIn[data-placeholder-label="OuterContainer-White-Aux"] h3, .sf_colsIn[data-placeholder-label="OuterContainer-White-Aux"] h2 {
    font-family: 'Poppins' !important;
    font-weight: bold !important;
    font-size: 22pt;
    line-height: 49px;
    color: #4D4D4D !important;
    border: none;
}

/*Remove faqs expand indicator*/
.sf_colsIn[data-placeholder-label="OuterContainer-White"] p[data-sf-role="expandAll"], .sf_colsIn[data-placeholder-label="OuterContainer-White"] p[data-sf-role="collapseAll"] {
    display: none !important;
}

/*Arrow for questions section*/
.sf_colsIn[data-placeholder-label="OuterContainer-White"] div.div-dbe-faqs div a:first-child:not(.nocssfaq):after {
    font-family: 'FontAwesome';
    content: " \f107";
}

.sf_colsIn[data-placeholder-label="OuterContainer-Green"] {
    background-color: #1F628D;
    width: 100%;
}

.sf_colsIn[data-placeholder-label="MainContainer-Green"] { /*Centering*/
    width: 1000px !important;
    margin: auto;
}

.sf_colsIn[data-placeholder-label="OuterContainer-Green"] .sfContentBlock p { /*Icons title format*/
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 33px;
    line-height: 49px;
    color: #FFFFFF;
    text-align: center;
    margin-top: 110px;
}

.sf_colsIn[data-placeholder-label="OuterContainer-Green"] .sf_cols .sfContentBlock p { /*Text content format*/
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 33px;
    text-align: left;
    margin-top: 20px;
}

    .sf_colsIn[data-placeholder-label="OuterContainer-Green"] .sf_cols .sfContentBlock p:nth-child(2) { /*Description format*/
        font-weight: normal;
        font-size: 16px;
        line-height: 20.83px;
    }

.sf_colsIn[data-placeholder-label="OuterContainer-Green"] .sf_cols {
    margin-top: 65px;
    margin-bottom: 65px;
}

    .sf_colsIn[data-placeholder-label="OuterContainer-Green"] .sf_cols .sfContentBlock a { /*Button format*/
        font-family: Poppins;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.244445px;
        color: #FFFFFF;
        border: 2px solid #FFFFFF;
        box-sizing: border-box;
        border-radius: 23.5px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

/*ND*/

.sf_colsIn[data-placeholder-label="OuterContainer-White"] .sfContentBlock p { 
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 33px;
    line-height: 49px;
    color:  #4D4D4D;
    text-align: left;
}

.sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .sfContentBlock p, .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .expander a { /*Title column section format*/
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 33px;
    text-align: left;
    margin-top: 20px;
    color:  #4D4D4D;
    text-align: left;
}

.sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .expander .sfContentBlock {
    text-align: left;
    margin-top: 20px;
}

    .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .sfContentBlock p:nth-child(2) { /*Description format*/
        font-weight: normal;
        font-size: 16px;
        line-height: 20.83px;
        height: 100px;
        font-family: sans-serif !important;
        width: 247px;
    }

.sf_colsIn[data-placeholder-label="MainContainer-White"] { /*Multicolumn alignment, margins and layout*/
    width: 900px;
    margin-top: 85px;
    margin-bottom: 63px;
}

.sf_colsIn[data-placeholder-label="MainContainer-Images"] { /*DIV with images and linsk*/
    width: 1200px;
   /* margin-top: 110px;*/
    margin-bottom: 47px;
}

    .sf_colsIn[data-placeholder-label="MainContainer-Images"] .sfContentBlock p { /*Section title format*/
        font-family: Poppins;
        font-style: normal;
        font-weight: bold;
        font-size: 33px;
        line-height: 49px;
        text-align: Center;
       /* margin-top: 20px;*/
        margin-bottom: 63px;
    }

    /*Links format*/
    .sf_colsIn[data-placeholder-label="MainContainer-Images"] .sf_cols .sfContentBlock p, .sf_colsIn[data-placeholder-label="MainContainer-Images"] .sf_cols .sfContentBlock p a {
        font-family: Poppins;
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 33px;
        text-align: Center;
        margin-top: 20px;
        color: #4D4D4D;
    }

.sf_colsIn[data-placeholder-label="baseline"], .baseline { /*Line separator format*/
    border-bottom: 1px solid #737373;
}


.sf_colsIn[data-placeholder-label="OuterContainer-White"] { /*Centering content in Images Div*/
    width: 100%;   
}

.sf_colsIn[data-placeholder-label="OuterContainer-White-Aux"] { /*Centering content in Images Div*/
    width: 100%;
    padding-top: 80px;  
}


    .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols { /*Centering content in Images Div*/
        margin: auto;
        text-align: center;
    }

.sf_colsIn[data-placeholder-label="OuterContainer-Others"] { /*Last DIV section*/
    background-color: #EEECEB;
    width: 100%;
}

.sf_colsIn[data-placeholder-label="MainContainer-Others"] {
    width: 1200px !important;
    margin: auto;
}

.sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sfContentBlock p { /*Title format*/
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 33px;
    line-height: 49px;
    color: #4D4D4D;
    text-align: center;
    margin-top: 110px;
}

.sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols .sfContentBlock p { /*Text description format*/
    font-family: Poppins;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    margin-top: 20px;
    text-align: center;
}

    .sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols .sfContentBlock p:nth-child(2) {
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }

.sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols { /*Layout and aligement*/
    margin-top: 65px;
    margin: auto;
    margin-bottom: 65px;
}

    .sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols .sfContentBlock a { /*White buttons format*/
        font-family: Poppins;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.244445px;
        color: #FFFFFF;
        border: 2px solid #1F628D;
        box-sizing: border-box;
        border-radius: 23.5px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 325px;
        display: block;
        margin: auto;
        background-color: #1F628D;
    }

    .sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols .sfContentBlock p:nth-child(6) a { /*Find plans button format*/
        font-family: Poppins;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.244445px;
        color: #000000;
        border: 2px solid #ea8d10;
        box-sizing: border-box;
        border-radius: 23.5px;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 325px;
        display: block;
        margin: auto;
        background-color: #ea8d10;
        margin-top: 0px;
    }

    .sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols .sfContentBlock p.bottom-section-travel-button{
        margin-top:40px;
    }

    .sfContentBlock table, .sfContentBlock table td { /*Removing table's borders*/
        border: none !important;
    }

/*DBE-1363 Home full page ends*/


/*DBE-1315 Rebuild the Dental page below the fold (mobile of DBE-1363) starts*/
/*Mobile*/
@media (max-width: 450px) {
    body { /*It fixes overwide containers on mobile due to  the new telerik reference used*/
        min-width: 375px !important;
    }

    div.ComparePlansText-Lite div.sf-Long-text p {
        display: none; /*Hides compare legend*/
    }

    /*.sf_colsIn[data-placeholder-label="MainContainer"] {
        display: block;
  }*/
    img.image-container-left {
        margin-top: 60px;
        margin-left: 5%;
        width: 90%;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    div.text-container-right {
        margin-top: 0px !important;
        width: 90%;
        position: relative;
        margin-left: 5%;
        /* padding-left: 41px;*/
        padding-left: 5%;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
        height: auto;
        padding-top: 5%;
        padding-bottom: 5%;
    }

    img.image-container-right {
        margin-left: 5%;
        width: 90%;
        margin-top: 30px;
        margin-bottom: 0px;
        border-top-left-radius: 7px;
        border-top-right-radius: 7px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;       
    }

    div.text-container-left {
        margin-top: 0px !important;
        margin-bottom: 60px;
        width: 90%;
        position: relative;
        margin-left: 5%;
        /*padding-left: 41px;*/
        padding-left: 5%;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 7px;
        border-bottom-left-radius: 7px;
        height: auto;
      /*  padding-top: 40.64px;
        padding-bottom: 40.64px;*/
        /* padding-right: 61.46px;*/
        padding-right: 5%;
        padding-top:5%;
        padding-bottom:5%;
    }

    .text-container-left div blockquote, .text-container-right div blockquote {
        margin-top: 5%;
    }

    .sf_colsIn[data-placeholder-label="FaqsContainer"] {
        width: 100% !important;
        margin-top: 73px;
    }

    div .div-dbe-faqs {
        width: 78%;
    }

    .sf_colsIn[data-placeholder-label="OuterContainer-White"] h3, .sf_colsIn[data-placeholder-label="OuterContainer-White-Aux"] h3, .sf_colsIn[data-placeholder-label="OuterContainer-White-Aux"] h2 {
        font-size: 22px;
        line-height: 23px;
        border: none;
        /*width: 200px;*/
    }

    .sf_colsIn[data-placeholder-label="OuterContainer-White"] div.div-dbe-faqs div a:first-child:not(.nocssfaq) {
        font-size: 18px;
    }

    .sf_colsIn[data-placeholder-label="MainContainer-Green"] {
        width: 375px !important;
    }

    .sf_colsIn[data-placeholder-label="OuterContainer-Green"] .sf_cols {
        display: grid;
    }
    /*4css*/
    /*Every icon column content alignment*/
    .sf_colsIn[data-placeholder-label="MainContainer-Green"] .sf_colsOut {
        width: 100%;
        padding-right: 27px;
        padding-left: 15px;
        text-align: center;
    }

    /*Text Icons title*/
    .sf_colsIn[data-placeholder-label="OuterContainer-Green"] .sfContentBlock p:first-child {
        padding-left: 15px;
        text-align: left;
    }

    /*All remaining paragraphs except the first before defined, reverts the style for others but 1rst*/
    .sf_colsIn[data-placeholder-label="OuterContainer-Green"] .sf_cols .sfContentBlock p {
        text-align: center;
        padding-left: 0px;
    }

    /*Moves Read more button*/
    .sf_colsIn[data-placeholder-label="OuterContainer-Green"] .sf_cols .sfContentBlock a {
        top: -50px;
        position: relative;
    }

    .sf_colsIn[data-placeholder-label="MainContainer-White"] .sf_cols[data-sf-element="Row"] {
        display: grid;
    }

    /*Link images*/
    .sf_colsIn[data-placeholder-label="MainContainer-Images"] {
        width: 375px;
      /*  margin-top: 60px;*/
    }

        .sf_colsIn[data-placeholder-label="MainContainer-Images"] .sf_cols {
            display: grid;
        }

            .sf_colsIn[data-placeholder-label="MainContainer-Images"] .sf_cols .sf_colsOut {
                width: 100%;
            }

                .sf_colsIn[data-placeholder-label="MainContainer-Images"] .sf_cols .sf_colsOut img {
                    border-top-left-radius: 7px;
                    border-top-right-radius: 7px;
                    border-bottom-right-radius: 7px;
                    border-bottom-left-radius: 7px;
                }

        .sf_colsIn[data-placeholder-label="MainContainer-Images"] .sfContentBlock p {
            font-size: 22px;
            line-height: 31px;
        }

    /*DIV text*/
    .sf_colsIn[data-placeholder-label="MainContainer-White"] {
        width: 375px;
        padding-left: 27px !important;
        padding-right: 27px !important;
        margin-top: 77.82px;
    }

    /*Main title header*/
    .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sfContentBlock p {
        font-size: 22px;
        line-height: 35px;
        text-align: center;
    }

    .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sfContentBlock h3 {
        font-size: 22px;
        line-height: 35px;
        text-align: center;
    }

    /*Subtitle header*/
    .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .sfContentBlock p {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
    }

    /*Centering Title link*/
    .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .expander .sfContentBlock {
        text-align: center;
    }

        .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .expander .sfContentBlock a {
            font-size: 18px;
            line-height: 22px;
            color: #5F3776;
        }

        .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .expander .sfContentBlock a h4 {
            font-size: 18px;
            line-height: 22px;
            color: #5F3776 !important;
            text-align:center;
        }

            /*Adding down arrow to expand link*/
            .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .expander .sfContentBlock a:after {
                font-family: 'FontAwesome';
                content: " \f107";
            }

        /*Content text*/
        .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .expander .sfContentBlock p:nth-child(2) {
            text-align: center;
            width: 100%;
            margin-bottom: 0px;
        }

    /*Txt container width, also for Others div in mobile*/
    .sf_colsIn[data-placeholder-label="OuterContainer-White"] .sf_cols .sf_colsOut, .sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols .sf_colsOut {
        width: 100%;
    }

    /*Others DIV*/
    /*Resizing main container to mobile*/
    .sf_colsIn[data-placeholder-label="MainContainer-Others"] {
        width: 375px !important;
    }

    /*Adjusting layout*/
    .sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols {
        display: grid;
    }

    /*Section title format*/
    .sf_colsIn[data-placeholder-label="MainContainer-Others"] .container .sfContentBlock p {
        font-size: 22px;
        line-height: 38px;
        text-align: left;
        margin-left: 25px;
        margin-top: 60px;
    }

    /*Removing br space in last p*/
    .sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols .sf_3cols_1_33 .sfContentBlock p:nth-child(3) {
        display: none;
    }

    /*DIV order for the others las div with Find Plans button*/
    .sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols .sf_3cols_2_34 {
        order: 3;
    }

    /*Reduces others titles width and margins*/
    .sf_colsIn[data-placeholder-label="OuterContainer-Others"] .sf_cols .sfContentBlock p:first-child {
        width: 260px;
        margin: 0 auto;
        margin-top: 20px;
    }

    div.text-container-left:before { /*Fixing overflow BDE-1612*/
        margin-left: 0px !important;
        display:none;
    }
}

@media only screen and (max-width: 376px) and (min-width: 360px) {
    .directbenefits .Custom-Mobile-InsuranceInput { /*Fixing overflow BDE-1612*/
        margin-left: 2.5% !important;
    }
}

div.text-container-right div.sfContentBlock h3, div.text-container-left div.sfContentBlock h3 {
    font: normal normal bold 44px/53px Poppins;
}

div.text-container-right div.sfContentBlock h3, div.text-container-left div.sfContentBlock h3 {
    font: normal normal bold 44px/53px Poppins;
}

    div.text-container-right div.sfContentBlock h3.h3-black, div.text-container-left div.sfContentBlock h3.h3-black, div.text-container-right div.sfContentBlock h2.h2-black, div.text-container-left div.sfContentBlock h2.h2-black {
        color: #4D4D4D !important;
        font-size:33px;
        margin-top:0px;
    }

    div.text-container-right div.sfContentBlock h3.h3-blue, div.text-container-left div.sfContentBlock h3.h3-blue {
        color: #1F628D !important;
    }

    /*Ends DBE-1315 Rebuild the Dental page below the fold (mobile of DBE-1363)*/



div.div-dbe-faqs div a[data-sf-role="toggleLink"]:first-child {
    background: #4D4D4D;
    color: #333;
    padding: 14px;
    display: block;
    margin: 20px 0 0;
    font-size: 18px;
    font-weight: 700
}

div.div-dbe-faqs div a[data-sf-role="toggleLink"]:first-child {
    margin: 30px 0 0;
}

div.div-dbe-faqs div a {
    background: 0 0;
    color: #333;
    padding: 0;
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

div.div-dbe-faqs div div, div.div-dbe-faqs div div p {
    display: block;
    background: #EEECEB;
    padding: 25px; /*DBSW-555*/
    color: #4D4D4D;
    font-size: 12pt;
}

/*Spirit Dental Insurance FAQs styling*/

 div.dental-insurance-faqs h3 {
    font-size: 18pt; /*By Craigs request in a comment*/
}

 div.dental-insurance-faqs h2,  div.div-dbe-faqs h2 {
    font-size: 14pt; /*By Craigs request in a comment*/
    margin-bottom: 0rem;
    color: white !important; /*DBSW-555*/
    font-weight: normal !important; /*DBSW-555*/
    margin-top: 0px !important; /*DBSW-574*/
}

 div.dental-insurance-faqs div a:first-child {
    background: #45555f; /*By Craigs request in a comment*/
    /*Changed due to DBSW-555*/
}

 div.dental-insurance-faqs a:after {
    content: "";
    display: inline-block;
    font: normal normal 14px/1 FontAwesome;
    padding-left: 3px;
    float: right;
    margin-top: -20px;
    margin-right: 20px;
}

 div.dental-insurance-faqs a.expanded:after {
    content: "";
}

.sf_colsIn[data-placeholder-label="OuterContainer-White-Aux"] h2.h2-faq-aux, .sf_colsIn[data-placeholder-label="OuterContainer-White-Aux"] h2.visible, .sf_colsIn[data-placeholder-label="OuterContainer-White-Aux"] h2.no-visible {
    color: #ffffff !important;
    font-size:18px;
}

.sf_colsIn[data-placeholder-label="MainContainer-Images"] h2.h2-black {
    font-size: 22pt;
    text-align: center;
    margin-top:0px;
}

.InputWidgetLite-CarriesTable{
padding-bottom:60px;
}

.InputWidgetLite-ContentBottom div ul li span strong{
    font-weight:900;
}

span.main-span-blue {
    color: #1F628D;
    font-size:26px;
}

/*Spirit Dental Insurance FAQs styling*/
@media(max-width:767px) {
    .bg-hero-img {
        display: none;
    }

    .directbenefits .sf_colsIn .InputWidgetLite-ContentTop h1 {
        padding-top: 0px;
        position: relative;
        width: 100%;
        text-align: center;
        margin-left: 0px;
    }
   

    .directbenefits .sf_colsIn .InputWidgetLite-ContentTop h1.h1-aux {
        padding-top: 0px;
        width: 100%;
        margin-left: 0px;
        color: #000 !important;
        text-align: center;
    }

    .InputWidgetLite-ContentTop div {
        margin-left: 10%;
        margin-right: 10%;
    }

    .sf_colsIn[data-placeholder-label="Top"] {
       /* height: 200px;*/
       padding-bottom:80px;
       padding-top:80px;
       height:auto;
    }

    .directbenefits .sf_colsIn .InputWidgetLite-ContentTop h1 {
        color: #000 !important;
    }

    .sf_colsIn[data-placeholder-label="Bottom"] {
        height: auto !important;
        padding-bottom:60px;
        padding-top:80px;
    }

    .sf_colsIn[data-placeholder-label="Middle"] {
        background-color: #EEECEB;
        height: auto;
        padding-bottom: 80px;
    }

    .directbenefits .div-dental-input-Dental-Insurance-Lite {
        margin-top: 0px !important;
    }

    .InputWidgetLite-CarriesTable div table tbody tr td {      
        height: auto;
        padding-bottom:50px;
    }

    .faq-title-section{
        text-align:center;
    }

    h2.h2-faq-aux{
        width:250px;
    }

    h2.visible, h2.no-visible{
        left:0px !important;
    }

    .br-aux{
        display:none;
    }

    .directbenefits .sf_colsIn .InputWidgetLite-ContentTop h1 {
        font-size: 32px;
        line-height: 40px;       
    }

    .InputWidgetLite-ContentBottom div p {
        line-height: 40px !important;
    }

    div.sf_colsIn[data-placeholder-label="MainContainer"]{
        width:100% !important;
    }
    body{
        min-width:100% !important;
    }

    .InputWidgetLite-ContentBottom div ul{
        height:auto;
        margin-bottom:0px;
    }

        .InputWidgetLite-ContentBottom div ul li span{
            font-size:16px !important;
        }

    .ComparePlansText-Lite div h2 {
        padding-top: 0px !important;
    margin-top:0px;
    margin-bottom:0px;
    }

    .ComparePlansText-Lite{
        padding-top:80px;
    }

    .InputWidgetLite-CarriesTable{
        padding-bottom:10px;
    }

    .only-desktop {
        display: none;
    }

    div.sf_colsIn[data-placeholder-label="ExtraContainer"] {
      background-color: #EEECEB
    }

    hr.only-mobile.aux-main-hr {
        margin-bottom:0px;
    }
}

@media(min-width:768px){
    .ComparePlansText-Lite{
        padding-top:20px;
    }

    div.rater-quoting {
        padding-left: 20px;
    }

    .sf_colsIn[data-placeholder-label="Bottom"]{
        height:auto !important;
    }

    div.InputWidgetLite-ContentBottom div ul {
        margin-top: 0px;
        margin-bottom:0px;
    }

    .InputWidgetLite-ContentBottom{
        margin-bottom:50px;
        margin-top:50px;
    }

    .li-element-margin-bottom{
        margin-bottom:40px;
    }

    .only-mobile {
        display: none;
    }

    a h2.h2-faq-aux{
        width:700px;
    }
}

@media(max-width:375px){
    div.text-container-right div.sfContentBlock h3.h3-black, div.text-container-left div.sfContentBlock h3.h3-black, div.text-container-right div.sfContentBlock h2.h2-black, div.text-container-left div.sfContentBlock h2.h2-black {
        font-size: 31px;
    }
}

@media(max-width:767px){
    .btn-insurance-search-Dental-Insurance-Lite {
        margin-left: 5% !important;
        width: 90% !important;
        margin-right: 5% !important;
    }

    .directbenefits .div-dental-input-Dental-Insurance-Lite{
        padding-left:0%;
    }

    .directbenefits .Custom-Mobile-InsuranceInput {
        margin-left: auto !important;
        margin-right: auto !important;      
    }

    div.rater-quoting {
        padding-left: 5%;
        padding-right: 5%;
    }

    .li-element-margin-bottom {
        margin-bottom: 40px;
    }

    div.btnsearch-bottom.aux-btnsearch-top{
        text-align:center;
        position:relative;
    }

        div.btnsearch-bottom.aux-btnsearch-top .btn-orange {
          margin-bottom:0px !important;
        }
}