/*@font-face {
    font-family: 'Oxygen';
    src: url('../fonts/Oxygen-Regular.eot');
    src: url('../fonts/Oxygen-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Oxygen-Regular.woff2') format('woff2'), url('../fonts/Oxygen-Regular.woff') format('woff'), url('../fonts/Oxygen-Regular.ttf') format('truetype'), url('../fonts/Oxygen-Regular.svg#Oxygen-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Oxygen';
    src: url('../fonts/Oxygen-Bold.eot');
    src: url('../fonts/Oxygen-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Oxygen-Bold.woff2') format('woff2'), url('../fonts/Oxygen-Bold.woff') format('woff'), url('../fonts/Oxygen-Bold.ttf') format('truetype'), url('../fonts/Oxygen-Bold.svg#Oxygen-Bold') format('svg');
    font-weight: 600;
    font-style: normal;
}
    
@font-face {
    font-family: 'Oxygen';
    src: url('../fonts/Oxygen-Light.eot');
    src: url('../fonts/Oxygen-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Oxygen-Light.woff2') format('woff2'), url('../fonts/Oxygen-Light.woff') format('woff'), url('../fonts/Oxygen-Light.ttf') format('truetype'), url('../fonts/Oxygen-Light.svg#Oxygen-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}*/



/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');*/


@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans:200,300,400,500,600,700|Prompt:200,300,400,500,600,700');




body {
    font-family: 'IBM Plex Sans', sans-serif;
    color: #5F5F5F;
    font-size: 15px;
}

.bodybg {
    /*background-image: url("../../images/flow-bg.jpg");
    background-size: 100% 100%;
    background-attachment: fixed;*/
    background-color: #ffffff;
    margin-top: 25px;
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url('../Images/loader.gif') 50% 50% no-repeat rgb(249,249,249);
    /*background: url('Images/482.gif') 50% 50% no-repeat transparent;*/
    opacity: .5;
}

body .input-validation-error {
    border: 1px solid red !important;
    /*background-color: rgba(255, 0, 0,0.05) !important;*/
    box-shadow: none !important;
}

body .customerinfo .input-validation-error {
    border: 1px solid red !important;
    /*background-color: rgba(255, 0, 0,0.05) !important;*/
    box-shadow: none !important;
}


.headerdiv {
    height: 100px;
    background: white;
}

.footerdiv {
    background-color: #211551;
    color: #fff;
}

.copyrighttext {
    text-align: center;
    padding: 10px 0;
}

.leftfooter {
    text-align: left;
}

.rightfooter {
    text-align: right;
}

.titleheading {
    color: #412F8A;
    text-align: center;
    font-weight: 600;
    font-size: 27px;
    /*margin: 35px 0 25px;*/
    margin: 5px 0 25px;
}

.planbox {
    background: #fff;
    border-radius: 0px;
    text-align: center;
    max-width: 330px;
    padding: 15px;
    box-shadow: 0px 30px 90px rgba(33, 21, 81, 0.1) !important;
    margin: 10px 0;
}

.featureplans .planbox, .sidedivplan .planbox {
    padding: 35px 15px;
}



.planbox p {
    margin: 5px 0;
}

/*.planname {
    font-size: 20px;
    font-weight: 600;
    word-wrap: break-word;
}*/
.planname {
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #211551 !important;
    word-wrap: break-word;
    max-height: 62px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.planduration {
    font-size: 13px;
    font-weight: 600;
    margin: -4px 0 5px !important;
}*/
.planduration {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    color: #1F184E !important;
    font-weight: 600;
    margin: 20px 0 !important;
}

.planprice {
    font-family: Prompt;
    font-style: normal;
    font-weight: bold;
    font-size: 46px;
    line-height: 56px;
    color: #412F8A !important;
    line-height: 65px;
}

.planunit {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    color: #412F8A !important;
}



.plandescription {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    text-align: center;
    color: #1A1A1A !important;
}

.DescriptionList label {
    /*font-weight: 600 !important;*/
    font-weight: normal !important;
    display: block;
}

.planfiles {
    margin: 13px 0 !important;
}

    .planfiles a {
        font-family: IBM Plex Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 23px;
        text-align: center;
        text-decoration-line: underline;
        display: table;
        margin: auto !important;
        color: #1A1A1A;
        transition: ease-in .100s all;
        /* Black */
        opacity: 0.5;
    }

.sidedivplan .planfiles a {
    margin: 6px 9px 5px;
}

.planfiles a:hover {
    color: #412F8A;
    text-decoration: none;
    opacity: 1;
}


.planprovidernum, a.planprovidernum {
    color: #412F8A;
    font-size: 18px;
    font-weight: 600;
}

.plansignup {
    color: #fff;
    background: #412F8A;
    width: 180px;
    display: block;
    margin: 8px auto;
    /*padding: 7px;*/
    padding: 5px 7px 7px;
    text-align: center;
    cursor: pointer;
    border-radius: 25px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
}

    .plansignup:hover, .plansignup:focus {
        color: #fff;
        text-decoration: none;
    }

.moreplan {
    color: #fff;
    background: #412F8A;
    width: 230px;
    display: block !important;
    margin: 30px auto 20px;
    padding: 7px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

    .moreplan:hover, .moreplan:focus {
        color: #fff;
        text-decoration: none;
    }


.planprovider {
    font-weight: 600;
    margin: 5px 0 8px;
}

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-outline-in:before {
        pointer-events: none;
        content: '';
        position: absolute;
        border: #412F8A solid 2px;
        top: -2px;
        right: -2px;
        bottom: -2px;
        left: -2px;
        border-radius: 25px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: top, right, bottom, left;
        transition-property: top, right, bottom, left;
    }

    .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
        top: -4px;
        right: -4px;
        bottom: -4px;
        left: -4px;
        opacity: 1;
    }

.planpuct {
    font-size: 12px;
    font-weight: 600;
    margin: 7px 0 0 !important;
    color: #979797;
}

.footernotekwh {
    font-size: 13px;
    /*color: #fff;*/
    font-weight: 400;
    position: absolute;
    top: 35px;
}

.marginmin15 {
    margin-left: -15px;
    margin-right: -15px;
}

.allplans .planprovider img {
    height: 70px;
    max-width: 150px;
}

.input__field--yoshiko:focus {
    border: 1px solid #412F8A;
}

.submituserinfo {
    color: #fff;
    background: #412F8A;
    width: 180px;
    display: block;
    margin: 40px auto 10px;
    cursor: pointer;
    padding: 7px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    float: right;
}


.searchadd {
    color: #fff;
    background: #412F8A;
    width: 80%;
    display: block;
    margin: 29px auto 12px;
    padding: 5px 8px 6px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 15px;
    cursor: pointer;
    font-weight: 400;
    text-align: center;
    float: none;
}

    .submituserinfo:hover, .submituserinfo:focus, .searchadd:hover, .searchadd:focus {
        color: #fff;
        text-decoration: none;
    }

.serviceaddbtn {
    color: #fff;
    background: #412F8A;
    width: 150px;
    display: block;
    margin: 18px auto 20px;
    padding: 7px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    float: none;
    cursor: pointer;
}

    .serviceaddbtn:hover, .serviceaddbtn:focus {
        color: #fff;
        text-decoration: none;
    }


.printuserinfo {
    color: #fff;
    background: #412F8A;
    width: 180px;
    display: block;
    margin: 40px auto 20px;
    padding: 7px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    float: right;
}

    .printuserinfo:hover, .printuserinfo:focus {
        color: #fff;
        text-decoration: none;
    }



@media (min-width: 1200px) {
    .allplans .planprovider {
        padding: 0 8px;
        margin: 0 !important;
    }

    .allplans .plandescription {
        font-weight: 700;
        margin: 5px 0 6px !important;
        font-size: 14px;
    }

    .allplans .plansignup {
        width: 150px;
        margin: 3px auto;
        padding: 5px;
        border-radius: 25px;
        font-size: 16px;
    }

    .allplans .planduration {
        margin: -2px 0 5px !important;
    }

    .allplans .planprice {
        line-height: 58px;
    }

    .datarow2 {
        margin-top: 20px;
    }

    .allplans .bdrbtplan {
        border-right: 1px solid #ccc;
    }

    .authorizationpadding {
        padding-left: 15px;
    }

    .mrzero {
        margin-right: -45px !important;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    .footernotekwh {
        top: 8px;
    }

    .allplans .planprovider {
        padding: 0 8px;
        margin: 0 !important;
    }

    .allplans .plandescription {
        font-weight: 600;
        margin: 5px 0 6px !important;
        font-size: 14px;
    }

    .allplans .plansignup {
        width: 150px;
        margin: 3px auto;
        padding: 5px;
        border-radius: 25px;
        font-size: 16px;
    }

    .allplans .planduration {
        margin: -2px 0 5px !important;
    }

    .allplans .planprice {
        line-height: 58px;
    }

    /*    .allplans .bdrbtplan {
        border-right: 1px solid #ccc;
    }*/

    .container {
        width: 100%;
    }

    .zeropadding1 {
        padding: 0px;
    }
}


.licensebox {
    width: 66% !important;
    float: left;
}

body .licensebox2 {
    width: 34% !important;
    float: left;
    margin-top: 26px;
    padding: 6px 22px 6px 3px !important;
    border-left: 0px !important;
    /*height: 46px !important;*/
}

    body .licensebox2.input__field {
        border-radius: 0px 3px 3px 0 !important;
    }

@-moz-document url-prefix() {
    body .licensebox2.input__field {
        height: 52px !important;
        border-left: 0px !important;
        border-radius: 0px 3px 3px 0 !important;
    }
}

body #DriversLicence.input__field {
    border-radius: 3px 0 0 3px !important;
}

.or {
    text-align: center;
}

#spanDOB {
    font-weight: 600;
    bottom: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    color: #f28026;
    padding: 0.25em 3px;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.70em;
}

.martop27 {
    margin-top: 27px;
}

@media (max-width:767px) {
    .footernotekwh {
        font-size: 13px;
        color: #fff;
        font-weight: 400;
        position: relative;
        top: auto;
        display: block;
        text-align: center;
        margin: 8px 0 16px;
    }

    .zeropadding {
        padding: 0px;
    }

    .zeropadding1 {
        padding: 0px;
    }

    .submituserinfo {
        float: none;
    }

    .licensebox2 {
        height: 34px !important;
    }

    .searchadd {
        width: 150px;
        float: none;
    }
    .reverseColumn {
        display: flex;
        flex-direction: column-reverse;
    }
}



@media (min-width: 992px) and (max-width: 1099px) {
    .container {
        width: 100%;
    }
}

.planprovider img {
    max-width: 160px;
    height: 70px;
    width: 100%;
}

.planfilter a {
    color: #b4b4b4;
    text-align: center;
    margin: 0 6px;
    text-decoration: none;
    font-size: 14px;
}

    .planfilter a:hover, .planfilter a.active {
        color: #412F8A;
        text-decoration: none;
    }

    .planfilter a.active {
        font-weight: 600;
    }

.planfilter {
    background: white;
    box-shadow: 0px 30px 90px rgba(33, 21, 81, 0.1) !important;
    border-radius: 0px;
    padding: 15px;
    /*margin: 10px 0;*/
    margin: 40px 0;
    text-align: center;
}

    .planfilter p {
        font-weight: 600;
        font-size: 18px;
    }

.filtersection {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.refresh {
    color: #fff !important;
    background: #412F8A;
    width: 135px;
    display: block;
    margin: 50px auto 8px !important;
    padding: 7px;
    border-radius: 25px;
    text-decoration: none !important;
    font-size: 17px !important;
    font-weight: 400;
}

    .refresh:hover, .refresh:focus {
        color: #fff !important;
        text-decoration: none !important;
    }

    .refresh.hvr-outline-in::before {
        border: #412F8A solid 2px;
    }

.footernotekwh1 {
    font-size: 13px;
    color: #412F8A;
    font-weight: 400;
    text-align: center;
    display: block;
}

.customerinfo {
    background: white;
    border-radius: 0px;
    padding: 25px 15px;
    box-shadow: 0px 30px 90px rgba(33, 21, 81, 0.1) !important;
    margin: 10px 0 25px;
}

    .customerinfo h2 {
        font-family: Prompt;
        font-style: normal;
        font-weight: 600;
        margin-top: 55px;
        font-size: 18px;
        line-height: normal;
        letter-spacing: 0.3em;
        text-transform: uppercase;
        border-bottom: 1px solid rgba(33, 21, 81, .15);
        color: #211551 !important;
        padding-bottom: 13px;
        margin-bottom: 25px;
    }

h2.personalinfo {
    margin-top: 35px;
}

.zipcodeboxdiv h2 {
    margin-top: 20px;
    letter-spacing: .1em;
    text-transform: uppercase;
    border-bottom: 0;
    color: #211551 !important;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 26px;
}

/*.customerinfo .minelabel {
        font-size: 13px;
        margin-top: 35px;
        display: block;
    }*/


.customerinfo select, #modalDeposit select {
    background-image: url("../../Images/down-arrow-1.svg");
    background-size: 11px;
    font-weight: 400;
    background-repeat: no-repeat;
    background-position: 96%;
    -moz-appearance: none;
    font-size: 13px;
}

.subheading {
    text-align: center;
    color: #412F8A;
    font-size: 15px;
    margin: 0 0 25px;
}

.orderconfirmation {
    background: white;
    border-radius: 13px;
    padding: 15px 25px;
    box-shadow: 0px 0px 5px 0px rgba(61,61,61,0.5) !important;
    margin: 10px 0 25px;
}

    .orderconfirmation h2 {
        color: #412F8A;
        font-weight: 600;
        margin: 15px auto;
        font-size: 25px;
    }

.datarow {
    margin-top: 7px !important;
    font-size: 14px;
    margin-bottom: 7px !important;
}

    .datarow .fieldlabel {
        font-weight: 600;
    }



    .datarow a {
        color: #5F5F5F;
        text-decoration: none;
        margin: 0 15px 0 0;
    }

        .datarow a:hover {
            color: #412F8A;
            text-decoration: none;
        }

@media (max-width: 767px) {
    .orderdata {
        padding: 0px;
    }

    .orderconfirmation h2 {
        font-size: 24px;
    }

    .printuserinfo {
        float: none;
    }

    .customerinfo h2 {
        font-size: 18px;
    }
}

/*.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    margin: 0 8px 0 28px;
    height: 11px;
}*/
.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    margin: 0px 21px 0 18px;
    height: 11px;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: -3px;
    right: 21px;
    bottom: 0;
    background-color: #412F8A;
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
}
    /*.slider::before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 0px;
    bottom: 4px;
    background-color: #e1e6ea;
    -webkit-transition: .4s;
    transition: .4s;
    top: -3px;
}*/

    .slider::before {
        position: absolute;
        content: "\f054";
        height: 20px;
        width: 20px;
        left: 24px;
        bottom: 4px;
        background-color: #e1e6ea;
        -webkit-transition: .4s;
        transition: .4s;
        top: -4px;
        font-family: fontawesome;
        font-size: 12px;
        color: #412F8A;
        padding-left: 7px;
        font-weight: 100;
        padding-top: 2px;
    }

input:checked ~ .slider::before {
    content: "\f053";
    padding-left: 4px;
}

input:checked ~ .slider {
    background-color: #412F8A;
}

input:focus ~ .slider {
    box-shadow: 0 0 1px #412F8A;
}

input:checked ~ .slider:before {
    -webkit-transform: translateX(-26px);
    -ms-transform: translateX(-26px);
    transform: translateX(-26px);
}

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

    .slider.round:before {
        border-radius: 50%;
    }

.checktype {
    font-size: 13px;
    display: inline-block;
    margin-top: 12px;
}

.personalcheck.active, .businesscheck.active {
    color: #412F8A;
}

.planstartdatelbl, .planseraddlbl {
    color: #412F8A;
    font-size: 18px;
    font-weight: 600;
}

.planstartdate {
    margin-bottom: 10px !important;
}

.planbox {
    position: relative;
}

.threeorgdot {
    background: #412F8A;
    color: #fff;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 50%;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    padding-left: 2px;
    position: absolute;
    bottom: 11px;
    right: 11px;
}

.questionmark {
    background-color: #edc43e;
    margin-left: 11px;
    width: 23px;
    height: 23px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    cursor: pointer;
}

.serviceaddinfo h2 {
    text-align: center;
}

.actionPointer {
    cursor: pointer !important;
}

.prioritymovein, .movein {
    margin: 8px 0;
    display: block;
    text-align: left;
}

    .movein::before {
        background-color: #eee;
        color: #eee;
        content: "a";
        display: inline-block;
        font-size: 12px;
        height: 26px;
        margin-right: 15px;
        padding-top: 7px;
        width: 40px;
        border: 1px solid #412F8A;
    }

    .prioritymovein::before {
        background: #412F8A none repeat scroll 0 0;
        color: #412F8A;
        content: "a";
        display: inline-block;
        font-size: 12px;
        height: 26px;
        margin-right: 15px;
        padding-top: 7px;
        width: 40px;
        border: 1px solid #412F8A;
    }

.datepicker_img {
    position: absolute;
    right: 0;
    top: 35px;
    z-index: 2;
    width: 300px;
    background-color: #fff;
    border: 1px solid #95989a;
}

.displayinline {
    margin-left: 34px;
    margin-top: -9px;
}

.planlistpagination {
    text-align: center;
}



    .planlistpagination li a {
        color: #412F8A !important;
    }



    .planlistpagination li.active a {
        background-color: #412F8A !important;
        border-color: #412F8A !important;
        color: #fff !important;
    }

    .planlistpagination li.disabled a {
        color: #5F5F5F !important;
    }

.table-responsive {
    border: 0 !important;
}

.planlistpagination .pagination > li > a, .planlistpagination .pagination > li > span {
    padding: 6px 8px !important;
}

.rangeSlider_Value .rangeto input[type="text"] {
    width: 43px;
    margin: 0 0 !important;
    text-align: left;
    border-radius: 4px;
    font-size: 14px;
    border: none;
    box-shadow: none !important;
}

.rangeSlider_Value .rangefrom input[type="text"] {
    width: 43px;
    margin: 0 0 !important;
    text-align: left;
    border-radius: 4px;
    font-size: 13px;
    border: none;
    box-shadow: none !important;
}

.rangeto {
    display: inline-block;
    float: left;
    margin-left: -4px;
    text-align: left;
}

.rangefrom {
    display: inline-block;
    float: right;
    margin-right: -5px;
    text-align: left;
}

    .rangeto input, .rangefrom input {
        border: 0px !important;
    }

.rangemonth {
    font-size: 11px;
    margin-top: -3px;
    color: #b4b4b4;
    display: block;
}

.custom_RangeSlider {
    margin: 20px 20px !important;
}

    .ui-widget-content, .custom_RangeSlider .ui-widget-content {
        background: #ebebeb !important;
    }

        .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
            border: 0px solid #412F8A !important;
            /*background: #412F8A !important;*/
            background: -moz-linear-gradient(top, #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%) !important;
            ; /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%) !important;
            ; /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%) !important;
            ; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ) !important;
            ; /* IE6-9 */
        }

.rangeSlider_Value {
    margin-top: 10px !important;
}

.ui-widget-header, .custom_RangeSlider .ui-widget-header {
    background: #412F8A !important;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -6px !important;
    cursor: pointer !important;
}

.ui-slider-horizontal {
    height: 3px !important;
    cursor: pointer;
}

.termlengths {
    max-width: 350px;
    margin: 0 auto;
}

.filterhr {
    border-top: 1px solid #ccc;
    width: 76%;
    margin: 0px auto 13px !important;
    display: block;
    max-width: 250px;
}

.modal-header {
    background: #412F8A !important;
    padding: 10px !important;
    color: #fff !important;
    border-radius: 0 !important;
}

.addresssearchmaindiv {
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

#EcrodAddressAutoFill {
    width: 80%;
    background: white !important;
    box-shadow: 0 0px 10px rgba(69,69,69,.6);
    overflow-y: auto;
    margin-top: -22px;
    position: absolute;
    z-index: 11111;
    padding: 20px 0 20px;
    font-size: 14px;
}

.popupheading {
    display: inline-block;
    margin: 3px 0 !important;
    font-size: 20px;
}

.refresh2 {
    color: #fff !important;
    background: #412F8A;
    width: 100px;
    display: block;
    margin: 18px auto auto !important;
    padding: 3px;
    border-radius: 25px;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
}

    .refresh2.hvr-outline-in::before {
        border: #412F8A solid 2px;
    }

.txtcentr {
    text-align: center;
}

.zipbtn {
    display: inline-block;
    width: 136px;
    margin: 20px 8px 20px;
    padding: 6px;
    font-size: 15px;
}


.zipcodediv {
    width: 460px !important;
    display: block;
    position: relative;
    min-height: 240px;
    margin: 20px auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 0px;
}

.zipcodechildiv {
    display: table-cell;
    vertical-align: middle;
}

.zipcodeboxdiv {
    display: table;
}


@media (max-width: 400px) {
    .zipbtn {
        display: inline-block;
        width: 124px;
        margin: 20px 5px;
        padding: 6px;
        font-size: 15px;
    }
}

@media (max-width: 350px) {
    .zipbtn {
        display: inline-block;
        width: 114px;
        margin: 20px 2px;
        padding: 6px;
        font-size: 15px;
    }
}




@media (max-width: 540px) {
    .zipcodediv {
        width: 100% !important;
        padding: 15px 10px;
    }
}


.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.popuptext {
    text-align: center;
    margin: 16px 0;
    font-size: 20px;
    font-weight: 400;
}

.popupclose {
    display: block;
    width: 120px;
    margin: 10px auto 0px;
    padding: 6px;
    font-size: 15px;
    cursor: pointer;
    float: none !important;
}

.popupdheadr {
    background: #412F8A;
    color: #fff;
}

@media (max-width:767px) {
    .addresssearchmaindiv {
        text-align: center;
    }

    #DivAddress .modal-dialog {
        width: 460px !important;
    }
}


@media (min-width:480px) {
    /*#CustomAlert .modal-dialog , .utilitypopup , .commpopup{
        width: 460px !important;
    }*/
    #CustomAlert .modal-dialog, .utilitypopup, .commpopup {
        width: 461px !important;
        margin-right: 10px;
    }
}

@media (max-width:479px) {
    #CustomAlert .modal-dialog, .utilitypopup, .commpopup, #DivAddress .modal-dialog {
        width: 90% !important;
    }
}


.utiltyselection {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    -ms-appearance: none !important;
    background-image: url("../../Images/down-arrow-1.svg") !important;
    background-repeat: no-repeat !important;
    background-position: 96% !important;
    /*background-size: 15px !important;*/
}

.commpopup .minelabel {
    margin: 5px 0;
}



.totalcount {
    font-weight: 600 !important;
    font-size: 16px;
    text-align: right;
    margin: 20px 0;
    padding: 15px;
}

.modal-header .close {
    margin-top: 0;
    color: #fff !important;
    opacity: 0.8;
    box-shadow: none !important;
    background: none !important;
}

.selected_calender_txt {
    text-align: center !important;
}

@media (max-width:480px) {
    .datepicker_img {
        width: 100%;
    }
}



#divMainCalender .ui-state-default, #divMainCalender .ui-widget-content .ui-state-default, #divMainCalender .ui-widget-header .ui-state-default {
    border: 1px solid #412F8A !important;
    background: #eee !important;
    color: #412F8A;
}

#divMainCalender .ui-state-default, #divMainCalender .ui-widget-content .ui-state-default, #divMainCalender .ui-widget-header .ui-state-default {
    border: 1px solid #412F8A !important;
    background: #eee !important;
    color: #412F8A;
}

#divMainCalender .ui-widget-content, #divMainCalender .custom_RangeSlider .ui-widget-content {
    background: #fff !important;
}



    #divMainCalender .ui-state-default.ui-priority-movein, #divMainCalender .ui-widget-content .ui-state-default.ui-priority-movein, #divMainCalender .ui-widget-header .ui-state-default.ui-priority-movein {
        border: 1px solid #412F8A !important;
        background: #412F8A !important;
        color: #fff;
    }

    #divMainCalender .ui-widget-content .ui-state-active:hover, #divMainCalender .ui-widget-header .ui-state-active:hover, #divMainCalender .ui-state-highlight:hover {
        color: #412F8A !important;
    }

.datepicker_img #priority {
    margin: 0 15px;
}

.calendertop {
    padding: 0;
    margin-top: -1px;
}


.datepicker_img .refresh2 {
    margin: 1px auto 14px !important;
    cursor: pointer;
}

#btnApply.swtichcnfrm, #btnSSApply.ssbtn {
    margin-bottom: 20px !important;
    display: block;
}

.sstext {
    font-size: 13px;
}

.swtichtypesel {
    display: block;
    width: 100%;
    text-align: center;
    margin: 9px 0px 0;
}

select::-ms-expand {
    display: none;
}

*:focus {
    -webkit-tap-highlight-color: transparent !important;
    outline: 0px !important;
}

.popuptext ul {
    font-size: 15px;
    margin: 8px 0 0;
    text-align: left;
}

.radio-validation [type="checkbox"]:checked ~ label::before, .radio-validation [type="checkbox"]:not(:checked) ~ label::before {
    border: 1px solid #ff0000;
}


.paymendaddpopupmargin {
    margin-top: 13px;
}

.logolink {
    display: block;
    margin-top: 10px;
}

.planfiles {
    position: relative;
}
/*.detaildiv {
    background: white;
    position: absolute;
    bottom: 40px;
    right: -170px;
    height: 200px;
    width: 380px;
    z-index: 1;
    box-shadow: 0px 1px 10px 0px rgba(61,61,61,0.5) !important;
    border-radius: 7px;
    padding: 10px;
    text-align: left;
    font-size: 14px;
   
}*/
.detaildiv {
    background: white;
    position: absolute;
    /*bottom: 34px;*/
    bottom: 50px;
    right: -78px;
    /*height: 201px;*/
    height: auto;
    width: 460px;
    /*z-index: 1;*/
    z-index: 6;
    box-shadow: 0 0px 10px rgba(69,69,69,.6) !important;
    border-radius: 7px;
    padding: 10px;
    text-align: left;
    font-size: 14px;
}

    .detaildiv.detaildiv1 {
        background: white;
        position: absolute;
        bottom: 34px;
        right: -154px;
        /*height: 201px;*/
        height: auto;
        width: 450px;
        z-index: 1;
        box-shadow: 0 0px 10px rgba(69,69,69,.6) !important;
        border-radius: 7px;
        padding: 10px;
        text-align: left;
        font-size: 14px;
    }

.pad0detail {
    padding-left: 0px;
}

.cursorpointer {
    cursor: pointer;
}

.detailheading {
    font-size: 18px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.detaildiv .marbtm12, .marbtm12 {
    margin-bottom: 12px !important;
}

.textalignright {
    text-align: right;
}

b, strong {
    font-weight: 600;
}

/*.font13 {
    font-size: 13px;
    text-align: right;
    padding: 2px 0;
}*/
.font13 {
    font-size: 13px;
    text-align: left;
    padding: 2px 0;
}

.orangetext {
    color: #412F8A;
    font-weight: 600;
    font-size: 14px;
}

.font13 .orangetext {
    text-align: center;
    display: inline-block;
    width: 50px;
}

@media (min-width: 768px) {
    .mar30 {
        margin-right: -30px;
    }

    .leftdivplan {
        padding: 0 !important;
    }

    .mar-40 {
        margin-right: -40px;
    }

    .c-service-address {
        display: flex;
        justify-content: center;
    }
}

.searcharrow {
    width: 100%;
    height: 15px;
    position: relative;
    overflow: hidden;
    top: 4px;
    z-index: -1 !important;
}

    .searcharrow::after {
        content: "";
        position: absolute;
        width: 30px;
        height: 20px;
        background: #fff;
        transform: rotate(45deg);
        top: -15px;
        left: 194px;
        box-shadow: 0px 0px 5px 0px rgba(61,61,61,0.5) !important;
    }

@media (min-width: 1280px) {
    .featureplans > div:nth-last-child(1) .detaildiv {
        right: -80px;
    }

        .featureplans > div:nth-last-child(1) .detaildiv .searcharrow::after {
            left: 321px;
        }

    .featureplans > div:nth-child(1) .detaildiv {
        right: -90px !important;
    }



    .featureplans > div:nth-last-child(1) .detaildiv::after {
        margin-left: 10px;
    }
}

@media (min-width: 1200px) and (max-width: 1279px) {
    .featureplans > div:nth-last-child(1) .detaildiv {
        right: 0px;
    }

        .featureplans > div:nth-last-child(1) .detaildiv .searcharrow::after {
            left: 318px;
        }

    .featureplans > div:nth-child(1) .detaildiv {
        right: -200px !important;
    }

        .featureplans > div:nth-child(1) .detaildiv .searcharrow::after {
            left: 164px !important;
        }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .featureplans > div:nth-child(4n) .detaildiv {
        right: 0px !important;
    }

        .featureplans > div:nth-child(4n) .detaildiv .searcharrow::after {
            left: 382px !important;
        }

    .searcharrow::after {
        left: 175px;
    }

    .featureplans .detaildiv::after {
        margin-left: -66px;
    }

    .featureplans > div:nth-last-child(1) .detaildiv::after {
        margin-left: 177px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .detaildiv {
        background: white;
        position: absolute;
        bottom: 30px;
        right: -157px;
    }

    .planbdrdiv {
        border-right: 1px solid #ccc;
    }

    .searcharrow::after {
        left: 200px;
        height: 22px;
    }

    .featureplans > div:nth-child(2n) .planbox .detaildiv {
        right: 50px;
    }

        .featureplans > div:nth-child(2n) .planbox .detaildiv::after {
            left: 342px !important;
        }
}

@media (min-width: 800px) and (max-width: 991px) {
    .featureplans .detaildiv::after {
        margin-left: -9px;
    }

    .featureplans > div:nth-child(2n) .planbox .detaildiv::after {
        margin-left: -6px;
    }
}


@media (min-width: 481px) and (max-width:767px) {
    .detaildiv {
        background: white;
        position: absolute;
        bottom: 36px;
        right: 0px;
        height: auto !important;
        width: 300px;
    }

    .featureplans .detaildiv::after {
        left: 32%;
    }

    .searcharrow::after {
        left: 142px;
        height: 25px;
    }

    .textalignright {
        text-align: left;
    }

    .planbox {
        margin: 10px auto;
        /*max-width: 420px;*/
    }

    .avpricepop {
        padding-top: 0 !important;
        display: block;
    }

    .pad0detail {
        padding-left: 15px;
    }

    .font13 {
        font-size: 13px;
        text-align: left !important;
        padding: 2px 15px;
    }

        .font13 .orangetext {
            text-align: left;
        }
}


@media (min-width: 320px) and (max-width:480px) {
    .detaildiv {
        background: white;
        position: absolute;
        bottom: 36px;
        right: 0px;
        height: auto !important;
        width: 260px;
    }

    .allplansdiv .detaildiv {
        right: 31px;
    }

    @-moz-document url-prefix() {
        .detaildiv {
            right: -28px;
        }

        .allplansdiv .detaildiv {
            right: 26px;
        }
    }


    .allplansdiv #DivProducts table tbody > div .planbox .detaildiv::after {
        margin-left: 41px !important;
    }

    .avpricepop {
        padding-top: 0 !important;
        display: block;
    }

    .planbox {
        margin: 10px auto;
        /*max-width: 280px;*/
    }

    .textalignright {
        text-align: left;
    }

    .searcharrow::after {
        left: 140px;
        height: 21px;
    }

    .pad0detail {
        padding-left: 15px;
    }

    .font13 {
        font-size: 13px;
        text-align: left !important;
        padding: 2px 15px;
    }

        .font13 .orangetext {
            text-align: left;
        }

    .featureplans .detaildiv::after {
        margin-left: 49px;
       
    }

    comm.featureplans .detaildiv::after {
        margin-left: 49px;
        left: 30%;
    }
}

.help-tip {
    position: absolute;
    top: 0px;
    right: 18px;
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 13px;
    line-height: 26px;
    cursor: pointer;
    z-index: 1;
}

.posrelative {
    position: relative;
}

.help-tip:before {
    content: '?';
    font-weight: bold;
    color: #fff;
}

.help-tip:hover p {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;
}

.help-tip p { /* The tooltip */
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
}

    .help-tip p:before { /* The pointer of the tooltip */
        position: absolute;
        content: '';
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-bottom-color: #1E2021;
        right: 10px;
        top: -12px;
    }

    .help-tip p:after { /* Prevents the tooltip from being hidden */
        width: 100%;
        height: 40px;
        content: '';
        position: absolute;
        top: -40px;
        left: 0;
    }

select.input__field--yoshiko {
    cursor: pointer;
}

.planfiles a, #txtStartDate, .ui-datepicker-prev, .ui-datepicker-next {
    cursor: pointer !important;
}

.avpricepop {
    padding-top: 21px;
    display: block;
}

.customerinfo .minelabel.or {
    font-size: 14px;
    font-weight: bold;
}

.calender_label strong {
    color: #412F8A !important;
}

#btnNextToCustInfo {
    text-transform: uppercase;
}

.marbtm0 {
    margin-bottom: 0px !important;
}

.planbdrdiv {
    width: 1px;
    height: 150px;
    position: absolute;
    right: 0px;
    margin-top: 3px;
}

.padleft25sideplan {
    padding-left: 25px;
}

    .padleft25sideplan .planfiles a {
        color: #5F5F5F !important;
    }

        .padleft25sideplan .planfiles a:hover {
            color: #412F8A !important;
        }

/*.input__label-content--yoshiko::after {
    color: #696969 !important;
}
.input__field--yoshiko:focus + .input__field--yoshiko, .input--filled .input__field--yoshiko {
    background-color: transparent !important;
    border-color: #8c8c8c !important;
}*/

.marbtm20 {
    margin-bottom: 20px;
}


@charset "UTF-8";

/*.navigation {
    height: 70px;
    background: #262626;
}

.brand {
    position: absolute;
    float: left;
    line-height: 70px;
    text-transform: uppercase;
    font-size: 1.4em;
}

    .brand a,
    .brand a:visited {
        color: #ffffff;
        text-decoration: none;
    }

.nav-container {
    max-width: 100%;
    margin: 0 auto;
}

nav {
    float: right;
}

    nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        nav ul li {
            float: left;
            position: relative;
        }

            nav ul li a, nav ul li a:visited {
                display: block;
                padding: 0 20px;
                line-height: 24px;
                background: #fff;
                color: #5f5f5f;
                text-decoration: none;
                transition: color 0.1s ease;
                font-weight: 600;
                margin-top: 38px;
            }

.nav-dropdown a {
    margin-top: 0;
}

a:focus, a:hover {
    color: #412F8A;
    text-decoration: none !important;
}

nav ul li a:hover,
nav ul li a:visited:hover {
    background: #fff;
    color: #005488;
    text-decoration: none;
}

nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
    padding-left: 4px;
    content: ' ▾';
}

nav ul li ul li {
    min-width: 190px;
}

    nav ul li ul li a {
        padding: 15px;
        line-height: 20px;
    }

.nav-dropdown {
    position: absolute;
    display: none;
    z-index: 1;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

 Mobile navigation 
.nav-mobile {
    display: none;
    position: absolute;
    top: 16px;
    right: 0;
    background: #Fff;
    height: 70px;
    width: 70px;
}

@media only screen and (max-width: 991px) {
    .nav-mobile {
        display: block;
    }

    nav {
        width: 100%;
        padding: 4px 0 15px;
    }

        nav ul {
            display: none;
        }

            nav ul li {
                float: none;
            }

                nav ul li a {
                    padding: 15px;
                    line-height: 20px;
                }

                nav ul li ul li a {
                    padding-left: 30px;
                }

    .nav-dropdown {
        position: static;
    }

    nav ul li a, nav ul li a:visited {
        margin-top: 0px;
    }

    .nav-dropdown {
        box-shadow: none;
    }

    .nav-list li {
        top: 30px;
    }
}

@media screen and (min-width: 992px) {
    .nav-list {
        display: block !important;
    }
}

#nav-toggle {
    position: absolute;
    left: 18px;
    top: 22px;
    cursor: pointer;
    padding: 10px 35px 16px 0px;
}

    #nav-toggle span,
    #nav-toggle span:before,
    #nav-toggle span:after {
        cursor: pointer;
        border-radius: 1px;
        height: 5px;
        width: 35px;
        background: #005488;
        position: absolute;
        display: block;
        content: '';
        transition: all 300ms ease-in-out;
    }

        #nav-toggle span:before {
            top: -10px;
        }

        #nav-toggle span:after {
            bottom: -10px;
        }

    #nav-toggle.active span {
        background-color: transparent;
    }

        #nav-toggle.active span:before, #nav-toggle.active span:after {
            top: 0;
        }

        #nav-toggle.active span:before {
            transform: rotate(45deg);
        }

        #nav-toggle.active span:after {
            transform: rotate(-45deg);
        }*/

.navbar-nav {
    float: right !important;
    margin: 5px 0 0 !important;
}

.padtop3 {
    padding-top: 4px;
    padding-right: 30px;
}

.top-line .icon {
    color: rgba(10, 10, 10, 0.9) !important;
}

.navbar-nav > li > a {
    padding: 31px 15px !important;
}

.navbar {
    margin-bottom: 0;
}

@media(min-width:768px) and (max-width:992px) {
    .nav > li {
        clear: none !important;
    }

    .menu {
        display: block;
        background: transparent;
    }

    .navbar-nav {
        background: transparent;
    }

        .navbar-nav > li > a {
            padding: 35px 8px !important;
            font-size: 12px;
        }

        .navbar-nav li.menu-item-has-children ul.dropdown-menu {
            margin: 0;
            padding: 0px;
            position: absolute;
            top: 100%;
            left: 0;
            width: 220px;
            background: #282828;
            padding: 10px 0;
            opacity: 0;
            visibility: visible;
            transition: all 0.2s ease-in-out;
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            height: 120px;
            overflow: auto;
            opacity: 1;
        }




        .navbar-nav li.menu-item-has-children:hover > .dropdown-menu {
            opacity: 1;
            visibility: visible;
            display: block;
            height: auto;
        }
    /*.navbar-header{
        width:100%;
    }

    .navbar-toggle {
    display: block;
}
    .navbar-nav {
    background: #282828;
    width: 100%;
    padding: 10px 5px;
}
        .navbar-nav > li > a {
    padding: 7px !important;
}
    .navbar-default{
        z-index: 1111;
    }
    .dropdown-menu {
   box-shadow: none;
}
    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    background-color: transparent;
}
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav a.open-search i {
    color: #fff;
}
    .navbar-default .navbar-toggle {
    margin-top: 26px;
}*/

}

.header, .navbar-default {
    background-color: #ffffff;
    border-radius: 0px !important;
    border: 0px !important;
}

@media (min-width:993px) {
    .navbar-nav {
        display: block !important;
    }
}

@media(max-width:767px) {
    .navbar-nav > li > a {
        padding: 7px !important;
    }

    nav {
        padding: 0 !important;
    }

    .navbar-default .navbar-toggle {
        margin-top: 26px;
    }

    .navbar-default {
        z-index: 1111;
    }

    .dropdown-menu {
        box-shadow: none;
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            background-color: transparent;
        }
}

.socialicons {
    float: right;
    margin-top: 31px;
    margin-left: 65px;
}

    .socialicons a {
        background: #5f5f5f;
        color: #fff;
        width: 30px;
        height: 30px;
        font-size: 19px;
        margin-left: 3px;
        padding-top: 1px;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        transition: background-color 0.1s ease;
    }

        .socialicons a:hover {
            background: #412F8A;
        }

@media (min-width: 481px) and (max-width: 991px) {
    .socialicons {
        float: right;
        margin-top: 36px;
        margin-left: 0;
        margin-right: 69px;
    }
}

@media (max-width: 480px) {
    .nav-mobile {
        top: 38px;
        height: 62px;
    }

    .socialicons {
        float: right;
        margin-top: 7px;
        margin-left: 0;
        margin-right: 5px;
    }

    nav {
        padding: 33px 0 15px;
    }
}

.containerpadingzero {
    padding: 0px;
}

body.modal-open .bodybg.maindraftdiv {
    -webkit-filter: blur(17px);
    -moz-filter: blur(17px);
    -o-filter: blur(17px);
    -ms-filter: blur(17px);
    filter: blur(17px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='17');
    opacity: .6;
}

.modal-backdrop {
    background-color: #fff !important;
}

.drafty .modal-content {
    position: relative;
    background-color: transparent;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 0;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: none !important;
}

.modal-open {
    padding-right: 0 !important;
}


.drafty h3 {
    font-size: 35px;
    font-weight: 600;
    color: #412F8A !important;
}

.drafty p {
    font-size: 18px;
    font-weight: 600;
    margin: 35px 0px;
    color: #412F8A !important;
}

.drafty a {
    color: #fff !important;
    background: #412F8A;
    width: 200px;
    display: block !important;
    margin: 17px 0px 17px 13px;
    padding: 7px;
    cursor: pointer;
    border-radius: 25px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

    .drafty a::before {
        pointer-events: none;
        content: '';
        position: absolute;
        border: #412F8A solid 2px;
        top: -2px;
        right: -2px;
        bottom: -2px;
        left: -2px;
        border-radius: 25px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: top, right, bottom, left;
        transition-property: top, right, bottom, left;
    }

.draftyimg {
    text-align: right;
}

.drafty img {
    width: 235px;
    margin-right: 30px;
}

@media (max-width: 767px) {
    .draftyimg {
        text-align: center;
    }

    .drafty img {
        width: 150px;
        margin-right: 0;
    }

    .drafty h3 {
        font-size: 33px;
        text-align: center;
    }

    .drafty p {
        font-size: 17px;
        margin: 14px 0px;
        text-align: center;
    }

    .drafty a {
        margin: 17px auto 0;
    }

    #divServiceAddress {
        margin-top: 20px;
    }

    #divRdbSwitch .lbl1 {
        margin-right: 30px;
    }
}



.drafty {
    position: absolute;
    z-index: 11111;
    left: 0;
    right: 0;
    width: 100%;
    display: table;
}

.draftychild {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

.draftyparent {
    -webkit-filter: blur(17px);
    -moz-filter: blur(17px);
    -o-filter: blur(17px);
    -ms-filter: blur(17px);
    filter: blur(17px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur".svg#blur);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='17');
    opacity: .6;
    z-index: 1;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .draftyparent {
        opacity: .2;
    }
}

.rightallplandiv {
    padding: 0 0 0 15px;
}


@media(min-width: 1447px) {
    /*.allplansdiv > div:nth-child(2n) .detaildiv {
    right: -130px;
}*/
    .allplansdiv .searcharrow {
        top: 25px;
        left: 50px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -10px !important;
    }

        .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv .searcharrow {
            top: 25px;
            left: 10px;
        }

            .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv .searcharrow::after {
                left: auto;
                right: 28px;
            }

    body .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv .searcharrow {
        top: -211px;
        left: 15px !important;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 158px !important;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv::after {
        margin-left: 158px !important;
    }
}

@media(min-width: 1200px) {
    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv {
        bottom: -235px;
    }


    .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv {
        bottom: -235px;
    }*/
    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv {
        bottom: -265px;
}
 .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv {
    bottom: -265px;
    }*/
    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv {
        bottom: -284px;
    }

    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv {
        bottom: -284px;
    }

    .orderdata {
        width: 100%;
        margin: 0 auto;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv .searcharrow {
        top: -211px;
        left: 52px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv .searcharrow {
        top: -211px;
        left: 226px;
    }

        .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv .searcharrow::after,
        .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv .searcharrow::after {
            top: 11px;
        }

    .allplansdiv #DivProducts table tbody > div .detaildiv::after {
        margin-left: 40px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 196px;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after,
    .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv::after {
       
             bottom: 91% !important;
        border-bottom-color: #ffffff !important;
        top: auto !important;
        transform: rotate(135deg) !important;
    }*/
    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after,
    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv::after {
        bottom: 92% !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 61px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv::after {
        margin-left: 221px;
    }*/
    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 40px;
    }*/

    /*.allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv::after {
        margin-left: 221px;
    }*/
    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 69px;
    }

    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv::after {
        margin-left: 221px;
    }
}

@media (min-width:1200px) and (-ms-high-contrast:none) {

    *::-ms-backdrop, .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv {
        left: -36px;
    }
    /* IE11 */
    *::-ms-backdrop, .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv {
        bottom: 34px;
        right: 30px !important;
    }

    *::-ms-backdrop, .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: 28px !important;
    }

    *::-ms-backdrop, .allplansdiv #DivProducts table tbody > div:nth-child(2n+1) .detaildiv {
        right: -127px;
    }


    /* IE11 */
    /**::-ms-backdrop, #DOB {
        height: 35px;
    }*/
    /* IE11 */

    *::-ms-backdrop, .customerinfo + #DivSidePlan .sidedivplan .detaildiv {
        left: -164px !important;
    }

    *::-ms-backdrop, .depositinfo + #DivSidePlan .sidedivplan .detaildiv {
        left: -170px !important;
    }
}

@media (min-width:1600px) and (-ms-high-contrast:none) {
    *::-ms-backdrop, .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -2px !important;
    }
}

@media(min-width: 1200px) and (max-width: 1446px) {
    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -0px;
    }

    .allplansdiv .searcharrow {
        top: 24px;
        left: 52px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .searcharrow {
        top: 24px;
        left: 222px;
        width: 230px;
    }
}


@media(min-width: 992px) and (max-width: 1199px) {
    .allplansdiv .detaildiv {
        right: -210px;
    }

    .commflow .allplansdiv .detaildiv {
        right: -142px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -60px;
    }

    .allplansdiv #DivProducts table tbody > div .detaildiv:after {
        margin-left: -12px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv:after {
        margin-left: 155px;
    }

    .com-allplansdiv.allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv:after {
        margin-left: 84px;
    }

    .allplansdiv .searcharrow {
        top: 24px;
        left: 40px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .searcharrow {
        top: 24px;
        left: 172px;
        width: 220px;
    }

    .sidedivplan .detaildiv:after {
        left: 334px;
    }
}


@media(min-width: 768px) and (max-width: 991px) {
    .allplansdiv .detaildiv {
        right: -160px;
    }

        .allplansdiv .detaildiv:after {
            margin-left: 12px;
        }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv:after {
        margin-left: 155px !important;
    }

    .com-allplansdiv.allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv:after {
        margin-left: 94px !important;
    }


    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -10px;
    }

    .allplansdiv .searcharrow {
        top: 24px;
        left: -11px;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
      
        bottom: 92% !important;
        border-bottom-color: #ffffff !important;
        top: auto !important;
        transform: rotate(135deg) !important;
    }*/
    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        bottom: 92% !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 42px;
        bottom: 91% !important;
    }*/

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -248px !important;
    }*/
    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -265px !important;
    }*/

    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -281px !important;
    }

    .sidedivplan .detaildiv {
        left: 172px;
    }
}

@media (min-width:800px) and (max-width:992px) {
    .allplansdiv .detaildiv::after {
        margin-left: 0px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 30px;
    }

    .sidedivplan .detaildiv {
        left: 187px;
    }
}

@media(max-width: 767px) {

    .searcharrow {
        top: 5px;
    }

    .allplansdiv .searcharrow {
        top: 25px !important;
        left: 7px !important;
        height: 20px !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
      
          bottom: 94% !important;
        border-bottom-color: #ffffff !important;
        top: auto !important;
        transform: rotate(135deg) !important;
    }*/
    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        bottom: 94% !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 84px !important;
    }*/
    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 27px !important;
    }*/
    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 27px !important;
    }

    .sidedivplan .detaildiv:after {
        margin-left: 41px;
    }
}


.comission {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 13px;
}



@media (max-width: 480px) {
    .comission select {
        display: block;
        margin: 10px auto;
    }

    .comission {
        margin-top: 30px;
    }

    .sidedivplan .detaildiv:after {
        margin-left: 40px;
    }
}

.checktype1 {
    cursor: pointer;
    font-size: 13px;
}

.autopayagree {
    padding-left: 45px;
}
/*.autopayhidden{
    display: none !important;
}*/
.clearboth {
    clear: both;
}

@media (min-width: 1200px) {
    .sidedivplan .detaildiv {
        left: -163px;
    }

    .sidedivplan .searcharrow::after {
        left: 324px;
    }

    .sidedivplan .detaildiv:after {
        margin-left: 165px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sidedivplan .detaildiv {
        left: -224px;
    }

    .sidedivplan .searcharrow::after {
        left: 329px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .sidedivplan .detaildiv {
        left: -76px;
    }

    .sidedivplan .searcharrow::after {
        left: 184px;
    }

    .sidedivplan .detaildiv::after {
        left: 47%;
    }
}

@media (min-width: 800px) and (max-width: 991px) {
    .sidedivplan .searcharrow::after {
        left: 192px;
    }
}

.termsofuse {
    color: #412F8A;
    font-weight: 600;
    cursor: pointer;
    z-index: 1111;
    position: relative;
}

#SpanTermsOfUse.termsofuse {
    z-index: 11111;
}

.termsofuse .detailheading {
    padding: 11px 30px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    color: #FFFFFF;
}

.termsofuse #divCalender .detailheading {
    color: #1A1A1A !important;
}
/*.termsofuse .detaildiv {
    background: white;
    position: absolute;
    bottom: 91px;
    right: 200px;
    height: 245px;
    width: 300px;
}*/

/*.termsofuse .detaildiv {
        background: white;
        position: absolute;
        bottom: 91px;
        right: 200px;
        height: 225px;
        width: 300px;
    }*/
.termsofuse .detaildiv {
    position: absolute;
    bottom: 30px;
    right: auto;
    width: 300px;
    background: #412F8A;
    box-shadow: 0px 15px 45px rgba(33, 21, 81, 0.15) !important;
    color: #fff !important;
}

.termsofuse #DivDetailTerms.detaildiv {
    left: -50%;
}

#SpanTermsOfUse .searcharrow {
    top: 1px;
}


.termsofuse .searcharrow::after {
    left: 120px;
}

@media (max-width: 340px) {
    .termsofuse .searcharrow::after {
        left: 189px;
    }

    .termsofuse .detaildiv {
        right: -44px;
    }

    .sidedivplan .detaildiv:after {
        margin-left: 40px;
    }
}

.marforconfr {
    margin-top: 35px !important;
}

@media (max-width: 991px) {
    .marforconfr1 {
        margin-top: 35px !important;
    }
}

.martop15 {
    margin-top: 15px;
}

.customerinfo .minelabel1 {
    font-size: 13px;
    margin-top: 29px;
    display: block;
}

.minelabel2 {
    font-size: 13px;
}

.fileuploaddiv {
    border: 2px dotted #666;
    height: 150px;
    margin-top: 20px;
}

.dropfiletext span {
    padding-top: 60px;
    display: block;
    text-align: right;
}

.browsebtn {
    width: 140px !important;
    float: left !important;
    margin-top: 50px !important;
}

.brokerboxmain {
    background: #f7f2f1;
    width: 430px;
    margin: 20px auto;
    border-radius: 13px;
    padding: 10px;
    text-align: center;
}

@media (max-width: 480px) {

    .backbuttondiv > a, .submitbuttondiv > a {
        float: none;
        margin: 22px auto 0;
    }

    .backbuttondiv, .submitbuttondiv {
        width: 100%;
    }

    .dropfiletext span {
        padding-top: 40px;
        text-align: center;
    }

    .browsebtn {
        width: 140px !important;
        float: none !important;
        margin-top: 20px !important;
    }

    .brokerboxmain {
        width: 280px;
        margin: 20px 0;
    }
}


.brokerboxmain h1 {
    font-size: 25px;
    font-weight: 600;
}

.brokerboxmain h3 {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
}

.brokerboxmain .input__field--yoshiko:focus + .brokerboxmain .input__field--yoshiko, .brokerboxmain .input--filled .input__field--yoshiko {
    background-color: #fff;
    border-color: #f28026;
}


.martop25 {
    margin-top: 35px !important;
}

.customerinfo .waivedep .minelabel {
    margin-top: 25px;
}

/*.customerinfo .Autpaynd .minelabel, .Autpaynd + .minelabel {
        margin-top: 25px !important;
}*/
.customerinfo .autopayagree.minelabel {
    margin-top: 25px;
}

.signinbtn {
    width: 150px;
    margin: 30px auto 10px !important;
    float: none !important;
}


.frgtbtn {
    text-decoration: none;
    color: #5f5f5f;
    margin: 21px 0 !important;
    display: block;
    font-weight: 400;
}

.regbtn {
    text-decoration: none;
    color: #5f5f5f;
    display: block;
    font-weight: 400;
}

.helptip {
    background: #412F8A;
    color: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-left: 6px;
    cursor: pointer;
    padding-top: 2px;
    position: absolute;
    left: 230px;
    top: -3px;
}

body input.calicon {
    background-image: url("../../Images/calendar-icon.png") !important;
    background-repeat: no-repeat;
    background-position: 96%;
    background-size: 15px;
}

/*.addmulitple {
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 15px;
}*/
.addmulitple {
    border-bottom: 1px solid #aaa;
    /*padding-bottom: 50px;*/
    position: relative;
    margin-bottom: 15px;
}

    .addmulitple .addnum {
        position: absolute;
        top: 45px;
        z-index: 111;
        left: -60px;
        height: 40px;
        width: 40px;
        background: #412F8A;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        padding-top: 5px;
        font-weight: 600;
        font-size: 21px;
    }


.input--filled + #DriversLicenceState {
    border: 1px solid #412F8A;
}

.input--filled ~ #DriversLicenceState {
    border: 1px solid #412F8A !important;
    border-left: 0px !important;
}

    .input--filled ~ #DriversLicenceState.input-validation-error {
        border: 1px solid red !important;
        border-left: 0px !important;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        top: 112px;
        /*right: -280px;*/
        right: 0px;
    }
}

@-moz-document url-prefix() {
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        top: 112px;
        right: 0;
    }
}



#divCalender .searcharrow, span[id*="divCalender_"] .searcharrow {
    top: -60px;
    z-index: 1111111111111111111 !important;
}

    #divCalender .searcharrow::after, span[id*="divCalender_"] .searcharrow::after {
        width: 20px;
        height: 20px;
        top: 20px;
        left: 120px;
    }



.k-datepicker.input__field {
    background: white !important;
    padding: 0;
}

/*#DOB {
    position: absolute !important;
    color: #696969 !important;
}*/

.k-picker-wrap.k-state-default.input--filled {
    background: white !important;
    border-radius: 0 !important;
    border: 1px solid #e2e2e2;
    box-shadow: none !important;
}

.k-calendar-container.k-group {
    border-color: #c5c5c5;
    margin-left: 1px !important;
    margin-top: 0px !important;
}

#DOB_dateview .k-link {
    text-align: center;
    padding-left: 6px !important;
}

.customerinfo .minelabeldob {
    display: inline-block !important;
    margin-top: 10px !important;
}

.k-datepicker.k-header.input__field .k-picker-wrap {
    border: 0px solid #e5e5e5 !important;
    border-radius: 0px !important;
    padding: 0 !important;
    height: 30px !important;
}

.k-state-default > .k-select {
    border-color: #e5e5e5;
}

#DOB + .k-select .k-icon.k-i-calendar {
    margin-top: -2px !important;
}

#divRdbSwitch {
    text-align: left !important;
}

    #divRdbSwitch .lbl1 {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    #divRdbSwitch .lbl2 {
        margin-bottom: 20px;
    }

#divCalender .row, span[id*="divCalender_"] .row {
    margin-top: -30px;
}


#divCalender .detailheading, span[id*="divCalender_"] .detailheading {
    background: white !important;
    box-shadow: 0 0px 10px rgba(69,69,69,.6) !important;
    padding-bottom: 20px;
    border-radius: 7px;
    padding-top: 30px;
}


#divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
    background: transparent !important;
    z-index: 11111111;
    box-shadow: none !important;
}

#divCalender #DivSwitching, span[id*="divCalender_"] div[id*="DivSwitching_"] {
    margin-top: -30px;
}

#divcalendarParent, div[id*="divcalendarParent_"] {
    margin-top: -30px;
}

#DivProducts.k-widget {
    background-color: transparent;
    border: 0px !important;
    margin-bottom: 20px;
    box-shadow: none !important;
}

.plansdivmain {
    float: left;
    width: 46%;
    margin: 0 15px;
}

.k-window .row, .col-xs-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    box-sizing: border-box;
}

#DivProducts .k-grid-content {
    overflow-y: auto;
}

#DivProducts div.k-grid-footer, #DivProducts div.k-grid-header {
    border-bottom-width: 0;
}

#DivProducts .k-pager-wrap {
    background-color: transparent;
    color: #000;
    border: 0px !important;
    box-shadow: none !important;
    text-align: center;
    background-image: none !important;
}

    #DivProducts .k-pager-wrap > a, #DivProducts .k-pager-wrap ul {
        float: none !important;
        border: 0;
    }

    #DivProducts .k-pager-wrap > .k-link {
        margin: 0px 8px;
        background: #412F8A;
        border-radius: 0px;
        width: 30px !important;
        height: 30px;
        display: inline-block;
        line-height: 30px;
        color: #fff !important;
    }

        #DivProducts .k-pager-wrap > .k-link .k-icon::before {
            top: -3px;
        }

.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 0 !important;
    text-align: center;
    margin-right: 0;
    width: 30px;
    border-radius: 0 !important;
}

.k-pager-numbers .k-link {
    border-color: transparent;
    color: #fff !important;
    margin-right: 0;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border: 0px !important;
}

#DivProducts .k-pager-wrap .k-link:hover {
    color: #fff !important;
    background-color: #412F8A !important;
    border-color: #412F8A !important;
    border-radius: 0px !important;
    border: 0px !important;
    width: 30px;
}

#DivProducts .k-state-selected {
    color: #ffffff;
    /*background-color: #fff;
    border-color: #fff;
    background-image: none !important;*/
}

#DivProducts .k-pager-wrap .k-link:hover {
    color: #412F8A;
    background-color: #fff;
    border-color: #fff;
    background-image: none !important;
}

#DivProducts .k-pager-wrap .k-link.k-state-disabled:hover {
    opacity: 0.7;
    color: #2e2e2e;
}

#DivProducts .k-pager-info {
    position: absolute;
    /*color: #fff;*/
    right: 0;
}

#DivProducts .k-pager-wrap > .k-link:hover {
    background: #FF6600 !important;
}

@media (max-width:1199px) {
    #DivProducts .k-grid-content, #DivProducts.k-widget {
        height: auto !important;
    }
}

div#DivRecordFound {
    background: white;
    text-align: center;
    box-shadow: 0px 30px 90px rgba(33, 21, 81, 0.1) !important;
    border-radius: 0;
    padding: 3px;
    margin: 39px 0;
}

#DivRecordFound h1 {
    font-size: 20px;
    margin: 20px 0;
    font-weight: 600;
}

#myModal {
    z-index: 999999999;
}

.DescriptionList {
    text-align: left;
    width: 100%;
    display: block;
    padding-left: 70px;
    text-transform: capitalize;
}

    .DescriptionList label {
        position: relative;
    }
        /*.DescriptionList label::before {
    content: "*";
    position: absolute;
    top: 3px;
    left: -12px;
}*/

        /*.DescriptionList label::before {
            content: "\f111";
            position: absolute;
            top: 6px;
            left: -15px;
            font-family: fontawesome;
            font-size: 9px;
            font-weight: normal;
        }*/


        .DescriptionList label::before {
            content: "a";
            position: absolute;
            top: 8px;
            left: -15px;
            font-family: fontawesome;
            font-size: 9px;
            font-weight: normal;
            background: #211551;
            width: 7px;
            height: 7px;
            border-radius: 50%;
            font-size: 0px;
        }

a, #divRdbSwitch label {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

@media (min-width:768px) {
    .modal-sm {
        width: 530px !important;
    }

    #ModalOrderConfirmation .modal-dialog {
        width: 480px !important;
    }
}

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #5F5F5F !important;
}

#DivProducts .k-pager-numbers li {
    border-style: solid !important;
    border-width: 0px !important;
    text-align: center;
    border-radius: 0;
    background: #412F8A;
    margin: 0 3px;
    font-size: 14px;
    color: #fff !important;
}

.rangeSlider_Value .rangefrom input[type="text"] {
    font-size: 14px;
    text-align: right;
}

#divCalender .searcharrow, span[id*="divCalender_"] .searcharrow {
    width: 100%;
    height: 30px;
}

div.zabuto_calendar .table tr td.dow-clickable div {
    background-color: #eee;
    cursor: not-allowed;
    color: #cdcdcd;
}


div.zabuto_calendar .table tr td.dow-clickable[title="Move In"] div {
    background-color: #fff !important;
    cursor: pointer;
    color: #5f5f5f;
}

div.zabuto_calendar .table tr td.dow-clickable[title="Priority Move In"] div {
    background: #412F8A !important;
    cursor: pointer;
    color: #5f5f5f;
}

div.zabuto_calendar .table tr td.dow-clickable[title="standard switch"] div {
    background: #412F8A !important;
    cursor: pointer;
    color: #fff !important;
}

.calendar-month-header span i {
    font-size: 15px !important;
}

body div.zabuto_calendar .table tr td.dow-clickable[title="self-selected"] div, body div.zabuto_calendar .table tr td.dow-clickable[title="self-selected"] {
    cursor: pointer !important;
}

.event-styled.Priority {
    background: #412F8A !important;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #5f5f5f;
}

div.zabuto_calendar .table {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

#divRdbSwitch [type="radio"]:checked + label, #divRdbSwitch [type="radio"]:not(:checked) + label {
    padding-top: 2px;
}

div.zabuto_calendar div.legend span {
    color: #333 !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

@media (max-width:767px) {
    .font13 {
        text-align: center;
    }

    .modal-sm {
        width: 80% !important;
    }

    .customerinfo .minelabel.or {
        margin-top: 6px;
    }
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    .searcharrow {
        top: 6px !important;
    }

    #SpanTermsOfUse .searcharrow {
        top: 5px !important;
    }

    #divCalender .searcharrow, span[id*="divCalender_"] .searcharrow {
        top: -60px !important;
    }

    .allplansdiv .searcharrow {
        top: 11px !important;
    }
}

#DivProducts.k-grid, #DivProducts.k-grid .k-grid-content {
    height: auto !important;
    min-height: 500px;
}

.featureplans .planfiles a {
    margin: 8px 6px 5px;
}

@media (max-width:1199px) {
    .k-pager-numbers {
        display: none !important;
    }
}


.bodybg ~ .k-animation-container {
    width: 265px !important;
}

.k-calendar-container.k-group {
    width: 100% !important;
}

#DOB_dateview .k-widget.k-calendar {
    width: 100% !important;
}

#ServiceStartDate {
    padding: 5px 5px 4px;
}

.martop10 {
    margin-top: 10px !important;
}

.container .fileupload.jumbotron, .container-fluid .fileupload.jumbotron {
    padding: 0px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dropzone {
    border: 2px dotted #666 !important;
}

    .dropzone .dz-message {
        text-align: center;
        display: table;
        height: 140px;
        vertical-align: middle;
        width: 100%;
    }

.dz-message span {
    display: table-cell;
    vertical-align: middle;
}

.finishtext {
    padding-top: 38px;
    font-size: 13px;
    padding-right: 0px;
    padding-left: 40px;
}

.dropzone .dz-message {
    margin: 0 0 !important;
}

.dz-filename span {
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0;
}

.dropzone .dz-preview {
    margin: 0 16px;
}

.dz-success-mark {
    display: none !important;
}

.dz-remove {
    background: #ff0000;
    width: 37px;
    color: #fff;
    margin: 5px auto;
    border-radius: 50%;
    padding: 5px;
    padding-top: 5px;
    padding-left: 5px;
    font-weight: 600;
    font-size: 18px !important;
    text-align: center !important;
    padding-left: 6px;
    padding-top: 6px;
}

    .dz-remove:hover {
        background: #ef0000;
        color: #fff !important;
    }

.dropzone .dz-preview .dz-details .dz-filename:hover span {
    border: 0;
    overflow: hidden;
    width: 100%;
    display: block;
    text-overflow: ellipsis;
    background: rgba(255, 255, 255, 0.4);
    padding: 1px 0.4em;
}

/*.ccimagemar {
    margin-top: 19px;
    position: absolute;
    top: -8px;
    right: 6px;
    width: 32px;
}*/
.ccimagemar.amex {
    margin-top: 19px;
    position: absolute;
    top: -10px;
    right: 6px;
    width: 35px;
}

.ccimagemar.mcard {
    margin-top: 19px;
    position: absolute;
    top: -8px;
    right: 6px;
    width: 39px;
}

.ccimagemar {
    margin-top: 19px;
    position: absolute;
    top: -10px;
    right: 6px;
    width: 36px;
}

.newbrowsebtn {
    width: 140px !important;
    margin-top: 10px !important;
    display: inline-block;
    float: none !important;
    margin-left: 20px;
}

/*.supcc {
    font-size: 10.5px;
    margin-top: -23px;
    font-weight: 600;
    display: block;
}*/
.supcc {
    font-size: 10.5px;
    margin-top: -34px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.nopaddeposit .supcc {
    margin-top: -23px;
}

.checktype1.active {
    color: #412F8A;
    font-weight: 600;
}

#ServiceStartDate::-webkit-input-placeholder, #DOB::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #211551 !important;
    opacity: 1;
    /*font-size: 13px;*/
}

#ServiceStartDate::-moz-placeholder, #DOB::-moz-placeholder { /* Firefox 19+ */
    color: #211551 !important;
    opacity: 1;
    /*font-size: 13px;*/
}

#PhoneNumber2::-webkit-input-placeholder, #PhoneNumber::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #211551 !important;
    opacity: 0.25;
    /*font-size: 13px;*/
}

#PhoneNumber2::-moz-placeholder, #PhoneNumber::-moz-placeholder { /* Firefox 19+ */
    color: #211551 !important;
    opacity: 0.25;
    /*font-size: 13px;*/
}


#ServiceStartDate:-ms-input-placeholder, #DOB:-ms-input-placeholder { /* IE 10+ */
    color: #211551 !important;
    opacity: 1;
    /*font-size: 13px;*/
}

#ServiceStartDate:-moz-placeholder, #DOB:-moz-placeholder { /* Firefox 18- */
    color: #211551 !important;
    opacity: 1;
    /*font-size: 13px;*/
}

.dz-progress {
    display: none !important;
}

.dz-remove:hover {
    background: #df0000 !important;
}

.dropzone .dz-preview {
    width: 28% !important;
}

    .dropzone .dz-preview .dz-image, .dropzone .dz-preview .dz-image img {
        width: 100% !important;
    }


.copyrighttext a {
    text-decoration: underline;
    color: #fff;
}

    .copyrighttext a:hover {
        color: #fff;
    }

#ExpirationNumberMonth, #ExpirationNumberYear {
    background-size: 13px;
    background-position: 97%;
    padding-left: 2px !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .allplansdiv .searcharrow {
        top: 31px !important;
        left: 52px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv .searcharrow, .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv .searcharrow {
        top: -205px !important;
    }

    .k-datepicker .k-state-default.k-autocomplete, .k-datepicker .k-state-default.k-dropdown-wrap, .k-datepicker .k-state-default.k-numeric-wrap, .k-datepicker .k-state-default.k-picker-wrap {
        background-color: #ffffff !important;
    }

    #ServiceStartDate:-ms-input-placeholder, #DOB:-ms-input-placeholder { /* IE 10+ */
        color: #211551 !important;
        opacity: 1;
        font-size: 13px;
        padding-top: 4px;
    }

    /*#ServiceStartDate:-ms-input-placeholder { 
        padding-bottom: 7px !important;
        padding-top: 6px !important;
    }*/
}

.termlbl {
    margin-left: 38px;
    margin-top: -9px;
}

@media screen and (min-width:1200px) and (-webkit-min-device-pixel-ratio:0) {
    .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv .searcharrow, .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv .searcharrow {
        top: -205px !important;
    }
}

.multiline-ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

@media (max-width:1199px) {
    .copyrighttext {
        font-size: 13px;
    }

    .planprice {
        font-size: 45px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    #DivFeaturedPlans .detaildiv {
        right: -240px;
    }

    .featureplans > div:nth-last-child(1) .detaildiv {
        right: -10px !important;
    }

    #DivFeaturedPlans .searcharrow::after {
        left: 146px;
    }

    .planfilter {
        padding: 15px 7px;
    }

    .footernotekwh1 {
        font-size: 12px;
    }

    .planfilter a {
        margin: 0 3px;
    }

    .DescriptionList {
        padding-left: 40px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        top: -20px;
        right: -270px;
    }

    @-moz-document url-prefix() {
        #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
            top: 83px;
            right: -16px;
        }
    }

    #divCalender .searcharrow::after, span[id*="divCalender_"] .searcharrow::after {
        left: 46% !important;
    }

    #DivFeaturedPlans > div:only-child .detaildiv {
        right: -180px;
    }

    .featureplans > div:only-child .detaildiv::after {
        margin-left: 0px;
    }
}

.startdatediv {
    padding: 0;
}

@media(min-width:768px) and (max-width:991px) {
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        top: -18px;
        right: -290px;
    }

    @-moz-document url-prefix() {
        #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
            top: 81px;
            right: 0px;
        }
    }


    .nav-list {
        position: absolute;
        width: 91%;
        z-index: 2;
    }

    .nav-mobile {
        z-index: 1111;
    }

    .tabclrbth {
        clear: both !important;
    }

    #divCalender.detaildiv .searcharrow::after, span[id*="divCalender_"].detaildiv .searcharrow::after {
        left: 45% !important;
    }

    .socialicons {
        margin-right: 90px;
    }

    .DetailFeature .searcharrow::after {
        left: 203px;
        height: 22px;
    }

    .bodybg ~ .k-animation-container {
        width: 279px !important;
    }

    .featureplans > div:nth-child(2n) .planbox .detaildiv .searcharrow::after {
        left: 312px;
        height: 22px;
    }

    .allplansdiv .DetailFeature .searcharrow::after {
        left: 340px;
        height: 22px;
    }

    .allplansdiv .detaildiv {
        right: -160px;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -230px;
    }*/

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow {
        top: -211px;
    }

        .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow::after {
            left: 336px;
            height: 22px;
            top: 10px;
        }

    .planfilter .ui-slider .ui-slider-handle {
        width: 19px;
        height: 19px;
    }

    .planfilter .ui-slider-horizontal .ui-slider-handle {
        top: -8px !important;
    }

    .sidedivplan {
        margin-bottom: 30px;
    }

    #ExpirationNumberMonth, #ExpirationNumberYear {
        padding-left: 4px !important;
    }
}

@media screen and (min-width:768px) and (max-width:991px) and (-webkit-min-device-pixel-ratio:0) {
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        top: 82px;
        right: 0;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) and (-webkit-min-device-pixel-ratio:0) {
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        top: 82px;
        right: -20px;
    }
}

.km-content, .km-popover-root .km-content .km-widget, .km-widget {
    background: transparent !important;
}



@supports (-ms-accelerator:true) {
    .searcharrow {
        top: 4px !important;
    }
}

@supports (-ms-ime-align:auto) {
    .searcharrow {
        top: 4px !important;
    }

    .k-button.k-state-focused, .k-button.k-state-hover, .k-button:focus, .k-button:hover, .k-draghandle:hover, .k-listbox :not(.k-state-disabled).k-item:hover, .k-other-month.k-state-hover .k-link, .k-pager-wrap .k-link:hover, .k-state-hover, .k-state-hover:hover, .k-textbox:hover, div.k-filebrowser-dropzone em {
        background: none !important;
        box-shadow: none !important;
    }
}

.DescriptionList label {
    margin-bottom: 0 !important;
}

.DescriptionList {
    margin-bottom: -1px;
}

.timeout-dialog {
    position: fixed !important;
    background: transparent !important;
    width: 600px !important;
    box-shadow: none !important;
}

    .timeout-dialog ~ .ui-widget-overlay {
        position: fixed !important;
    }
/*#timeout-dialog {
    background: transparent !important;
}*/
#timeout-dialog {
    background: #fff !important;
    font-family: 'IBM Plex Sans', sans-serif !important;
}

.ui-dialog-titlebar {
    display: none !important;
}

.ui-widget.ui-widget-content {
    border: 0 !important;
}

.countdownmain {
    margin-top: 120px;
}

.countdown {
    margin-left: 50px;
    margin-top: 56px;
}

@media(min-width:768px) and (max-width:1199px) {
    .countdown {
        margin-left: 00px;
        margin-top: 56px;
    }

    .orderconfirmation .datarow .fieldlabel {
        font-weight: 600;
        padding-right: 0;
    }
}

@media (max-width:768px) {
    .countdown {
        margin-left: 0;
        margin-top: -74px;
        font-size: 125px;
    }
}

#timeout-message {
    text-align: center;
    color: #fff;
}

.mainheading {
    font-size: 25px;
    color: #5f5f5f;
    font-weight: 600;
    margin-top: 10px !important;
    margin-bottom: 20px !important;
    display: block;
}

.textquestion {
    margin-bottom: 10px !important;
    color: #5f5f5f;
    font-size: 17px;
}

:root {
    --duration: 60s;
    --bg: #412F8A;
    --color: #412F8A;
    --durationInternal: calc(var(--duration) * 2);
    --delay: calc(var(--duration) / 2);
}

/*.countdownmain {
  font-size: 100px;
  background: var(--bg) radial-gradient(closest-corner, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
  height: 100%;
}
*/
@keyframes rotate {
    25% {
        transform: rotate(-135deg);
    }

    50% {
        transform: rotate(-135deg);
    }

    75% {
        transform: rotate(-315deg);
    }

    100% {
        transform: rotate(-315deg);
    }
}

@keyframes hide1 {
    25% {
        left: -.5em;
        opacity: 0;
    }

    50% {
        left: 0;
        opacity: 1;
    }
}

@keyframes hide2 {
    25% {
        right: -.5em;
        opacity: 0;
    }

    50% {
        right: 0;
        opacity: 1;
    }
}

@keyframes container {
    25% {
        transform: translate3d(0, -50%, 0);
        width: .5em;
    }

    50% {
        transform: translate3d(-100%, -50%, 0);
        width: .5em;
    }

    75% {
        transform: translate3d(-50%, -50%, 0);
        width: 1em;
    }
}

.countdown {
    font-size: 195px;
    width: 1em;
    height: 1em;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    animation: container var(--durationInternal) steps(1) infinite;
    -ms-animation: container var(--durationInternal) steps(1) infinite;
    overflow: hidden;
}

    .countdown::before, .countdown::after {
        display: block;
        content: '';
        box-sizing: border-box;
        border: .125em solid transparent;
        border-radius: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1em;
        transform: rotate(45deg);
        animation-timing-function: linear, steps(1);
        animation-duration: var(--durationInternal), var(--durationInternal);
        animation-iteration-count: infinite, infinite;
    }

    .countdown::before {
        border-color: transparent transparent var(--color) var(--color);
        animation-name: rotate, hide1;
        left: 0;
    }

    .countdown::after {
        border-color: var(--color) var(--color) transparent transparent;
        animation-delay: var(--delay), var(--delay);
        animation-name: rotate, hide2;
        right: 0;
    }


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .zipcodeboxdiv {
        height: 389px !important;
    }

    .planbox {
        max-width: 330px;
    }

    #Termslider {
        width: 95%;
    }

    .featureplans .detaildiv::after {
        margin-left: 115px !important;
    }

    .com-featureplans.featureplans .detaildiv::after {
        margin-left: 55px !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #Termslider {
        width: 95%;
    }
}

@media(max-width:479px) {
    .allplansdiv .searcharrow {
        top: 06px !important;
        left: 5px !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -323px !important;
    }*/

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow {
        top: -295px !important;
        left: 0px !important;
    }

        .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow::after {
            left: 152px !important;
            height: 22px !important;
            top: 12px !important;
        }

    .sidedivplan .planbox {
        /*max-width: 100%;*/
    }

    .sidedivplan .DetailFeature {
        right: 22px !important;
    }

    /*#divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        width: 100% !important;
        right: 0 !important;
    }*/
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        width: 270px !important;
        right: auto !important;
        left: auto !important;
    }

    @-moz-document url-prefix() {
        #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
            right: 0px !important;
        }
    }


    #divCalender .searcharrow::after, span[id*="divCalender_"] .searcharrow::after {
        left: 47% !important;
    }

    .newbrowsebtn {
        margin-left: 0;
    }

    .dropzone .dz-preview {
        width: 86% !important;
    }

    .toplogo {
        width: 100% !important;
    }
}

@media(max-width:320px) {
    .sidedivplan .DetailFeature {
        right: 0px !important;
    }

        .sidedivplan .DetailFeature .searcharrow::after {
            left: 153px;
            height: 21px;
        }

    .zipcodeboxdiv {
        min-height: 370px;
    }

    #DivFeaturedPlans .searcharrow::after {
        left: 165px;
    }

    .bodybg ~ .k-animation-container {
        width: 236px !important;
    }

    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        top: 10px !important;
    }

    @-moz-document url-prefix() {
        #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
            top: 109px !important;
        }
    }


    .DescriptionList label::before {
        top: 8px !important;
    }
}



@media (min-width:480px) and (max-width:767px) {
    .searcharrow {
        height: 18px;
    }

    .DescriptionList label::before {
        top: 8px !important;
    }

    .allplansdiv .searcharrow {
        top: 05px !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -295px !important;
    }*/
    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -366px !important;
    }*/


    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -381px !important;
    }

    #DivFeaturedPlans .searcharrow {
        top: 5px !important;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow {
        top: -295px !important;
        left: 0px !important;
    }

        .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow::after {
            left: 152px !important;
            height: 22px !important;
            top: 12px !important;
        }

    /*#divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        width: 100% !important;
        right: 0 !important;
    }*/
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        width: 280px !important;
        right: auto !important;
    }

    #divCalender .searcharrow::after, span[id*="divCalender_"] .searcharrow::after {
        left: 47% !important;
    }

    .dropzone .dz-preview {
        width: 27% !important;
    }

    #DivSwitching .customer-radio.block {
        text-align: center;
    }
}

@media (min-width:540px) and (max-width:590px) {
    .dropzone .dz-preview {
        width: 26% !important;
    }
}

.rangeto input, .rangefrom input {
    pointer-events: none;
}


@media (max-width:767px) {
    .planbox {
        margin: 30px auto;
    }

    .subheading {
        margin: 20px 0 20px;
    }

    label[for="BillingAddressTypeID"] {
        margin-top: 12px;
    }

    #ExpirationNumberMonth, #ExpirationNumberYear {
        padding-left: 6px !important;
    }

    .featuredplandiv .titleheading {
        margin: 35px 0 3px;
    }

    #divDeposit {
        margin-top: 57px !important;
    }

    .autopayagree {
        padding-left: 15px;
    }

    /*.minelblmob {
        margin-top: 3px !important;
        margin-bottom: -15px;
    }*/

    #myModalAddressSearch .modal-dialog {
        width: 91%;
        max-width: 450px;
    }

    .customerinfo h2 {
        font-size: 17px !important;
    }

    .dz-details {
        display: none !important;
    }

    .nav-list {
        position: absolute;
        width: 91%;
        z-index: 2;
    }

    .nav-mobile {
        z-index: 1111;
    }

    .finishtext {
        padding-top: 14px !important;
        padding-left: 0;
    }

    .submituserinfo {
        margin: 30px auto 10px;
    }
    /*.toplogo {
    width: 110px !important;
    padding-top: 8px;
}*/
}

@media (min-width:768px) and (max-width:799px) {
    .DetailFeature .searcharrow::after {
        left: 186px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #ExpirationNumberMonth, #ExpirationNumberYear {
        background-size: 11px;
        background-position: 97%;
        padding-left: 4px !important;
    }
}

.bodyscroll {
    overflow: hidden;
    position: fixed;
    width: 100%;
}

@media (min-width:768px) and (max-width:799px) {
    .countdown {
        position: absolute;
        left: 0%;
        top: 160%;
    }
}

@media (min-width:800px) and (max-width:810px) {
    .countdown {
        position: absolute;
        left: 0%;
        top: 50%;
    }
}

.bodyscroll.modal-open .modal {
    z-index: -1;
}

#SessionAlert.in ~ #myModalAddressSearch {
    z-index: -1;
}


@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:0) {
    .allplansdiv .searcharrow {
        top: 15px !important;
        left: 4px !important;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow {
        top: -286px !important;
        left: -4px !important;
    }

    /*body #SessionContainer .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
    bottom: -354px !important;
}*/
    body.commflow #SessionContainer .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -374px !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 34px !important;
    }*/
}



@media screen and (max-width:480px) and (-webkit-min-device-pixel-ratio:0) {
    .allplansdiv .searcharrow {
        top: 15px !important;
        left: 26px !important;
    }


    .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow {
        top: -286px !important;
        left: 24px !important;
    }

    .allplansdiv #DivProducts table tbody > div .planbox .detaildiv::after {
        margin-left: 44px !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv::after {
        margin-left: 80px !important;
    }*/
    body.commflow #SessionContainer .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -371px !important;
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width:360px) and (max-width: 480px) {
    .allplansdiv #DivProducts table tbody > div .planbox .detaildiv::after {
        margin-left: 51px !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv::after {
        margin-left: 59px !important;
    }*/

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -328px !important;
    }*/
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-width:481px) and (max-width: 480px) {
    .allplansdiv #DivProducts table tbody > div .planbox .detaildiv::after {
        margin-left: 2px !important;
    }
}

@media screen and (min-width:768px) and (max-width:799px) and (-webkit-min-device-pixel-ratio:0) {
    .allplansdiv .searcharrow {
        top: 10px !important;
        left: 119px !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -209px !important;
    }*/

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow::after {
        left: 346px !important;
    }



    .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow {
        top: -205px !important;
        left: -29px !important;
    }
    /*body #SessionContainer .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
    bottom: -259px !important;
}*/
    body.commflow #SessionContainer .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -277px !important;
        left: -140px;
    }

    .commflow .allplansdiv .detaildiv {
        right: 0;
    }

    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: 0px;
    }
}

@media screen and (min-width:800px) and (max-width:992px) and (-webkit-min-device-pixel-ratio:0) {
    .allplansdiv .searcharrow {
        top: 10px !important;
        left: -31px !important;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -239px !important;
    }

        .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv .searcharrow {
            top: -205px !important;
            left: -22px !important;
        }

    body #SessionContainer .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -259px !important;
    }

    body.commflow #SessionContainer .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -274px !important;
    }

    body #SessionContainer .allplanss.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: 34px !important;
        right: -162px;
    }
}

@media screen and (min-width: 1200px) and (-webkit-min-device-pixel-ratio:0) {

    .allplansdiv .searcharrow {
        top: 30px !important;
        left: 45px;
    }

    body .allplansdiv #DivProducts table tbody > div:nth-child(2n) .searcharrow {
        left: 219px !important;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv .searcharrow {
        left: 219px !important;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv .searcharrow {
        left: 52px !important;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv, .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv {
        bottom: -257px !important;
    }*/

    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv {
        bottom: -275px !important;
        left: -140px;
    }

    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv {
        bottom: -275px !important;
        left: -292px;
    }


    .allplansdiv #DivProducts table tbody > div .detaildiv::after {
        margin-left: 13px;
    }
    /*body #SessionContainer .allplansdiv #DivProducts table tbody > div .detaildiv::after {
     margin-left: 69px !important;
}*/

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 165px;
    }

    /*.allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv::after {
        margin-left: 194px;
    }*/
}

@media screen and (min-width: 1600px) and (-webkit-min-device-pixel-ratio:0) {

    body .allplansdiv #DivProducts table tbody > div:nth-child(2n) .searcharrow {
        left: 10px !important;
    }
}

@media (min-width:768px) and (max-width:1199px) {

    body .k-pager-numbers {
        display: inline-flex !important;
        position: static !important;
    }

    .k-ff .k-pager-numbers .k-current-page .k-link {
        background-image: none !important;
        background-color: transparent !important;
        text-align: center !important;
    }

    #DivProducts .k-pager-wrap .k-current-page .k-link:hover {
        width: 45px;
    }

    .k-ff .k-pager-numbers.k-state-expanded {
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #c5c5c5;
        background-color: transparent;
        border-radius: 4px 4px 0 0;
        -webkit-box-shadow: 0;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0) !important;
    }

    .k-pager-numbers li {
        text-align: center !important;
    }

    .k-pager-numbers.k-reset.k-state-expanded {
        position: static !important;
        margin-bottom: -340px;
    }

    #DivProducts .k-pager-numbers li {
        margin: 0 0px !important;
    }

    .k-ff .k-pager-numbers.k-state-expanded {
        padding: 2px 0px 0 !important;
    }

    #DivProducts .k-pager-numbers li span.k-state-selected {
        width: 51px;
        text-align: center;
    }

    #DivProducts .k-pager-numbers li a {
        width: 51px !important;
        text-align: center;
    }

    body #DivProducts .k-pager-wrap .k-pager-numbers li:nth-child(2) {
        margin-bottom: -24px !important;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .k-ff .k-pager-numbers .k-current-page .k-link {
        background-image: none !important;
        background-color: transparent !important;
        text-align: center !important;
    }

    #DivProducts .k-pager-wrap .k-current-page .k-link:hover {
        width: 45px;
    }

    .k-ff .k-pager-numbers.k-state-expanded {
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #c5c5c5;
        background-color: transparent;
        border-radius: 4px 4px 0 0;
        -webkit-box-shadow: 0;
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0) !important;
    }
}

.allplansdiv .DescriptionList {
    /*padding-left: 25px;*/
}

.allplansdiv .planname, .sidedivplan .planname {
    max-height: 56px;
}

.allplansdiv .DescriptionList {
    /*padding-left: 18px;*/
    /*padding-right: 15px !important;*/
    padding-right: 0px !important;
    width: 100%;
    /*word-wrap: break-word;
    word-break: break-all;*/
    /*width: 90%;*/
    display: block;
}

@media (min-width:1200px) {
    #DivProducts .k-pager-wrap ul {
        max-width: 330px;
    }

    #DivProducts .k-pager-numbers li {
        margin: 0px 3px 5px;
    }

    .featureplans > div:only-child .detaildiv::after {
        margin-left: 0px;
    }
}

@media (min-width:992px) {
    .fearturedivcenter {
        display: inline-block;
        float: none;
    }

    .featuredivcenter {
        text-align: center;
    }

    .serviceadddiv {
        padding-right: 0;
        /*padding-left: 25px;*/ padding-left: 15px;
    }
}

.social-icons .fa {
    font-size: 16px;
}

.row {
    margin-right: -15px !important;
    margin-left: -15px !important;
}

div.row {
    max-width: 1200px;
    width: auto;
}

.calendar-month-header span {
    font-size: 20px !important;
}

.emailbrk {
    word-wrap: break-word;
}

.serviceText {
    position: absolute;
    font-size: 12px;
    top: 70px;
    width: 330px;
}

@media(max-width:1199px) {
    .serviceText br {
        display: none;
    }
}

@media (min-width:768px) and (max-width:1199px) {

    div.row {
        max-width: 1200px;
        width: 100%;
        margin: 0 auto !important;
    }

    /*.customerinfo h2 {
        padding-left: 15px;
    }*/
    .nopaddeposit {
        padding: 0px;
    }
}

@media(max-width:767px) {
    .serviceText {
        position: relative;
        font-size: 12px;
        top: 13px;
        width: 100%;
    }
}

[type="checkbox"].input-validation-error:not(:checked) ~ label::before {
    border: 1px solid red !important;
}

.icon-Mail + a:hover {
    text-decoration: none;
}

body #divcalendarParent .dow-clickable div.myselectedate, body div[id*="divcalendarParent_"] .dow-clickable[title="Move In"] div.myselectedate.day, body div[id*="divcalendarParent_"] .dow-clickable[title="self-selected"] div.myselectedate.day, body div[id*="divcalendarParent_"] .dow-clickable[title="Priority Move In"] .day.myselectedate {
    background-color: #412F8A !important;
    border-radius: 25px;
    color: #fff !important;
    font-weight: 600 !important;
}

.top-line {
    padding: 9px 0 !important;
    height: 45px;
}

.badge {
    font-weight: 600 !important;
}

@media (min-width:1200px) {
    .top-line p span {
        font-size: 14px;
    }

    .social-icons {
        padding-left: 21px !important;
        margin-top: -3px !important;
    }

    .top-line {
        padding: 9px 0 !important;
        height: 45px;
    }
}

body .input__field.input-validation-error,
body .input--filled #DriversLicence.input__field.input-validation-error,
.input--filled.nobdrcls select.input-validation-error {
    border: 1px solid red !important;
}

.input--filled.nobdrcls select {
    border: #ccc 1px solid !important;
}

.textcapatlize {
    text-transform: capitalize;
}

.grysearchbtn {
    background: #412F8A !important;
}

    .grysearchbtn.hvr-outline-in::before {
        border: #412F8A solid 2px;
    }

/*label, p.plandescription {
    color: #5F5F5F !important;
}*/

.legend-block .legend + span {
    position: relative;
    top: -1px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: transparent;
}

/*.dropzone .dz-preview .dz-error-message {
    display: none !important;
}*/
/*.smlfont{
    font-size:11px;
}*/

@media (min-width:768px) and (max-width:924px) {
    .top-line {
        height: 73px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px) and (max-width: 1199px) {
    .k-webkit .k-pager-numbers .k-current-page .k-link {
        background-image: none !important;
        background-position: 50% 50%;
        background-color: transparent !important;
        border-color: transparent !important;
        text-align: center;
    }

    .k-webkit .k-pager-numbers.k-state-expanded {
        padding: 2px 0px 0 !important;
    }

    body #DivProducts .k-pager-wrap .k-pager-numbers li:nth-child(2) {
        margin-bottom: -30px !important;
    }
}

/*#Howdidyouhear {
    height: 45px;
}*/
#Howdidyouhear {
    height: 52px;
}

/*#BusinessType {
    height: 45px;
}*/

.clrleft {
    clear: left;
}

/*.agreetoslink {
    color: #412F8A;
    word-wrap: break-word;
    text-decoration: none;
}*/
.agreetoslink {
    color: #412F8A;
    text-decoration: none;
    /*word-break: break-all;*/
    word-wrap: anywhere;
}

@media (max-width:1199px) {
    .agreetoslink {
        word-break: break-all;
    }
}

.padrightdep {
    padding-right: 0 !important;
}

.agreetoslink:hover {
    color: #412F8A;
    text-decoration: none;
}

.termlbl a, .termlbl a:hover {
    color: #412F8A;
    text-decoration: none;
}




.emailfieldconf {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}


.detaildiv:after {
    top: 100%;
    left: 30%;
    background: #fff;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #ffffff;
    border-width: 10px;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -1px 3px 4px -3px rgba(69,69,69,.6);
    margin-left: 0;
}

.termsofuse .detaildiv::after {
    top: 100%;
    left: 44%;
    background: #412F8A;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #ffffff;
    border-width: 10px;
    border-color: #412F8A;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: none;
    margin-left: 0;
}

.detaildiv.detaildiv1:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #ffffff;
    border-width: 10px;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: -1px 3px 4px -3px rgba(69,69,69,.6);
    margin-left: 0;
}
/*.detaildiv::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    bottom: -2em;
    left: 50%;
    box-sizing: border-box;
    border: 1em solid black;
    border-color: transparent transparent #fff #fff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
       box-shadow:-3px 2px 3px -2px rgba(69,69,69,.6);
  }*/

#divCalender.detaildiv::after, .termlbl .searcharrow, span[id*="divCalender_"].detaildiv::after {
    display: none;
}

.autopayagree {
    margin-bottom: 15px !important;
}

body .input--filled .disableclass {
    background-color: #eee !important;
    pointer-events: none;
    border: 1px solid #e2e2e2 !important;
}

@media (min-width:768px) {
    .martop50 {
        margin-top: 50px;
    }
}

.signinbtn {
    display: block;
    text-align: center;
    background: #412F8A;
    padding: 7px 5px;
    width: 135px;
    float: none;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    margin: 10px auto !important;
}

.exportbtn {
    margin: 15px auto 5px;
    background: #412F8A !important;
    color: #fff;
    width: 120px !important;
    display: block !important;
    padding: 5px;
    border-radius: 50px;
    box-shadow: none;
    cursor: pointer;
    border: 0;
    text-align: center;
    text-decoration: none;
}

.bcklogin {
    width: 135px !important;
    padding: 7px 5px !important;
    margin: 10px auto 0 !important;
    text-decoration: none;
}

.d2d .bcklogin:hover {
    text-decoration: none;
    color: #fff;
}

.d2d .bcklogin.hvr-outline-in::before {
    border: #412F8A solid 2px;
}

.d2d .signinbtn:hover {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.d2d .brokerboxmain {
    width: 480px;
}

@media (max-width:540px) {
    .d2d .zipcodeboxdiv {
        width: 100%;
    }

    .d2d .brokerboxmain {
        width: 100%;
    }
}

.input--filled select#MovingType.nobdrcls.input-validation-error.disableclass {
    border: 1px solid red !important;
    background-color: rgba(255, 0, 0, 0.05) !important;
}


@supports (-ms-ime-align:auto) {
    html {
        overflow: hidden;
        height: 100%;
    }

    body {
        overflow: auto;
        height: 100%;
    }
}

#divEmbedCode {
    margin-bottom: 30px;
}

    #divEmbedCode > div {
        width: 100% !important;
    }

    #divEmbedCode iframe {
        height: 1000px !important;
    }


body .input--filled #Promocode.disableclass {
    border-color: #412F8A !important;
}

.errodivmain {
    color: #412F8A !important;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.errorheading {
    font-size: 140px;
    margin: 0;
}

.errorpageheading {
    font-size: 50px;
    margin: 0;
}

.errodivmain .mar {
    margin-top: -20px;
}

@media(max-width:992px) {
    .errorheading {
        font-size: 110px;
    }

    .errorpageheading {
        font-size: 40px;
    }
}

@media(max-width:768px) {
    .errorheading {
        font-size: 50px;
    }

    .errorpageheading {
        font-size: 25px;
    }
}

.wordbrk {
    word-wrap: anywhere;
    word-break: break-all;
}

#MutiliUtilSelect.input__field--yoshiko:focus {
    border: 1px solid #412F8A !important;
}

.d2d .signinbtn {
    padding: 5px 5px 7px;
}

.d2d .forgetpassdiv {
    margin: 8px 0 !important;
}


.commflowdiv .bcklogin:hover {
    text-decoration: none;
    color: #fff;
}

.commflowdiv .bcklogin.hvr-outline-in::before {
    border: #412F8A solid 2px;
}

.commflowdiv .signinbtn:hover {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.commflowdiv .brokerboxmain {
    width: 480px;
}



.commflowdiv .signinbtn {
    padding: 5px 5px 7px;
}

.commflowdiv .forgetpassdiv {
    margin: 8px 0 !important;
}

.commflow .pleasenoteadd {
    text-align: center;
    font-style: italic;
    margin: 20px 0 5px;
}

.commflow .aligncenter, .commflow .textaligncenter {
    text-align: center;
}

.commflowdiv .slider::before {
    padding-left: 2px;
    padding-top: 1px;
}

.commflowdiv input:checked ~ .slider::before {
    padding-left: 0;
    padding-top: 2px;
}

/*.commflowdiv .sideadd {
    position: relative;
    font-size: 13px;
    text-align: right;
    margin-right: 4px;
    width: 87%;
    margin-bottom: 20px;
    float: left;
}*/
.commflowdiv .sideadd {
    position: relative;
    font-size: 13px;
    text-align: left;
    margin-right: -49px;
    width: 100%;
    margin-bottom: 20px;
    float: left;
    padding-right: 51px;
}

.commflowdiv .dotdiv {
    position: relative;
    float: left;
}

.doticon {
    position: absolute;
    /*top: 10px;*/
    width: 42px;
    color: #412F8A;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
}

.serviceaddside .detaildiv {
    width: 110px !important;
    text-align: center;
    left: -38px;
    right: -30px;
    top: -49px;
    height: 50px !important;
}

    .serviceaddside .detaildiv::after {
        left: 40%;
    }

    .serviceaddside .detaildiv img {
        width: 30px;
        cursor: pointer;
        margin: 0 2px;
    }

/*.commflow .actionbtn a {
    display: inline-block !important;
    margin: 15px 10px 10px !important;
    padding: 7px 5px !important;
}*/

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

     .actionbtn a.singleadd {
        display: none !important;
    }

@media (min-width:1200px) {
    .commflow .zeropaddingdivs {
        padding: 0px;
    }

    .commflow .serviceaddside {
        padding: 15px;
    }
}


@media (min-width:768px) and (max-width:1099px) {
    .commflow .adddiv {
        padding: 15px 0;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .commflow .adddiv {
        padding: 15px 0;
    }

    .commflow .siderserviceadd h2 {
        padding-left: 0px;
    }

    /*.commflow .textaligncenter {
        text-align: left;
    }*/

    /*.commflowdiv .sideadd {

    text-align: left;
    max-width: 100%;
    width: auto;
    min-width: 58%;

}*/
    .commflowdiv .sideadd {
        text-align: left;
        max-width: 100%;
        width: auto;
        min-width: 68%;
    }
    /*.sideadd br:nth-child(1) {
        display: none;
}*/
    .doticon {
        top: 2px;
    }
}

@media (max-width:767px) {
    .commflow .customerinfo {
        padding: 15px 15px;
    }

    .commflow .pleasenoteadd {
        margin: 25px 0 1px !important;
    }

    .commflowdiv > .featuredplandiv {
        padding: 0;
    }

    .commflowdiv .switch {
        margin: 0px 11px 0 8px;
    }

    /*.commflow .textaligncenter {
        text-align: left;
    }*/

    .commflowdiv .sideadd {
        text-align: left;
        max-width: 260px;
    }
}

@media (max-width:400px) {
    .commflowdiv .serviceaddside .detaildiv::after {
        left: 44%;
    }

    .commflowdiv .serviceaddside .detaildiv {
        left: -42px;
    }

    .depositcontactpad {
        padding: 0px;
    }
}

.serviceaddconf {
    position: relative;
    margin-bottom: 30px;
}

.serviceaddconfnum {
    position: absolute;
    top: 44px;
    color: #412F8A;
    left: -25px;
    font-size: 34px;
}

.commflow #btnCancel.popupclose {
    display: block;
    width: 120px;
    margin: 13px auto 0px;
    padding: 6px;
    font-size: 15px;
    cursor: pointer;
    border: 0px;
    float: none !important;
}

.d2d .brokerlbl + span {
    float: left;
}

.comission select {
    background: white;
    background-image: none;
    display: inline;
    background-repeat: repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto auto;
    -moz-appearance: none;
    border: 0;
    width: 151px;
    margin-left: 13px;
    color: #5f5f5f;
    font-size: 15px;
    padding: 3px 4px;
    border-radius: 2px;
    font-weight: 400;
    position: relative;
    top: -2px;
    background-image: url(../../images/down-arrow-1.svg);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 96%;
    -webkit-appearance: none;
}

.comission {
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    margin-bottom: 13px;
}

/*.addbg {
    background: #f6f1ef;
}*/

.sideadd i {
    font-style: italic;
}

.commflowdiv + #StatusModal .exportbtn.hvr-outline-in::before {
    border: #412F8A solid 2px !important;
}

.calendercomm input {
    font-size: 13px;
}

.multidivparentmain .multidivparent:nth-last-child(1) .addmulitple {
    border-bottom: 0px;
    margin-bottom: 0;
}

#ddlAccountType {
    padding-right: 25px;
}

@media (min-width:992px) {
    .commorderconfirm .emailfieldconf {
        padding-right: 42px;
    }
}

/*@media (max-width:1199px) {
    .commflowdiv .customerinfo h2 {
        font-size: 24px;
    }
}*/

@media (min-width:768px) and (max-width:991px) {
    .addmulitple .addnum {
        left: -30px;
    }

    .cleartab {
        clear: both;
    }

    .commorderconfirm div.row {
        margin: 7px 0 !important;
    }

    .commorderconfirm .orderconfirmation .datarow .fieldlabel {
        padding-left: 0;
    }

    .serviceaddconfnum {
        left: -38px;
    }

    .autopayagree {
        padding-left: 15px;
    }

    #SpanTermsOfUse.termsofuse {
        position: relative;
    }

    /*#SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
            bottom: 36px;
            right: -86px;
            height: 245px;
        }*/
}

@media (min-width:992px) and (max-width:1199px) {
    .mainadddiv.col-md-push-2custom {
        left: 16.66666667%;
    }

    .addmulitple .addnum {
        left: -40px;
    }

    .cleartab {
        clear: both;
    }

    .commorderconfirm div.row {
        margin: 7px 0 !important;
    }

    .commorderconfirm .orderconfirmation .datarow .fieldlabel {
        padding-left: 0;
    }

    .serviceaddconfnum {
        left: -38px;
    }

    /*#SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        bottom: 104px;
        right: 135px;
        height: 245px;
    }*/
}

@media (max-width:767px) {
    .serviceaddconfnum {
        position: static;
        font-size: 33px;
    }

    .addmulitple .addnum {
        position: static;
    }

    #SpanTermsOfUse.termsofuse {
        position: relative;
    }

        #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
            bottom: 31px;
            right: -41px;
            height: auto !important;
            width: 290px;
        }

    /*#SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv:after {
                left: 74%;
            }*/
}

@media (max-width:479px) {
    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: -381px !important;
    }

    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        bottom: 94% !important;
    }

    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 77px !important;
    }

    .commflow .allplansdiv #DivProducts table tbody > div .detaildiv::after {
        margin-left: 50px !important;
    }
    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {

    bottom: -364px !important;
    }*/

    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {

    bottom: 94% !important;
  
}*/
    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {

    margin-left: 77px !important;

}*/
    .allplansdiv #DivProducts table tbody > div .detaildiv::after {
        margin-left: 50px !important;
    }
}

@media (max-width:370px) {

    .commflow .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 87px !important;
    }

    .commflow .allplansdiv #DivProducts table tbody > div .detaildiv::after {
        margin-left: 60px !important;
    }
    /*.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {

    margin-left: 87px !important;

}*/
    .allplansdiv #DivProducts table tbody > div .detaildiv::after {
        margin-left: 60px !important;
    }
}

@media (max-width:390px) {
    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        bottom: 31px;
        right: 39px;
        height: auto !important;
        width: 260px;
    }

        #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv:after {
            left: 45%;
        }
}

@media (max-width:350px) {
    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        bottom: 31px;
        right: -81px;
        height: auto !important;
        width: 260px;
    }

        #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv:after {
            left: 45%;
        }
}

.cccheck #DivCreditCheckDetails.detaildiv {
    bottom: 42px;
    right: auto;
    width: 270px;
    left: 100px;
}

.cccheck .detailheading {
    font-size: 13px;
}

@media (max-width:480px) {
    .cccheck #DivCreditCheckDetails.detaildiv {
        left: 12px;
    }

        .cccheck #DivCreditCheckDetails.detaildiv::after {
            top: 100%;
            left: 82%;
        }
}

.row.cccheck {
    margin-top: -13px;
    margin-bottom: 10px;
}

    .row.cccheck .helptip {
        top: -17px;
    }

.bodyscroll nav {
    z-index: 1111111111111111111;
}

.customeradd input:checked ~ .slider::before {
    content: "\f053  ";
    white-space: pre;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover, .datepicker table tr td .year.disabled, .datepicker table tr td span.disabled {
    color: #ddd !important;
}

#ssntext .minelblmob {
    margin-top: 20px !important;
    margin-bottom: 1px !important;
}

@media (max-width:1199px) {
    .row.cccheck .helptip {
        top: -4px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #ssntext .minelblmob {
        margin-top: 70px !important;
    }
}

.modal-open nav.navbar.navbar-default {
    z-index: 111;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    .commflowdiv input:checked ~ .slider::before {
        padding-left: 1px;
        padding-top: 2.4px;
    }

    .commflowdiv .slider::before {
        padding-left: 2px;
        padding-top: 2.4px;
    }

    .commflowdiv .customerinfo .customeradd .switch {
        margin: 0px 13px 0 18px;
    }
}

.autopaypage .termsofuse .detaildiv {
    bottom: 101px;
    right: 130px;
}

@-moz-document url-prefix() {
    /*#Howdidyouhear {
        height: 46px;
    }*/
    #Howdidyouhear {
        height: 52px;
    }

    #BusinessType {
        height: 46px;
    }
}

@media (max-width:768px) {
    .bodybg {
        background-size: cover !important;
    }
}

.businesssize .planprice {
    color: #210C53 !important;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}

    .businesssize .planprice.planprice1 {
        color: #210C53 !important;
        font-size: 26px;
        line-height: 28px;
        font-weight: 600;
        word-spacing: 1px;
    }

.businesssize .planduration, .businesssize .planunit {
    font-size: 15px;
}

.businesssize .titleheading {
    font-size: 33px;
}

.bussiness-home {
    background-image: url("/images/residential-icon1.svg");
    background-repeat: no-repeat;
    background-size: 179px;
    background-position: 140% -32%;
    background-color: #fff;
}

.bussiness-commercial {
    background-image: url("/images/commercial-icon1.svg");
    background-repeat: no-repeat;
    background-size: 173px;
    background-position: 128% -29%;
    background-color: #fff;
}

@media (min-width:481px) and (max-width:767px) {
    .bussiness-home {
        background-position: 114% -32%;
    }

    .bussiness-commercial {
        background-position: 112% -29%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .bussiness-home {
        background-position: 114% -32%;
    }

    .bussiness-commercial {
        background-position: 112% -29%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .bussiness-home {
        background-position: 114% -32%;
    }

    .bussiness-commercial {
        background-position: 112% -29%;
    }
}

/*Renewal Resi */
.renewalresi .bodybg {
    background-color: #fff !important;
    background-image: none;
    padding: 0;
}

.renewalresiform .nopad {
    padding: 0px !important;
}

.renewalleftimg {
    width: 100%;
    object-fit: cover;
    object-position: bottom;
}

.rightrenewalresi {
    text-align: center;
    display: table;
}

.thankfulheading {
    color: #412F8A;
    text-align: center;
    font-weight: 600;
    font-size: 37px;
    margin: 35px 0 25px;
}

.orangetextsubheading {
    color: #412F8A;
    font-size: 17px;
    font-weight: 600;
    margin: 15px 0;
    position: relative;
}

.renewalresi .helptip {
    background: #bbb;
    color: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-left: 6px;
    cursor: pointer;
    padding-top: 0px;
    position: relative;
    right: 0;
    top: -1px;
    left: auto !important;
}

.renewalresi #page2 .helptip {
    background: #bbb;
    color: #fff;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-left: 6px;
    cursor: pointer;
    padding-top: 0px;
    position: relative;
    right: 0;
    top: 0px;
    left: auto !important;
    font-size: 13px;
}

.renewalresi .detaildiv.detaildiv2 {
    background: white;
    position: absolute;
    bottom: 39px;
    right: 127px;
    height: 201px;
    height: auto;
    width: 260px;
    z-index: 1;
    box-shadow: 0 0px 10px rgba(69,69,69,.6) !important;
    border-radius: 7px;
    padding: 10px;
    text-align: left;
    font-size: 11px;
}

    .renewalresi .detaildiv.detaildiv2::after {
        left: 45%;
    }

.renewalresi .detailheading {
    text-align: center;
    display: block;
    margin-bottom: 10px;
    color: #5f5f5f;
    font-size: 13px;
}

.thankfulsubheading {
    font-size: 20px;
}

.mart15 {
    margin-top: 15px !important;
}

.rightrenewalresichild {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.renewalresi .zipcodeboxdiv {
    width: 100%;
}

.renewalresiform .zipcodeboxdiv {
    display: table;
    width: 100%;
}

.renewalresiform div.row {
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


.thankfulheading1.thankfulheading {
    text-align: left;
}

.thankfulsubheading1.thankfulsubheading {
    font-size: 18px;
}

.termsrenewal {
    margin-top: 25px !important;
    font-size: 13px;
    margin-bottom: 25px !important;
}

.martopcarosel {
    margin-top: 35px;
    margin-bottom: -5px;
}


.owl-prev {
    width: 15px;
    height: 35px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    margin-left: -20px;
    display: block !IMPORTANT;
    border: 0px solid black;
}

.owl-next {
    width: 15px;
    height: 35px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: -16px;
    display: block !IMPORTANT;
    border: 0px solid black;
}


.owl-nav .disabled {
    display: none !important;
}

.owl-nav button {
    background-color: transparent !important;
    color: #b9b9b9 !important;
    box-shadow: none !important;
}

.owl-nav .fa {
    font-size: 51px !important;
    font-weight: 600;
    line-height: 34px;
}

.owl-nav button:hover {
    color: #412F8A !important;
}


@media all and (-ms-high-contrast:none) {
    .owl-nav button:active i, .owl-nav button:focus i {
        position: relative;
        top: 0;
        left: 0;
    }

    *::-ms-backdrop, .owl-nav button:active i, .owl-nav button:focus i {
        position: relative;
        top: 0;
        left: 0;
    }
}


.renewalresi .planbox {
    background: rgb(248,152,58);
    background: linear-gradient(186deg, rgba(248,152,58,1) 0%, rgba(240,140,43,1) 40%, rgba(230,124,23,0.9976191160057774) 97%);
}

    .renewalresi .planbox p, .renewalresi .planbox p.plandescription {
        color: #fff !important;
    }

.renewalresi .planfiles a {
    color: #f8c390 !important;
}

    .renewalresi .planfiles a:hover {
        color: #ffffff !important;
    }

    .renewalresi .planfiles a:focus, .renewalresi .planfiles a:active {
        color: #f8c390 !important;
    }

.renewalresi p.planunit {
    color: #f8c390 !important;
    font-size: 13px;
}

@media(max-width:1280px) {
    .renewalresi .planfiles a:hover {
        color: #f8c390 !important;
    }
}

.renewalresi .plansignup.plansignup1 {
    background: #fff;
    color: #e77f19;
    border: 2px solid #fff;
    padding: 3px 7px 5px;
}

    .renewalresi .plansignup.plansignup1.hvr-outline-in:hover::before, .renewalresi .plansignup.plansignup1.hvr-outline-in:focus::before, .renewalresi .plansignup.plansignup1.hvr-outline-in:active::before {
        top: -6px;
        right: -6px;
        bottom: -6px;
        left: -6px;
        opacity: 1;
    }

    .renewalresi .plansignup.plansignup1:hover, .renewalresi .plansignup.plansignup1:focus {
        color: #e77f19;
        text-decoration: none;
    }

    .renewalresi .plansignup.plansignup1.hvr-outline-in::before {
        border: #fff solid 2px;
    }

.renewalresi .plansignup.plansignup2 {
    width: 154px !important;
}

.footernotekwh2 {
    font-size: 12px;
    color: #5f5f5f;
    font-weight: 400;
    text-align: left;
    display: block;
    position: static;
}

.selectingtext {
    font-size: 13px;
    letter-spacing: -0.2px;
    padding-top: 18px;
}

.plansignup.selectedplan {
    background-color: transparent !important;
    color: #fff !important;
    background-image: url("../../images/success.png") !important;
    background-repeat: no-repeat !important;
    background-size: 22px !important;
    transition: background-color 0.9s ease-out 0s;
    background-position: 16px !important;
}

.renewalresi .plansignup.selectedplan.hvr-outline-in:hover::before, .renewalresi .plansignup.selectedplan.hvr-outline-in:focus::before, .renewalresi .plansignup.selectedplan.hvr-outline-in:active::before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    border: 0;
}

/*.circle-loader {
    margin-bottom: 9px;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-left-color: #fff;
    border-right-color: #fff;
    border-top-color: #fff;
    animation: loader-spin 1.2s infinite;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 7em;
    height: 7em;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #ffffff;
    transition: border 500ms ease-out;
}

.checkmark {
    display: none;
}

    .checkmark.draw:after {
        animation-duration: 800ms;
        animation-timing-function: ease;
        animation-name: checkmark;
        transform: scaleX(-1) rotate(135deg);
    }

    .checkmark:after {
        opacity: 1;
        height: 3.5em;
        width: 1.75em;
        transform-origin: left top;
        border-right: 3px solid #fff;
        border-top: 3px solid #fff;
        content: '';
        left: 1.45em;
        top: 3.5em;
        position: absolute;
    }*/

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
        border-bottom-color: #6BE5AB;
    }
}

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 30px;
        opacity: 1;
    }

    40% {
        height: 66px;
        width: 30px;
        opacity: 1;
    }

    100% {
        height: 66px;
        width: 30px;
        opacity: 1;
    }
}

.finalplanreview .owl-stage {
    text-align: center;
    width: auto !important;
}

    .finalplanreview .owl-stage .owl-item {
        width: 277.5px;
        display: inline-block;
        float: none !important;
    }

.page2hide {
    display: none;
}

.owl-dots {
    display: none;
}

.footernotekwh2 {
    margin: 20px 0 0px;
}

.renewalresi .orangetextsubheading .detaildiv {
    bottom: 42px;
    right: auto;
    width: 270px;
    left: 150px;
}

.renewalresi #page2 .orangetextsubheading .detaildiv {
    bottom: 37px;
    right: auto;
    width: 270px;
    left: 159px;
}

    .renewalresi #page2 .orangetextsubheading .detaildiv:after {
        left: 46%;
    }

.renewalresi #page2 #DivMutltiserv .orangetextsubheading .detaildiv {
    bottom: 37px;
    right: auto;
    width: 270px;
    left: 78px;
}

.renewalresi .planfiles a.activeDetail {
    color: #ffffff !important;
}

@media(min-width:320px) {
    .renewalresi .orangetextsubheading .helptip:hover + .detaildiv {
        display: block !important;
    }
}

@media(min-width:1279px) and (max-width:1281px) {
    .renewalresi .planbox {
        width: 102%;
    }
}

@media (min-width:768px) and (max-width:1199px) {


    .selectingtext {
        padding-top: 12px;
        padding-left: 0;
    }

    .renewalresi .planbox {
        margin: 10px auto;
        max-width: 310px;
    }

    .owl-prev {
        margin-left: 30px;
    }

    .owl-next {
        right: 33px;
    }

    .renewalresi .detaildiv.detaildiv2 {
        right: 38px;
    }

    .renewalresi .datarow {
        margin-top: 7px !important;
        font-size: 14px;
        margin-bottom: 7px !important;
    }

        .renewalresi .datarow.termsrenewal {
            margin-top: 25px !important;
            font-size: 13px;
            margin-bottom: 25px !important;
        }

    .renewalresi .row.datarow {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    .footernotekwh2 {
        margin: 20px 0 0px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .owl-prev {
        margin-left: -7px;
    }

    .owl-next {
        right: -5px;
    }

    .renewalresi .plansignup.plansignup2 {
        width: 154px !important;
        margin-bottom: 30px;
    }

    .selectingtext {
        padding-top: 19px;
    }

    .footernotekwh2 {
        margin: 20px 0 16px;
    }
}

@media (max-width:767px) {
    .renewalresi .plansignup.plansignup2 {
        margin-bottom: 20px;
    }

    .selectingtext {
        letter-spacing: 0px;
        padding-top: 0;
        padding-bottom: 9px;
    }

    .mobtextcenter {
        text-align: center;
    }

    .renewalresi .planbox {
        margin: 0 auto !important;
    }

    .footernotekwh2 {
        margin: 20px 0 16px;
    }
}

@media (min-width:481px) and (max-width:767px) {
    .owlnewwidth {
        max-width: 400px;
        margin: 0 auto;
    }
}

@media (min-width:320px) and (max-width:480px) {
    .owlnewwidth {
        max-width: 280px;
        margin: 0 auto;
    }

    .owl-prev {
        margin-left: -10px;
    }

    .owl-next {
        right: -7px;
    }

    .orangetextsubheading {
        color: #412F8A;
        font-size: 15px;
    }

    .renewalresi .orangetextsubheading .detaildiv {
        right: -6px;
        left: auto;
    }

        .renewalresi .orangetextsubheading .detaildiv::after {
            top: 100%;
            left: 84%;
        }

    .renewalresi .helptip {
        padding-top: 2px;
    }
}

h3.pleasewait {
    font-size: 36px;
    margin: -10px 0 7px;
}

p.pleasewaittext {
    margin: 0px;
    width: 360px;
    color: #5f5f5f;
}

.newdrafty .countdown {
    font-size: 155px;
    margin-top: -14px;
}

@media (min-width:768px) and (max-width:991px) {
    .newdrafty .countdown {
        margin-left: -50px;
    }

    p.pleasewaittext {
        width: 340px;
    }

    #draftybody {
        margin-left: -30px;
    }
}

@media (max-width:767px) {
    .newdrafty .countdown {
        margin-top: 0px;
        margin-left: 0;
    }

    #draftybody {
        margin-left: 0;
    }

    h3.pleasewait {
        font-size: 28px;
        margin: 100px 0 7px;
    }

    p.pleasewaittext {
        width: 100%;
    }
}

@media (min-width:481px) and (max-width:767px) {
    .newdrafty .countdownmain {
        margin-top: 78px;
    }

    .newdrafty .countdown {
        margin-top: -10px;
        font-size: 95px;
    }

    h3.pleasewait {
        font-size: 23px;
        margin: 50px 0 7px;
    }
}

.midplanrenewal {
    width: 277.5px;
    float: none !important;
    margin: 0px auto;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.termsrenewal a {
    color: #412F8A;
    margin: 0;
}

    .termsrenewal a:hover {
        color: #d86200;
    }

@media(max-width:767px) {
    .midplanrenewal {
        margin: 30px auto;
    }
}

.acclabelmark {
    background-color: #bdbbbf;
    position: absolute;
    color: #fff;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    right: 23px;
    top: 26px;
    padding-left: 1px;
    padding-top: .5px;
    cursor: pointer;
    z-index: 11;
}

#DivPlanslist .owl-stage {
    margin: 0 auto;
}

.closepopcupsample {
    background: #412F8A;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: -24px;
    right: -23px;
    width: 30px;
    text-align: center;
    height: 30px;
    border-radius: 50%;
    padding-top: 4px;
}

    .closepopcupsample:hover {
        background: #f88210;
        color: #fff;
        text-decoration: none;
    }

#DivPlanslist .DescriptionList label {
    color: #fff !important;
    cursor: default;
}

    #DivPlanslist .DescriptionList label::before {
        background-color: #ffffff !important;
    }

@media (min-width:767px) {
    #billpopup .modal-sm {
        width: 600px !important;
    }
}

@media (max-width:767px) {
    .navbar-default {
        z-index: 0 !important;
    }

    .detaildiv.detaildiv1 {
        width: 300px;
        right: -80px;
    }
}

@media (max-width:480px) {
    .renewalresi #page2 .orangetextsubheading .detaildiv::after {
        top: 100%;
        left: 46%;
    }

    .renewalresi #page2 .orangetextsubheading .detaildiv {
        left: 126px;
    }

    .renewalresi #page2 #DivMutltiserv .orangetextsubheading .detaildiv {
        left: 54px;
    }
}

@media (max-width:420px) {
    .renewalresi #page2 .orangetextsubheading .detaildiv {
        left: 19px;
    }

        .renewalresi #page2 .orangetextsubheading .detaildiv::after {
            left: 85%;
        }

    .renewalresi #page2 #DivMutltiserv .orangetextsubheading .detaildiv::after {
        left: 46%;
    }

    .detaildiv.detaildiv1 {
        width: 260px;
        right: -20px;
    }

        .detaildiv.detaildiv1:after {
            left: 64%;
        }

    .owlnewwidth {
        max-width: 320px;
        margin: 0 auto;
    }
}

@media (max-width:350px) {
    .renewalresi #page2 #DivMutltiserv .orangetextsubheading .detaildiv::after {
        left: 66%;
    }

    .renewalresi #page2 #DivMutltiserv .orangetextsubheading .detaildiv {
        left: 0px;
    }

    .owlnewwidth {
        max-width: 280px;
        margin: 0 auto;
    }
}


.orangetextsubheading {
    z-index: 1111;
}

#DivMutltiserv {
    z-index: -1;
}

#page2 #DivMutltiserv {
    margin-bottom: -5px;
}

    #page2 #DivMutltiserv #divheading {
        margin-bottom: 0;
    }

#DivMutltiserv .utiltyselection {
    padding-right: 34px !important;
}

@media(min-width:768px) and (max-width:991px) {
    .renewalresi #dvpop.enrollmentdivfile span.detailRight {
        right: -45px;
    }

        .renewalresi #dvpop.enrollmentdivfile span.detailRight::after {
            left: 74%;
        }
}

@media(min-width:992px) and (max-width:1024px) {
    .renewalresi #dvpop.enrollmentdivfile span {
        right: -135px;
    }

        .renewalresi #dvpop.enrollmentdivfile span::after {
            left: 54%;
        }
}

@media(min-width:1200px) {
    .renewalresi #dvpop.enrollmentdivfile span.detailRight {
        right: -14px;
    }

        .renewalresi #dvpop.enrollmentdivfile span.detailRight::after {
            left: 82%;
        }
}

.renewalresi .detaildiv.detaildiv1:after {
    background: white;
}

.planname, .planduration, .planprice, .planunit, .plandescription {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.renewalresi .planfiles a {
    margin: 8px 5px 5px;
}

.renewalresi .DescriptionList {
    padding-left: 60px;
}

@media (max-width:767px) {
    .getstarted {
        margin: 0px auto 23px !important;
        width: 155px !important;
    }

    .renewalleftimg {
        object-position: center;
    }
}

.acclabl #AccountNumber ~ span {
    float: left;
}


_::-webkit-full-page-media, _:future, :root .owl-prev {
    width: 21px;
}

::-webkit-full-page-media, _:future, :root .owl-next {
    right: -22px;
    width: 21px;
}



@media (max-width:375px) {
    _::-webkit-full-page-media, _:future, :root .owl-prev {
        width: 21px;
    }

    ::-webkit-full-page-media, _:future, :root .owl-next {
        right: -11px;
        width: 21px;
    }
}

.renewalresi #page2 #DivMutltiserv #divheading .helptip {
    padding-left: 1px;
}

.owlcarouselwidth {
    width: 100% !important;
}

.martop19 {
    margin-bottom: 19px;
}

.martop10block {
    margin-top: 10px;
    display: block;
}

.termsrenewal a#EFLlink, .termsrenewal a#YRAClink, .termsrenewal a#toslink {
    color: #5f5f5f;
}

    .termsrenewal a#EFLlink.highlight, .termsrenewal a#YRAClink.highlight, .termsrenewal a#toslink.highlight {
        color: #412F8A;
    }

#btnRenew.greybtn.hvr-outline-in::before {
    border: grey solid 2px;
}

.greybtn {
    background: grey;
}

@media(max-width:1370px) {
    .rightrenewalresichild .martop25 {
        margin-top: -5px !important;
    }
}

@media (min-width:768px) and (max-width:800px) {
    .renewalleftimg {
        object-position: -745px;
    }
}

@media (min-width:1200px) {
    .renewalleftimg {
        object-position: right;
    }
}

@media (max-width:767px) {
    .renewalleftimg {
        height: auto !important;
        width: 100% !important;
        max-height: 290px;
    }
}

@media (min-width:801px) and (max-width:815px) and (max-height:375px) {
    .renewalleftimg {
        height: 601px !important;
        object-position: -400px bottom;
    }
}

#btnPrint.plansignup {
    display: block !important;
    float: left !important;
    margin-left: 15px !important;
}

.renewalresi .k-autocomplete.k-state-default, .renewalresi .k-dropdown-wrap.k-state-default, .renewalresi .k-numeric-wrap.k-state-default,
.renewalresi .k-picker-wrap.k-state-default, .renewalresi .k-dropdown-wrap.k-state-hover {
    background-image: url("../../Images/down-arrow-1.svg") !important;
    background-color: #fff;
    background-repeat: no-repeat !important;
    background-position: 98% !important;
    background-size: 15px !important;
    border-color: #fff;
}

.renewalresi .k-state-default > .k-select {
    display: none !important;
}

.renewalresi .h4, .renewalresi h4 {
    font-size: 15px;
    margin-bottom: 0;
}

body.renewalresi .k-animation-container {
    width: auto !important;
    cursor: pointer !important;
}

    body.renewalresi .k-animation-container .k-item {
        cursor: pointer !important;
    }

    body.renewalresi .k-animation-container p {
        color: #5F5F5F !important;
    }

    body.renewalresi .k-animation-container h4 {
        color: #5F5F5F !important;
    }

    body.renewalresi .k-animation-container .k-state-selected p {
        color: #fff !important;
    }

    body.renewalresi .k-animation-container .k-state-selected h4 {
        color: #fff !important;
    }

    body.renewalresi .k-animation-container .k-state-selected.k-state-hover p {
        color: #5F5F5F !important;
    }

    body.renewalresi .k-animation-container .k-state-selected.k-state-hover h4 {
        color: #5F5F5F !important;
    }

body.renewalresi .k-popup.k-list-container {
    padding: 0px !important;
}

.renewalresi .k-animation-container .k-state-hover {
    background-color: #ccc !important;
    background-image: none !important;
}

.renewalresi .k-animation-container .k-state-selected.k-state-hover {
    background-color: #412F8A !important;
    background-image: none !important;
}

body.renewalresi .k-state-selected.k-state-focused.k-state-hover p, body.renewalresi .k-state-selected.k-state-focused.k-state-hover h4 {
    color: #fff !important;
}

.renewalresi .k-list .k-state-focused, .renewalresi .k-list .k-state-selected {
    border-radius: 0;
}

body.renewalresi .k-animation-container .k-item {
    background-image: none !important;
}

.billtip.helptip {
    right: auto;
    left: auto;
    font-size: 17px;
    padding-top: 3px;
    top: 1px;
}

.billasuretext {
    font-size: 14px;
    font-weight: normal;
    color: #5f5f5f;
}

#DivBillAssureDetails.detaildiv {
    bottom: 44px;
    right: -50px;
    width: 310px;
}

@media (min-width:475px) and (max-width:767px) {
    .billtip.helptip {
        padding-top: 3px;
        top: -3px;
    }

    #DivBillAssureDetails.detaildiv {
        right: auto;
        left: 126px;
        bottom: 38px;
    }

        #DivBillAssureDetails.detaildiv::after {
            left: 88%;
        }
}

@media (min-width:992px) and (max-width:1199px) {
    #DivBillAssureDetails.detaildiv {
        right: auto;
        left: 445px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    #DivBillAssureDetails.detaildiv {
        right: auto;
        left: 345px;
    }

        #DivBillAssureDetails.detaildiv::after {
            left: 82%;
        }
}

@media (min-width:399px) and (max-width:474px) {
    #DivBillAssureDetails.detaildiv {
        bottom: 36px;
        right: auto;
        width: 260px;
        left: 5px;
    }

    .billtip.helptip {
        right: auto;
        left: auto;
        font-size: 17px;
        padding-top: 3px;
        top: 18px;
    }

    #DivBillAssureDetails.detaildiv::after {
        left: 27%;
    }
}


@media (min-width:339px) and (max-width:398px) {
    #DivBillAssureDetails.detaildiv {
        bottom: 36px;
        right: auto;
        width: 260px;
        left: 5px;
    }

    .billtip.helptip {
        right: auto;
        left: auto;
        font-size: 17px;
        padding-top: 3px;
        top: 18px;
    }
}

@media (max-width:338px) {
    #DivBillAssureDetails.detaildiv {
        bottom: 36px;
        right: auto;
        width: 260px;
        left: 5px;
    }

    .billtip.helptip {
        right: auto;
        left: auto;
        font-size: 17px;
        padding-top: 3px;
        top: 18px;
    }

    #DivBillAssureDetails.detaildiv::after {
        left: 62%;
    }
}

.mar10 {
    margin: 10px 0;
}

#CreditCardYear, #CreditCardMonth {
    height: 52px;
}

#ExpirationNumberMonth, #ExpirationNumberYear, .paydep #State {
    height: 52px;
}
/*.paydep  .input__label-content--yoshiko::after {
    font-size: 0.83em;
}
.paydep #ExpirationNumberMonth + .input__label .input__label-content--yoshiko::after, #ExpirationNumberYear  + .input__label .input__label-content--yoshiko::after{
    font-size: 0.73em;

}*/

.authsign .AuthorizeNetSeal {
    width: 90px;
    position: absolute;
    top: -1px;
    right: 10px;
    left: auto;
    float: right;
}

.authsign.depauth .AuthorizeNetSeal {
    width: 70px;
    position: absolute;
    top: 2px;
    right: 10px;
    left: auto;
    float: right;
}

@media (max-width:767px) {
    .authsign .AuthorizeNetSeal {
        top: -6px;
        width: 70px;
        position: relative;
        right: 0;
    }
}

.addNewAddress {
    cursor: pointer;
    color: #412F8A;
    margin-top: 29px;
}

.deleteNewAddress {
    cursor: pointer;
    color: red;
    margin-top: 29px;
}

#DeleteAddress .buttons .btn, #DeleteAddress .printbtn.btn {
    display: inline-block;
}

.removadd {
    display: inline-block;
    margin: 0 1px;
    text-align: center;
    width: 108px;
}

.removadddiv {
    text-align: center !important;
}

@media (min-width:768px) {
    .clearleft {
        clear: left;
    }
}

.commflow #DeleteAddress .textaligncenter {
    text-align: center !important;
}

@media (max-width:480px) {
    .commflow #DeleteAddress .zipbtn {
        width: 106px;
    }
}

.promodiv {
    background: #412F8A;
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    text-align: right;
}

    .promodiv .promocode {
        font-weight: 600;
    }

.tickclass {
    background: #fff;
    width: 30px;
    height: 31px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    left: -10px;
}

.tickclass {
    color: #412F8A;
}

    .tickclass i {
        position: relative;
        top: 2px;
        left: -6px;
    }

.promotext {
    position: relative;
    top: 3px;
}

@media (max-width:480px) {
    .promodiv {
        text-align: center;
        font-size: 14px;
    }

    .promotext {
        top: 5px;
    }

    .tickclass i {
        position: relative;
        top: 6px;
        left: 0px;
        font-size: 17px;
    }
}


/* Page Nav */
.pagenavigation {
    text-align: center;
}

    .pagenavigation li {
        display: inline-block;
        margin: 22px 40px;
        opacity: 0.3;
        position: relative;
        color: #412F8A;
    }

        .pagenavigation li.active {
            opacity: 1;
            cursor: pointer;
        }

        .pagenavigation li::after {
            border-top: 1px solid #211551 !important;
            content: "asadsad";
            color: #412F8A;
            font-size: 0;
            width: 39px;
            display: inline-block;
            position: absolute;
            top: 47px;
            opacity: 1 !important;
            right: -58px;
        }

        .pagenavigation li.active::after {
            border-top: 1px solid #bcb8ca !important;
            opacity: 1 !important;
        }

        .pagenavigation li .fa {
            font-size: 24px;
            margin: 0 0 7px;
            font-weight: 300 !important;
            border: 3px solid;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            padding-top: 4px;
        }

        .pagenavigation li span {
            padding-top: 6px;
            font-family: Prompt;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: normal;
            text-align: center;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            color: #211551 !important;
            display: block;
        }

        .pagenavigation li:nth-last-child(1)::after {
            display: none;
        }

@media (min-width:992px) and (max-width:1199px) {
    .pagenavigation li {
        margin: 22px 26px;
    }

        .pagenavigation li span {
            font-size: 15px;
            letter-spacing: 0;
        }

        .pagenavigation li::after {
            width: 36px;
            top: 46px;
            right: -46px;
        }
}

@media (min-width:768px) and (max-width:991px) {
    .pagenavigation li::after {
        width: 16px;
        top: 46px;
        right: -25px;
    }

    .hideback {
        display: none;
    }

    .backbbtntop {
        margin-top: 35px;
    }

    .pagenavigation li {
        margin: 15px 15px;
    }

        .pagenavigation li span {
            font-size: 12px;
            letter-spacing: 0;
        }
}

@media (min-width:570px) and (max-width:767px) {
    .pagenavigation li::after {
        width: 26px;
        top: 46px;
        right: -32px;
    }

    .pagenavigation li .fa {
        font-size: 28px;
    }

    .pagenavigation li span {
        font-size: 13px;
    }

    .pagenavigation li {
        margin: 15px 19px;
    }

    .backbbtntop {
        margin-top: 13px !important;
    }
}

@media (max-width:569px) {
    .pagenavigation li {
        display: block;
        margin: 15px;
    }

    .pagenavigation li {
        text-align: left !important;
    }

        .pagenavigation li span {
            display: inline-block;
            padding-left: 15px;
        }

    .backbbtntop {
        margin-top: 13px !important;
    }

    .pagenavigation li::after {
        border-top: 0px solid #412F8A !important;
    }
}

.pagenavigation li .fa.fa-shopping-cart::before {
    position: relative;
    left: -0.5px;
    top: 0.50px;
}

#StreetAddressNew.addloader {
    background-image: url("../../Images/textboxloader.gif");
    background-size: 25px;
    transition: none !important;
    background-repeat: no-repeat;
    background-position: 99%;
}

.lockIcon {
    background-image: url("../../Images/Icon-lock.svg") !important;
    background-size: 17px !important;
    transition: none !important;
    background-repeat: no-repeat !important;
    background-position: 96% !important;
}

body .input--filled .disableclass.Tbborder {
    border: 1px solid #412F8A !important;
}


/* Page Nav */


.backbuttontop {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    color: #211551 !important;
    /* Dark Blue */
    opacity: 0.3;
}

.backbbtntop {
    display: inline-block;
    margin-top: 45px;
    float: right;
}

.backbuttontop.active {
    opacity: 1;
}

.backbuttontop i {
    width: 24px;
    display: inline-block;
    /* font-weight: 300;
          height: 21px;
        border: 1px solid;
    border-radius: 50%;*/
    margin-right: 11px;
    /*font-size: 12px;
    padding-left: 1px;
    padding-top: 1px;*/
}

.contentinner {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    float: none;
}

.planavailable {
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    color: #211551 !important;
}

.subtextplansavail {
    text-align: center;
}


    .subtextplansavail span.renewaltoptext {
        font-family: IBM Plex Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        margin: 15px 0 0px;
        display: inline-block;
        color: #211551 !important;
        /* Dark Blue */
        opacity: 0.75;
    }




.havepromo {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    text-decoration-line: underline;
    cursor: pointer;
    color: #211551 !important;
    opacity: 0.6;
}

.newplansignup {
    background: #FF6600 !important;
    border-radius: 4px !important;
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    padding: 10px 20px;
    cursor: pointer;
    display: inline-block;
    margin: 20px 0;
    transition: ease-in .100s all;
}

    .newplansignup:hover {
        text-decoration: none;
        color: #FFFFFF;
        background: #412F8A !important;
    }
  .newplansignup:focus, .newplansignup:active {
        text-decoration: none;
        color: #FFFFFF;
     background: #FF6600 !important;
    }

.approductsbtn {
    cursor: pointer;
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid rgba(33,21,81,0.25);
    box-sizing: border-box;
    border-radius: 4px;
    color: #412F8A;
    transition: ease-in .100s all;
    padding: 10px 13px;
    text-decoration: none;
    display: inline-block;
    margin: 21px 0px 16px;
}

.featurebottom .approductsbtn {
    margin: 21px 0px 25px;
}

.approductsbtn.startoverbtn {
    margin: 10px auto;
    display: block;
    width: 150px;
    text-align: center;
}

.approductsbtn:hover, .approductsbtn:focus {
    text-decoration: none;
    color: #FFFFFF;
    background: #412F8A;
}

.planprice span {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    color: #412F8A;
}

.fixdescp {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #1A1A1A;
    opacity: 0.5;
}

.planicon {
    margin: 18px 0 !important;
}

.planavailzip {
    background: rgba(33, 21, 81, 0.03);
    border: 1px solid rgba(33, 21, 81, 0.12);
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Prompt;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: normal;
    color: #211551 !important;
    padding: 7px 15px;
    padding-top: 5px;
    padding-right: 15px;
    padding-bottom: 2px;
    padding-left: 15px;
    display: inline-block;
    text-align: left;
    width: 136px;
    position: relative;
    top: -3px;
}

.locationmarker {
    position: relative;
    top: -2px;
}

.featureplans {
    margin-top: 30px;
}


/*.planicon span {
    height: 112px;
    width: 112px;
    display: inline-block;
    background-image: url("../../Images/sun1.svg");
    padding-top: 41px;
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #FFE600;
}*/
.planicon span {
    height: 109px;
    width: 67px;
    display: inline-block;
    padding-top: 65px;
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #211551;
    margin: 0;
    display: block;
}

.planicon {
    height: 111px;
    width: 112px;
    display: inline-block;
    overflow: hidden;
    background-image: url("../../Images/sun1.svg");
}

/*.planicon {
    height: 112px;
    width: 112px;
    display: inline-block;
    overflow: hidden;
}*/

#DivProducts table tbody {
    text-align: center;
}

#DivProducts .k-grid-content table {
    margin: 30px 0 70px;
}

.yourplan {
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #211551 !important;
    opacity: 0.5;
    display: block;
    margin-bottom: -9px;
}

.contentinner.custinfopage {
    text-align: left;
}

.purchasetext {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #211551 !important;
}

.lblpurchase {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    color: #1A1A1A;
}

.valpurchase {
    text-align: right;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 23px;
    color: #1A1A1A;
}

.purchasetotaltext {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 23px;
    color: #1A1A1A;
}

.confrmenrollbtn {
    text-align: center;
}

.purchasehr {
    border-top: 1px solid rgba(33, 21, 81, 0.15);
}

.purchasesummary {
    margin: 20px;
}

.purchasetotalval {
    text-align: right;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
    line-height: 23px;
    color: #1A1A1A;
}

.SwitchRadio {
    opacity: 0.4;
    pointer-events: none;
}


@media (max-width:991px) {
    .sidedivplan .planbox {
        margin: 0 auto;
    }
}

.OrderReviewHeading {
    color: #412F8A;
    font-size: 15px;
    margin: 0 0 25px;
    font-weight: bold;
}

.ConfirmDepositDiv {
    opacity: 0.4;
    pointer-events: none;
}

.formlbl {
    font-family: IBM Plex Sans !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 28px !important;
    color: #1A1A1A !important;
}



.formlbl2 {
    font-family: IBM Plex Sans !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 17px !important;
    line-height: 27px !important;
    color: #211551 !important;
}

.marbtm10 {
    margin-bottom: 10px;
}

.marbtm-12 {
    margin-top: -10px;
}

.martop40 {
    margin-top: 40px;
}

@media (min-width:768px) and (max-width:1199px) {
    .tabpadding0 {
        padding: 0;
    }

    .startdatediv {
        padding: 0;
    }
}


@media (min-width:481px) and (max-width:767px) {
    .allplansdiv .detaildiv::after {
        left: 43% !important;
    }
}

@media (max-width:359px) {
    .allplansdiv .detaildiv {
        right: 6px;
    }

    @-moz-document url-prefix() {
        .allplansdiv .detaildiv {
            right: -10px;
        }
    }


    .featureplans .detaildiv {
        right: -6px;
    }
}

.martop14 {
    margin-top: 14px;
}

.waivereson {
    margin: 6px 0 !important;
}

.reviewtoptext {
    font-family: IBM Plex Sans !important;
    font-style: normal !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 23px !important;
    color: #211551 !important;
}

.reviewbtmtext {
    font-family: IBM Plex Sans !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-size: 15px !important;
    line-height: 23px !important;
    color: rgba(26, 26, 26, 0.75) !important;
}

.reviewdiv .row {
    margin: 8px 0 !important;
}

.reviewdiv {
    border: 1px solid rgba(33, 21, 81, .12);
    box-sizing: border-box;
    border-radius: 6px;
    padding: 20px 35px;
}

.changebtn {
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 29px;
    text-align: right;
    display: none;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #412F8A;
    cursor: pointer;
}

    .changebtn:hover {
        color: #F60 !important;
    }

.reviewbdr {
    margin-bottom: 10px !important;
    border: 0 !important;
}

.multiutilbtn {
    margin: 0px auto 9px;
    display: block;
    width: 145px;
    text-align: center;
}

.successheading {
    font-family: Prompt;
    font-style: normal;
    font-weight: bold;
    font-size: 68px;
    line-height: 82px;
    text-align: center;
    color: #211551 !important;
}

.successtext {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 34px;
    text-align: center;
    color: #1A1A1A !important;
}

.confirmationpop .modal-lg {
    width: 768px;
}

.whatnext {
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: normal;
    text-align: center;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #211551 !important;
    margin-top: 40px;
    margin-bottom: 20px;
}

.whatnexttext {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: rgba(26, 26, 26, 0.75) !important;
}

.whatnexttextfraudssn {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: rgba(26, 26, 26, 0.75) !important;
    border: 4px solid #211551 !important;
    padding: 13px;
}

.newplansignup.filebrowsebtn {
    margin-left: 10px;
}

.orderconfirmationpopup .modal-backdrop {
    background-color: rgba(33, 21, 81, 0.75) !important;
    opacity: 1 !important;
}

.confirmationpop .modal-content {
    -webkit-box-shadow: 0px 30px 90px rgba(33, 21, 81, 0.1);
    box-shadow: 0px 30px 90px rgba(33, 21, 81, 0.1);
    border-radius: 0px !important;
}

#divServiceAddress {
    clear: both;
}

.confirmationpop .modal-body {
    padding: 60px 80px;
}

.backtohome {
    padding-top: 10px;
    text-align: center;
}

.confirmationpop .circle-loader {
    margin-bottom: 9px;
    border: 8px solid #6BE5AB;
    border-left-color: #6BE5AB;
    border-right-color: #6BE5AB;
    border-top-color: #6BE5AB;
    animation: loader-spin 1.2s infinite;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 128px;
    height: 128px;
    box-shadow: 0px 10px 30px #6BE5AB;
}

.confirmationpop .load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #6BE5AB;
    transition: border 500ms ease-out;
}

.confirmationpop .checkmark {
    display: none;
}

    .confirmationpop .checkmark.draw:after {
        animation-duration: 800ms;
        animation-timing-function: ease;
        animation-name: checkmark;
        transform: scaleX(-1) rotate(135deg);
    }

    .confirmationpop .checkmark:after {
        opacity: 1;
        height: 66px;
        width: 30px;
        transform-origin: left top;
        border-right: 8px solid #6BE5AB;
        border-top: 8px solid #6BE5AB;
        content: '';
        left: 22px;
        top: 64px;
        position: absolute;
    }



@media (max-width:992px) {
    .nopaddeposit1 {
        padding: 0px !important;
    }

    .confrmenrollbtn2 {
        text-align: center;
    }

    .confirmationpop .modal-lg {
        width: 700px;
    }
}

@media (max-width:767px) {
    .hidemobrow {
        display: none;
    }

    .backbbtntop {
        margin-top: 38px !important;
    }

    .confirmationpop .modal-lg {
        width: 90%;
    }

    .confirmationpop .modal-body {
        padding: 40px 20px;
    }

    .successheading {
        font-size: 53px;
    }

    .row.martab0 {
        margin: 0px !important;
    }

    .reviewdiv {
        padding: 20px 0;
    }

    .row.martab0 > div {
        padding: 0;
    }

    .k-pager-numbers {
        display: inline-flex !important;
        position: static !important;
    }

    .k-ff .k-pager-numbers.k-state-expanded {
        background-color: #412F8A !important;
    }

    #DivProducts .k-pager-numbers li {
        text-align: center;
        background: #412F8A !important;
    }

    #DivProducts .k-pager-wrap .k-link {
        width: 2em !important;
        background: #412F8A;
        text-align: center;
    }

    .k-pager-numbers .k-state-selected {
        text-align: center !important;
    }

    .k-pager-numbers .k-state-selected {
        width: auto !important;
    }

    #DivProducts .k-pager-numbers li {
        margin: 0 0px !important;
    }

    .k-ff .k-pager-numbers.k-state-expanded {
        padding: 0px 0px 0;
    }

    body #DivProducts .k-pager-wrap .k-pager-numbers li:nth-child(2) {
        margin-bottom: -30px !important;
    }

    #DivProducts .k-pager-numbers li a {
        width: 51px !important;
        padding: 0;
        text-align: center;
        display: inline-block !important;
    }

    .k-ff .k-pager-numbers .k-current-page .k-link {
        padding: 0 5px;
        display: inline-block;
    }
}



@media (max-width:440px) {
    .planavailzip {
        text-align: left;
    }
}

@media (min-width:768px) {
    .reviewbtmtext, .reviewtoptext {
        padding: 0;
    }
}


input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #211551;
}

.pad0opt {
    padding: 10px 0 0 !important;
}


@media (min-width:992px) and (max-width:1199px) {
    .container {
        width: 989px;
    }
}

.calendercomm {
    clear: both !important;
}

@media(min-width:530px) and (max-width:600px) {
    .termsofuse .detaildiv {
        left: -110% !important;
    }

    .calendercomm .termsofuse .detaildiv {
        left: auto !important;
        right: auto !important;
    }

    .termsofuse #divCalender.detaildiv {
        left: auto !important;
    }

    .termsofuse .detaildiv::after {
        left: 71% !important;
    }
}

@media (min-width:392px) and (max-width:529px) {
    .termsoftooltip {
        word-wrap: anywhere;
        word-break: break-all;
        white-space: nowrap;
    }

    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        bottom: 6px !important;
        left: -340px !important;
    }

    .termsofuse .detaildiv::after {
        left: 37% !important;
    }
}

@media (min-width:333px) and (max-width:339px) {
    .termsofuse .detaildiv {
        left: -90% !important;
    }

    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv::after {
        left: 65%;
    }
}

@media (min-width:320px) and (max-width:332px) {
    .termsoftooltip {
        word-wrap: anywhere;
        word-break: break-all;
        white-space: nowrap;
    }

    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        bottom: 6px !important;
        height: auto !important;
        width: 260px;
        left: -130px !important;
    }

        #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv::after {
            left: 25%;
        }
}

@media (min-width:1200px) {
    #divCalender .searcharrow::after, span[id*="divCalender_"] .searcharrow::after {
        top: 20px !important;
    }
}

.martop20 {
    margin-top: 20px;
}

.landlinemobmain {
    margin-top: 37px;
}

@media (max-width:767px) {
    .landlinemobmain {
        margin-top: -10px;
        padding: 0;
        margin-bottom: 53px;
    }

    .Autpaynd .autopaycheck {
        margin-bottom: 21px;
    }

    .mobmartop0 {
        margin: 0;
    }

    .startdatediv {
        padding: 0;
    }
}

/*New tooltip*/

.newtooltip {
    background: #412F8A;
    border: 1px solid rgba(33, 21, 81, 0.15);
    box-sizing: border-box;
    border-radius: 13px;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 18px;
    color: #FFF;
    padding-left: 6px;
    top: -2px;
    z-index: 111 !important;
    left: 7px;
}

.ssnfield label {
    display: inline-block;
    width: 260px;
}

.ssnfield .newtooltip {
    top: -78px;
    left: auto;
    right: -228px;
}

.termsofuse.newtooltip .detaildiv {
    position: absolute;
    bottom: 35px;
    right: auto !important;
    width: 300px;
    background: #412F8A;
    box-shadow: 0px 15px 45px rgba(33, 21, 81, 0.15) !important;
    color: #fff !important;
    left: -137px !important;
}

@media (min-width:546px) (max-width:767px) {
    .termsofuse.newtooltip #DivDetailPromoOffer.detaildiv {
        left: -257px !important;
    }

    .termsofuse #DivDetailPromoOffer.detaildiv::after {
        left: 84% !important;
    }
}


@media (max-width:767px) {
    .addmulitple .addnum {
        margin-bottom: 20px;
    }

    .enrollsms.termsofuse.newtooltip .detaildiv {
        left: -120px !important;
    }

    .enrollsms.termsofuse .detaildiv::after {
        left: 39% !important;
    }
    /*.solartooltip.termsofuse .detaildiv::after {
            left: 44% !important;
}*/


}

@media (min-width:320px) and (max-width:327px) {
    .solartooltip.termsofuse.newtooltip .detaildiv {
        left: -237px !important;
    }

    .solartooltip.termsofuse .detaildiv::after {
        left: 77% !important;
    }
}

@media (min-width:328px) and (max-width:349px) {
    .solartooltip.termsofuse.newtooltip .detaildiv {
        left: -110px !important;
    }

    .solartooltip.termsofuse .detaildiv::after {
        left: 35% !important;
    }
}

@media (min-width:350px) and (max-width:375px) {
    .solartooltip.termsofuse.newtooltip .detaildiv {
        left: -90px !important;
    }

    .solartooltip.termsofuse .detaildiv::after {
        left: 28% !important;
    }
}

@media (min-width:376px) and (max-width:388px) {
    .solartooltip.termsofuse.newtooltip .detaildiv {
        left: -31px !important;
    }

    .solartooltip.termsofuse .detaildiv::after {
        left: 9% !important;
    }
}

@media (min-width:389px) and (max-width:519px) {
    .solartooltip.termsofuse.newtooltip .detaildiv {
        left: -256px !important;
    }

    .solartooltip.termsofuse .detaildiv::after {
        left: 84% !important;
    }
}



@media (min-width:520px) and (max-width:707px) {
    .solartooltip.termsofuse.newtooltip .detaildiv {
        left: -27px !important;
    }

    .solartooltip.termsofuse .detaildiv::after {
        left: 8% !important;
    }
}

@media (min-width:805px) and (max-width:827px) {
    .solartooltip.termsofuse.newtooltip .detaildiv {
        left: -77px !important;
    }

    .solartooltip.termsofuse .detaildiv::after {
        left: 28% !important;
    }
}

@media (min-width:828px) and (max-width:960px) {
    .solartooltip.termsofuse.newtooltip .detaildiv {
        left: -247px !important;
    }

    .solartooltip.termsofuse .detaildiv::after {
        left: 81% !important;
    }
}



@media (min-width:548px) and (max-width:676px) {
    .recievepromo.termsofuse.newtooltip .detaildiv {
        left: -261px !important;
    }

    .recievepromo.termsofuse .detaildiv::after {
        left: 86% !important;
    }
}

@media (min-width:420px) and (max-width:547px) {
    .recievepromo.termsofuse.newtooltip .detaildiv {
        left: -27px !important;
    }

    .recievepromo.termsofuse .detaildiv::after {
        left: 7% !important;
    }
}

@media (min-width:320px) and (max-width:357px) {
    .recievepromo.termsofuse.newtooltip .detaildiv {
        left: -34px !important;
    }

    .recievepromo.termsofuse .detaildiv::after {
        left: 10% !important;
    }
}

@media (min-width:358px) and (max-width:419px) {
    .recievepromo.termsofuse.newtooltip .detaildiv {
        left: -173px !important;
    }

    .recievepromo.termsofuse .detaildiv::after {
        left: 56% !important;
    }
}

@media (min-width:344px) and (max-width:357px) {
    .recievepromo.termsofuse.newtooltip .detaildiv {
        left: -263px !important;
    }

    .recievepromo.termsofuse .detaildiv::after {
        left: 86% !important;
    }
}


@media (min-width:708px) and (max-width:767px) {
    .solartooltip.termsofuse.newtooltip .detaildiv {
        left: -257px !important;
    }

    .solartooltip.termsofuse .detaildiv::after {
        left: 84% !important;
    }
}

@media (max-width:991px) {

    .ssntooltip.termsofuse .detaildiv::after {
        left: 81% !important;
    }

    .ssntooltip.termsofuse.newtooltip .detaildiv {
        left: -247px !important;
    }

    .movingtooltip.termsofuse.newtooltip .detaildiv {
        left: -66px !important;
    }

    .movingtooltip.termsofuse .detaildiv::after {
        left: 21% !important;
    }
}




/*New tooltip*/


label:focus {
    -webkit-tap-highlight-color: transparent !important;
    outline: 0px !important;
    background: #fff !important;
}

    label:focus p {
        -webkit-tap-highlight-color: transparent !important;
        outline: 0px !important;
        background: #fff !important;
    }

.input--yoshiko .ccimagemar {
    display: none !important;
}

.input--yoshiko.input--filled .ccimagemar {
    display: block !important;
}

.newpass b {
    display: block;
}

@media all and (-ms-high-contrast:none) {

    input[type='text'], input[type='password'],
    input[type='date'], input[type='datetime'],
    input[type='email'], input[type='number'],
    input[type='search'], input[type='tel'],
    input[type='time'], input[type='url'], textarea {
        line-height: 22px;
    }
}

.reviewdiv a {
    text-decoration: none !important;
}

.newpass .fa.fa-eye {
    color: #211551 !important;
}

@media (min-width:768px) {
    .addresssearchmaindiv a {
        float: right;
        margin-top: 12px;
    }
}

.clogo {
    padding-top: 0px;
    width: 190px;
}

[type="radio"].input-validation-error:not(:checked) ~ label::before {
    border: 1px solid red !important;
}

[type="checkbox"].input-validation-error:not(:checked) ~ label::before {
    border: 1px solid red !important;
}

@media (min-width:768px) {
    .navigationdiv {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 111111;
    }

        .navigationdiv ~ .bodybg {
            padding-top: 118px;
        }

        .navigationdiv + .promoclass {
            margin-top: 116px;
        }

            .navigationdiv + .promoclass ~ .bodybg {
                padding-top: 0px;
            }
}

@media (min-width:992px) {
    .scrollenable #DivSidePlan.flowscroll {
        float: right;
        width: 33%;
    }

        .scrollenable #DivSidePlan.flowscroll  .sidedivplan {
            position: fixed;
            float: right;
            width: 310px;
            z-index: 111;
            padding-left: 11px;
            top: 100px;
        }

    .scrollenable  .flowscroll .sidedivplan .plandescription {
        display: none;
    }

    .scrollenable .flowscroll  .sidedivplan .planicon {
        height: 0px;
        margin: 0 !important;
    }

    .scrollenable .flowscroll  .sidedivplan .planbox {
        padding: 15px;
    }

    .scrollenable  .flowscroll .sidedivplan .planprice {
        line-height: 67px;
        margin-top: -20px;
    }


    .scrollenable .flowscroll  .sidedivplan .approductsbtn {
        margin: 1px 0px 6px;
    }

    .scrollenable #DivSidePlan.scrollplan {
        float: right;
        width: 33%;
    }

        .scrollenable #DivSidePlan.scrollplan .sidedivplan {
            position: fixed;
            float: right;
            width: 310px;
            z-index: 111;
            padding-left: 11px;
            top: 100px;
        }

    .scrollenable .scrollplan .sidedivplan .plandescription {
        display: none;
    }

    .scrollenable .scrollplan .sidedivplan .planicon {
        height: 0px;
        margin: 0 !important;
    }

    .scrollenable .scrollplan .sidedivplan .planbox {
        padding: 15px;
    }

    .scrollenable .scrollplan .sidedivplan .planprice {
        line-height: 67px;
        margin-top: -20px;
    }


    .scrollenable .scrollplan .sidedivplan .approductsbtn {
        margin: 1px 0px 6px;
    }

    /*.scrollenable .sidedivplan   .planicon {
          margin: 4px 0 0 !important;
}*/

    .scrolledbottom.scrollenable #DivSidePlan .sidedivplan {
        top: auto;
        bottom: 60px;
    }


    #DivSidePlan .sidedivplan, #DivSidePlan {
        transition: top 0.4s ease-in;
    }


    .scrollenable .sidedivplan .planbox,
    .sidedivplan .planicon,
    .scrollenable .sidedivplan .planprice,
    .sidedivplan .planduration,
    .sidedivplan .approductsbtn, .sidedivplan .plandescription, .scrollenable .sidedivplan .planicon {
        transition: all 0.4s ease-in;
    }

    .scrolledbottom.scrollenable #DivSidePlan .sidedivplan {
        transition: bottom 0.4s ease-in;
    }
}

.planicon {
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width:992px) and (max-width:1199px) {
    .scrollenable .sidedivplan .planprice {
        line-height: 57px;
    }

    .fixednavdiv .pagenavigation li {
        margin: 13px 21px 4px;
        transition: all 0.4s ease-in;
    }


        .fixednavdiv .pagenavigation li::after {
            width: 33px;
            top: 39px;
            right: -40px;
        }

    .fixednavdiv .clogo {
        padding-top: 17px;
        transition: all 0.4s ease-in;
        width: 130px;
    }

    .fixednavdiv .backbbtntop {
        margin-top: 31px;
        transition: all 0.4s ease-in;
    }

        .fixednavdiv .backbbtntop .backbuttontop {
            font-size: 13px;
        }

        .fixednavdiv .backbbtntop .closeicon {
            width: 21px;
        }


    .fixednavdiv .pagenavigation img {
        height: 25px;
    }

    .pagenavigation li span {
        padding-top: 4px;
        font-size: 15px;
    }

     

    
    .scrollenable #DivSidePlan.flowscroll .sidedivplan {
        top: 60px;
    }

    .scrollenable #DivSidePlan.scrollplan .sidedivplan {
        top: 60px;
    }


    .scrollenable .sidedivplan .planbox {
        padding: 13px 15px;
    }

    .scrollenable .sidedivplan .planicon {
        margin: 0 0 -3px !important;
    }

    .scrollenable .sidedivplan .planduration {
        margin: 10px 0 !important;
    }


    .pagenavigation li, .backbbtntop, .clogo, .pagenavigation img, .pagenavigation li::after,
    .backbbtntop .closeicon, .backbbtntop .backbuttontop {
        transition: all 0.4s ease-in;
    }
}

@media (min-width:1200px) {
     .scrollenable #DivSidePlan.flowscroll .sidedivplan {
        width: 357px;
        /*top: 61px;*/
        top: 68px;
        z-index: 2;
    }

    .scrollenable #DivSidePlan.scrollplan .sidedivplan {
        width: 357px;
        /*top: 61px;*/
        top: 68px;
        z-index: 2;
    }

    .fixednavdiv .pagenavigation li {
        margin: 13px 40px 4px;
        transition: all 0.4s ease-in;
    }

        .fixednavdiv .pagenavigation li::after {
            top: 39px;
        }

    /*.fixednavdiv .clogo {
    padding-top: 11px;
     transition: all 0.4s ease-in;
  }*/
      .fixednavdiv .flowscroll  .clogo {
        padding-top: 17px;
        transition: all 0.4s ease-in;
        width: 130px;
    }
    .fixednavdiv .scrollplan .clogo {
        padding-top: 17px;
        transition: all 0.4s ease-in;
        width: 130px;
    }
   

    .fixednavdiv .backbbtntop {
        margin-top: 31px;
        transition: all 0.4s ease-in;
    }

        .fixednavdiv .backbbtntop .backbuttontop {
            font-size: 13px;
        }

        .fixednavdiv .backbbtntop .closeicon {
            width: 21px;
        }


    .fixednavdiv .pagenavigation img {
        height: 25px;
    }

    .pagenavigation li span {
        padding-top: 4px;
        font-size: 15px;
    }

    .pagenavigation li, .backbbtntop, .clogo, .pagenavigation img, .pagenavigation li::after,
    .backbbtntop .closeicon, .backbbtntop .backbuttontop {
        transition: all 0.4s ease-in;
    }
}

@media (min-width:1200px) and (min-height:620px) and (max-height:767px) {

    
     .scrollenable flowscroll .sidedivplan .planbox {
        padding: 13px 15px;
    }

    .scrollenable .flowscroll .sidedivplan .planicon {
        margin: 5px 0 0 !important;
    }
    .scrollenable scrollplan .sidedivplan .planbox {
        padding: 13px 15px;
    }

    .scrollenable .scrollplan .sidedivplan .planicon {
        margin: 5px 0 0 !important;
    }
}

.pagenavigation img {
    height: 32px;
    width: auto;
}


.modal-open.orderconfirmationpopup .navigationdiv {
    position: static;
}


.paymentopt {
    background-color: #fff;
    border: 1px solid rgba(33, 21, 81, 0.12);
    box-sizing: border-box;
    border-radius: 5px;
    margin: 22px 0 22px;
    padding: 11px 15px;
}

    .paymentopt label {
        font-family: IBM Plex Sans;
        font-style: normal;
        font-weight: normal !important;
        font-size: 18px;
        line-height: 28px !important;
        color: #211551 !important;
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }


    .paymentopt [type="radio"]:checked + label::before,
    .paymentopt [type="radio"]:not(:checked) + label::before {
        background-color: rgba(33, 21, 81, 0.03);
        border: 1px solid rgba(33, 21, 81, 0.15);
    }

.selectedopt {
    background-color: #211551;
}

    .selectedopt label {
        color: #FFFFFF !important;
    }

    .selectedopt [type="radio"]:checked + label::after,
    .selectedopt [type="radio"]:checked + label::after,
    .selectedopt [type="radio"]:not(:checked) + label::after {
        border: #fff 5px solid !important;
        background: #F60;
    }


.ccdiv {
    background-image: url("../../Images/ccicon-inactive.svg");
    background-repeat: no-repeat;
    background-position: 96%;
}

.ecdiv {
    background-image: url("../../Images/e-check-inactive.svg");
    background-repeat: no-repeat;
    background-position: 96%;
}

.selectedopt.ccdiv {
    background-image: url("../../Images/ccicon.svg");
}

.selectedopt.ecdiv {
    background-image: url("../../Images/e-check.svg");
}

@media (max-width:767px) {
    .paymentopt {
        margin: 0;
    }

    .ecdiv {
        margin-top: 37px;
        margin-bottom: 20px;
    }
}

.issmsmmar {
    margin-top: 10px !important;
}

@media (max-width:767px) {
    .issmsmmar {
        margin-bottom: 10px !important;
        margin-top: 0px !important;
    }

    .memiddiv {
        padding: 0px;
    }

    .rightfooter {
        text-align: center;
        margin-top: 5px;
    }

    .leftfooter {
        text-align: center;
    }

    .sidedivplan {
        margin-bottom: 25px;
    }
}

.depsidediv .confrmenrollbtn {
    display: block !important;
}

.depsidediv .newplansignup {
    margin: 0px 0 25px;
}

.backtohome a {
    display: block;
    width: 220px;
    margin: 23px auto;
}

.backtohome a:nth-child(1),
.backtohome a:nth-child(2) {
        display: inline-block;
        margin-left: 10px;
}
    .backtohome a:nth-child(3) {
        margin-top: -8px;
    }
.yellowHover {
    background-color: #FEDD00 !important;
    color: #1A1A1A;
}
.sidedivplan .plandescription:empty {
    display: none;
    min-height: 0px !important;
}

.depsidediv .approductsbtn {
    display: none;
}

/*a#YracLink.agreetoslink {
    white-space: nowrap;
}*/
.justifytext {
    text-align: justify;
}

/*@media (min-width:1024px){
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
    top: -30px;
    width: 600px !important;
    right: -623px;
}

    #divCalender .searcharrow, span[id*="divCalender_"] .searcharrow {
    top: 53px !important;
    left: -60px;
}
    #divCalender .searcharrow::after, span[id*="divCalender_"] .searcharrow::after {

    top: 7px !important;

}
#divCalender .searcharrow::after, 
span[id*="divCalender_"] .searcharrow::after {
    width: 20px;
    height: 20px;
    top: 21px;
    left: 20px;

}
#divCalender .searcharrow, span[id*="divCalender_"] .searcharrow {
    width: 30px;

}
}*/


@media only screen and (min-width: 665px) and (max-width: 667px) {
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        width: 270px !important;
        right: 330px !important;
        top: 117px !important;
        left: auto !important;
    }
}

@media only screen and (min-width: 375px) and (max-width: 380px) {
    #divCalender.detaildiv, span[id*="divCalender_"].detaildiv {
        width: 270px !important;
        right: 10px !important;
        top: 117px !important;
        left: auto !important;
    }
}

.chngplanpopup {
    text-align: center;
    padding: 14px 0;
}

.chngplanpopupbtns {
    text-align: center;
}

    .chngplanpopupbtns .multiutilbtn {
        margin: 0px 5px 16px;
        display: inline-block;
        width: 165px;
        text-align: center;
    }

.newplansignup.zippagebtn {
    padding: 10px 12px;
    margin: 20px 4px;
    width: 153px;
}

h1.titleheading {
    margin-top: 20px;
    border-bottom: 0;
    color: #211551 !important;
    padding-bottom: 0;
    font-size: 26px;
    font-family: Prompt;
    font-style: normal;
    line-height: normal;
    font-weight: 600;
}

.padlr30 {
    padding: 0 30px;
}

.siderserviceadd h2.personalinfo {
    letter-spacing: 0.2em;
}


.calendercomm .termsofuse .detailheading {
    color: #1A1A1A !important;
}

.calendercomm [type="radio"]:checked + label::before,
.calendercomm [type="radio"]:not(:checked) + label::before {
    top: -1px;
}

.calendercomm [type="radio"]:checked + label::after,
.calendercomm [type="radio"]:checked + label::after,
.calendercomm [type="radio"]:not(:checked) + label::after {
    top: -1px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

    .backbuttontop i {
        height: 24px;
    }

    .fixednavdiv .backbbtntop .closeicon {
        height: 21px;
    }

    #divCalender.detaildiv.detaildivterm {
        top: 30px;
        left: -295px;
        right: auto;
    }
}

.planicon span {
    color: #ffe600 !important;
    font-size: 0 !important;
    display: none !important;
}

.successparent {
    display: table;
}

.successchild {
    display: table-cell;
    vertical-align: middle;
}


@media (min-width:992px) {
    .successparent {
        width: 50%;
        margin: 0 auto;
    }
}


@media (max-width:991px) {
    .successparent {
        width: 70%;
        margin: 0 auto;
    }
}

@media (max-width:767px) {
    .successparent {
        width: 90%;
        margin: 0 auto;
    }
}

.checktype1.active.formlbl {
    color: #412F8A !important;
}

/* New Plan box*/
.planprice span {
    font-size: 14px;
    display: block;
    margin-top: -14px;
}

.planprice.planprice2 span {
    margin-top: -15px;
    margin-bottom: 10px;
}

.planprice2 .nopadprice {
    padding: 0;
    font-size: 39px;
}

@media (min-width:992px) and (max-width:1199px) {
    .planprice2 .nopadprice {
        font-size: 34px;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .fearturedivcenter {
        display: inline-block;
        float: none !important;
        width: auto;
    }

    .allplansdiv .fearturedivcenter {
        min-width: 360px;
        max-width: 360px;
    }
}


@media (min-width:992px) and (max-width:1199px) {
    .ssnfield .termsofuse.newtooltip .detaildiv {
        left: -226px !important;
    }

    .ssnfield .termsofuse .detaildiv::after {
        left: 74%;
    }

    .termsofuse.newtooltip #DivDetailPromoOffer.detaildiv {
        left: -192px !important;
    }

    .termsofuse #DivDetailPromoOffer.detaildiv::after {
        left: 63%;
    }
}

@media (min-width:1200px) {
    .ssnfield .termsofuse.newtooltip .detaildiv {
        left: -176px !important;
    }

    .ssnfield .termsofuse .detaildiv::after {
        left: 57%;
    }
}

/* New Plan box*/



@media screen and (-webkit-min-device-pixel-ratio:0) {
    select.input__field--yoshiko {
        height: 52px;
    }
}

/*Bullet Center*/

.DescriptionList {
    text-align: center;
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0;
}

    .DescriptionList label::before {
        left: auto;
        margin-left: -20px;
        display: none;
    }
/*Bullet Center*/

/* Promo div changes */
.promotextdiv {
    text-align: center;
}

.tickclass i {
    top: 3px;
    left: 0;
}

.questiondiv {
    position: relative;
    top: 3px;
    padding-bottom: 5px;
}


@media (min-width:768px) and (max-width:1199px) {
    .promotextdiv {
        text-align: left;
    }

    .tickclass i {
        left: 6px;
    }
}


@media (max-width:767px) {
    .questiondiv {
        text-align: center;
        margin: 0px;
    }

    #PromoSpan {
        margin-bottom: 10px;
    }
}

@media (max-width:480px) {
    .tickclass i {
        top: 7px;
        left: 1px;
    }
}


/* Promo div changes */


/* New Autopay Changes*/
#DivImpNote {
    margin-bottom: 50px;
}

.refundlbl small {
    font-size: 13px;
    position: relative;
    top: -6px;
}

.autopayterms {
    margin-top: 30px;
}

.autopaycheckbox a {
    cursor: pointer;
}

#SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
    left: -129px;
    bottom: 36px;
}

@media (min-width:768px) and (max-width:1199px) {
    .confrmdiv {
        margin-left: -15px;
    }
}

@media (min-width:768px) {
    .ordiv {
        text-align: center;
        position: relative;
        top: 40px;
        padding: 0;
        color: #412f8a;
        font-family: Prompt;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: normal;
        letter-spacing: 0.3em;
        text-transform: uppercase;
    }

    .ssndiv {
        padding-right: 0px;
    }

    .dldiv {
        padding-left: 0px;
    }
}

body .input--filled #DriversLicence.input__field {
    border-radius: 3px 0 0 3px !important;
    border: 1px solid #412F8A !important;
}

@media (max-width:767px) {
    .ordiv {
        text-align: center;
        position: relative;
        top: -20px;
        padding: 0;
        color: #412f8a;
        font-family: Prompt;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: normal;
        letter-spacing: 0.3em;
        text-transform: uppercase;
        margin-bottom: -10px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .ssndiv {
        padding-right: 15px;
    }

    .dldiv {
        padding-left: 15px;
    }

    .ordiv {
        text-align: center;
        position: relative;
        top: -20px;
        padding: 0;
        color: #412f8a;
        font-family: Prompt;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: normal;
        letter-spacing: 0.3em;
        margin-bottom: -10px;
        text-transform: uppercase;
    }
}

@media (min-width:600px) and (max-width:729px) {
    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        left: -249px !important;
        bottom: 38px !important;
    }

    #SpanTermsOfUse.termsofuse .detaildiv::after {
        left: 87% !important;
    }
}

@media (min-width:340px) and (max-width:353px) {
    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        left: -289px !important;
        bottom: 10px !important;
    }

    #SpanTermsOfUse.termsofuse .detaildiv::after {
        left: 19% !important;
    }
}

@media (max-width:339px) {
    .autopaycheckbox a {
        cursor: pointer;
        white-space: nowrap;
    }

    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        left: -199px !important;
        bottom: 36px !important;
    }

    #SpanTermsOfUse.termsofuse .detaildiv::after {
        left: 78% !important;
    }
}

@media (min-width:361px) and (max-width:391px) {
    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        left: -190px !important;
        bottom: 38px;
    }

    #SpanTermsOfUse.termsofuse .detaildiv::after {
        left: 75% !important;
    }
}

@media (min-width:576px) and (max-width:599px) {
    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        left: -519px !important;
        bottom: 11px;
    }

    #SpanTermsOfUse.termsofuse .detaildiv::after {
        left: 16% !important;
    }
}

@media (min-width:392px) and (max-width:575px) {
    .autopaycheckbox a {
        cursor: pointer;
        white-space: nowrap;
    }

    #SpanTermsOfUse.termsofuse #DivDetailTerms.detaildiv {
        left: -169px !important;
        bottom: 36px !important;
    }

    #SpanTermsOfUse.termsofuse .detaildiv::after {
        left: 59% !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .autopaycheckbox {
        padding-right: 0 !important;
    }
}
/* New Autopay Changes*/

.modal-content {
    border: 0px !important;
}

.depositinfo input#AccDetails_Password,
.depositinfo #ConfirmPassword {
    padding-right: 34px !important;
}


#PasswordTooltip {
    position: absolute;
    bottom: auto !important;
    right: auto !important;
    width: 300px;
    background: #412F8A;
    box-shadow: 0px 15px 45px rgba(33, 21, 81, 0.15) !important;
    color: #fff !important;
    /*left: -137px !important;*/
    left: -116px !important;
    border-radius: 7px;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    top: -144px !important;
    font-weight: 400;
}

    #PasswordTooltip .detailheading {
        padding: 11px 20px;
        text-align: center;
        display: block;
        margin-bottom: 10px;
        font-family: IBM Plex Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 23px;
        color: #FFFFFF;
    }


    #PasswordTooltip.detaildiv::after {
        background: #412F8A;
        border-color: #412F8A;
        left: 47%;
    }

@media (max-width:767px) {
    #PasswordTooltip.detaildiv::after {
        background: #412F8A;
        border-color: #412F8A;
        left: 83.5%;
    }

    #PasswordTooltip {
        width: 270px;
        /*left: -221px !important;*/
        left: -200px !important;
        top: -132px !important;
    }

        #PasswordTooltip .detailheading {
            font-size: 14px;
            line-height: 20px;
        }
}

.infoicon {
    cursor: pointer;
    position: absolute;
    z-index: 1111;
    right: 2px;
    width: 15px;
    top: 9px;
}

.customzindex {
    z-index: 2 !important;
}

#PasswordTooltip.detaildiv::after {
    background: #fff;
    border-color: #fff;
    left: 47%;
    top: 1%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top-color: #ffffff;
    border-width: 10px;
    border-color: transparent #fff transparent #fff;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: 2px 0px 6px -5px rgba(70, 69, 69, 0.9);
    margin-left: 0;
}

#PasswordTooltip {
    position: absolute;
    bottom: auto !important;
    right: auto !important;
    width: 380px;
    background: #fff;
    box-shadow: 0px 15px 45px rgba(33, 21, 81, 0.15) !important;
    color: #412F8A !important;
    left: auto !important;
    border-radius: 7px;
    max-width: 360px;
    padding: 10px;
    text-align: left;
    font-size: 14px;
    top: 66px !important;
    font-weight: 400;
}

    #PasswordTooltip .detailheading {
        padding: 11px 30px;
        text-align: center;
        display: block;
        margin-bottom: 10px;
        font-family: IBM Plex Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 23px;
        color: #412F8A;
    }

    #PasswordTooltip ul {
        margin: 0px auto -6px;
    }

    #PasswordTooltip li {
        list-style: none;
        text-align: left;
        font-size: 14px;
        line-height: 29px;
        /*margin-left: 28px;*/
        color: rgba(26, 26, 26, 0.75) !important;
        padding: 2px;
        /*text-transform: capitalize;*/
    }

        #PasswordTooltip li.notvalid {
            color: #f00;
        }

.includetext {
    color: #412F8A !important;
    text-align: left;
    margin-top: 17px;
    font-size: 14px;
    font-weight: 600;
}

.minpass {
    color: #412F8A !important;
    font-size: 17px;
    font-weight: 600;
    text-align: left;
}

#PasswordTooltip li::before {
    padding-right: 1px;
    content: "\f00c";
    border: 1px solid rgb(107,229,171);
    width: 19px;
    height: 19px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: 0px;
    margin-right: 13px;
    color: #fff;
    background: rgb(107,229,171);
    font-family: fontawesome;
    font-size: 13px;
    text-align: center;
    line-height: 19px;
    font-weight: 300;
}


#PasswordTooltip li.notvalid::before {
    background: #fff;
    content: "a";
    border: 1px solid #999;
    width: 19px;
    height: 19px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    top: -5px;
    margin-right: 13px;
    color: #fff;
    font-size: 0;
    line-height: 19px;
}

#PasswordTooltip ul {
    padding-left: 0;
}

@media (max-width:410px) {
    #PasswordTooltip {
        width: 100%;
    }
}

@media (min-width:768px) {
    #PasswordTooltip {
        left: -50px !important;
    }
}


@media all and (-ms-high-contrast:none) {
    /*media all*/
    .multiutilbtn {
        width: 155px;
    }

    .custinfopage select.input__field--yoshiko {
        height: 47.4px;
    }

    *::-ms-backdrop, .multiutilbtn {
        width: 155px;
    }
    /* IE11 */
    *::-ms-backdrop, .custinfopage select.input__field--yoshiko {
        height: 47.4px;
    }
    /* IE11 */
}


/* New Plan Css*/

.featuredplan .planbox {
    background: #412e8a;
}

    .featuredplan .planbox p {
        color: #fff !important;
    }

.featureplans .planbox {
    margin: 0 0 10px 0;
    padding: 1px 15px 15px;
}

.plantype {
    height: 39px;
    /*background: #f60;*/
    color: #fff;
    padding: 7px 0;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0px;
}

.planname {
    margin-top: 40px !important;
}

.featureplans .planname {
    padding: 13px 0;
    max-height: 82px;
}

.featuredplan .planprice span {
    color: #fff;
}

.featuredplan label {
    color: #fff !important;
}

.featuredplan .planprice div {
    color: #f60 !important;
}

.featureplans .planfiles a {
    display: inline-block;
    margin: 0 10px 14px !important;
}

.featuredplan .planfiles a {
    color: #fff;
    opacity: 1;
}

.featuredplan .newplansignup:hover, .featuredplan .newplansignup:focus, .featuredplan .newplansignup:active {
    text-decoration: none;
    background-color: #FFFFFF !important;
    color: #412F8A;
}

.featuredplan.sidedivplan .approductsbtn {
    background: #fff !important;
    transition: ease-in .100s background;
}

    .featuredplan.sidedivplan .approductsbtn:hover,
    .featuredplan.sidedivplan .approductsbtn:focus,
    .featuredplan.sidedivplan .approductsbtn:active {
        background: #FF6600 !important;
    }

.featuredplan .yourplan {
    color: #fff !important;
    opacity: 1;
}

.featuredplan .planicon {
    background-image: url("../../Images/white-sun.svg");
}

.featuredplan .planbox p.planprice {
    color: #f60 !important;
}

/*.normalplan .planbox {
    padding-top: 40px;
}
.normalplan .plantype {
    display: none;
}*/

.planduration {
    font-weight: 300;
    opacity: 1;
}

.plantypedetil {
    color: #ff6600 !important;
    font-family: IBM Plex Sans;
    font-style: normal;
    margin-bottom: 10px !important;
    font-weight: 500;
    font-size: 18px;
    margin-top: 10px !important;
}

.featuredplan .planbox p.plantypedetil {
    color: #ffe600 !important;
}

.normalplan .planbox p.plantypedetil {
    color: #00aa26 !important;
}

.planduration {
    margin: 20px 0 20px !important;
}

.fixdescp {
    margin: 5px 0 18px !important;
}


/*.plantypedetil::before {
    content: url("../../images/sun-orange.svg");
    width: 31px;
    height: 31px;
    display: inline-block;
    position: relative;
    top: 9px;
    padding: 10px 0;
    left: -10px;
}
.featuredplan .plantypedetil::before {
    content: url("../../images/sun-yellow.svg");
   
}
.normalplan .plantypedetil::before {
    content: url("../../images/green-leaf.svg");
   
}*/


.plantypedetil img, .plantypedetil svg {
    width: 31px;
    height: 31px;
    margin-right: 9px;
    fill: transparent;
    position: relative;
    top: 9px;
}

.carddetail {
    color: #412e8a !important;
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: 600;
    font-size: 15px;
}

.featuredplan .carddetail {
    color: #fff !important;
}
/*.carddetail::before {
    content: url("../../images/visa-purple.svg");
    width: 31px;
    height: 31px;
    display: inline-block;
    position: relative;
    top: 9px;
    left: -10px;
}
.featuredplan .carddetail::before {
    content: url("../../images/visa-white.svg");
   
}*/

.carddetail img, .carddetail svg {
    width: 31px;
    height: 31px;
    margin-right: 9px;
    position: relative;
    top: 9px;
}


#searchTypeToggle {
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    text-align: center;
    position: relative;
    border-radius: 6px;
    max-width: 260px;
    border: 1px solid #ccc;
    margin: 20px auto;
    padding: 5px 0 0px;
}

    #searchTypeToggle > div {
        color: white;
        padding-top: 0;
        display: block;
        position: absolute;
        top: 2px;
        left: 3px;
        bottom: 0px;
        width: calc(33.33% - 7px);
        background-color: #402D88;
        border-radius: 4px;
        z-index: 1;
        pointer-events: none;
        transition: transform 0.3s;
        height: 32px;
    }

.featuredplan #searchTypeToggle > div {
    background-color: #F60;
}

#searchTypeToggle::after {
    content: "";
    display: block;
    clear: both;
}

#searchTypeToggle label {
    float: left;
    width: calc(33.333% - 1px);
    position: relative;
    padding: 13px 0px;
    overflow: hidden;
    border-left: solid 1px rgba(0,0,0,0.2);
    transition: color 0.5s;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

    #searchTypeToggle label#firstlbl {
        border-left: none;
    }

    #searchTypeToggle label input {
        position: absolute;
        top: -200%;
    }

    #searchTypeToggle label div {
        top: 4px;
        z-index: 5;
        position: absolute;
        width: 100%;
        color: #412e8a;
        font-weight: 400;
        font-size: 14px;
    }

    #searchTypeToggle label.selected div {
        color: #fff;
    }

    #searchTypeToggle label.selected {
        color: white;
    }

.avgtext {
    font-family: IBM Plex Sans;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #412e8a !important;
    margin: 19px 0 -10px !important;
}

.featuredplan .avgtext {
    color: #fff !important;
}
/*.planprice {
    font-size: 72px;
}*/
.allplansdiv .planfiles a {
    display: inline-table;
    margin: 0 10px 14px !important;
}

.sidedivplan .planfiles a {
    display: inline-block;
    margin: 0 10px 14px !important;
}

@media (min-width:1280px) {
    .sidedivplan .detaildiv::after {
        margin-left: 232px;
    }

    .com-sidedivplan.sidedivplan .detaildiv::after {
        margin-left: 162px;
    }

    .featureplans .detaildiv {
        bottom: 50px;
    }

    .featureplans > div:nth-child(1) .detaildiv:after,
    .featureplans > div:nth-child(2) .detaildiv:after,
    .featureplans > div:nth-last-child(1) .detaildiv::after {
        left: 62%;
    }

    .com-featureplans.featureplans > div:nth-child(1) .detaildiv:after,
    .com-featureplans.featureplans > div:nth-child(2) .detaildiv:after,
    .com-featureplans.featureplans > div:nth-last-child(1) .detaildiv::after {
        left: 46%;
    }

    .featureplans > div:only-child .detaildiv::after {
        margin-left: 140px;
        left: 30%;
    }

    .com-featureplans.featureplans > div:only-child .detaildiv::after {
        margin-left: 77px;
        left: 30%;
    }

    .allplansdiv #DivProducts table tbody > div .detaildiv::after {
        margin-left: 158px;
    }

    .com-allplansdiv.allplansdiv #DivProducts table tbody > div .detaildiv::after {
        margin-left: 83px;
    }

   
    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 243px;
    }

    .com-allplansdiv.allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 170px;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(1n) .detaildiv::after,
    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 76px;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -154px;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(3n) .detaildiv {
        right: 0px;
    }

        .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(3n) .detaildiv::after {
            margin-left: 230px;
        }
}

@media (min-width:1447px) {
    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 232px !important;
    }

    .com-allplansdiv.allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 162px !important;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(1n) .detaildiv::after,
    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 76px !important;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -154px !important;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(3n) .detaildiv::after {
        margin-left: 230px !important;
    }
}

@media (min-width:1200px) and (max-width:1279px) {
    .sidedivplan .detaildiv::after {
        margin-left: 236px;
    }

    .com-sidedivplan.sidedivplan .detaildiv::after {
        margin-left: 162px;
    }


    .featureplans > div:nth-child(1) .detaildiv,
    .featureplans > div:nth-child(2) .detaildiv {
        right: -70px !important;
        bottom: 44px;
    }

        .featureplans > div:nth-child(1) .detaildiv:after,
        .featureplans > div:nth-child(2) .detaildiv:after {
            left: 62%;
        }

    .com-featureplans.featureplans > div:nth-child(1) .detaildiv:after,
    .com-featureplans.featureplans > div:nth-child(2) .detaildiv:after {
        left: 49%;
    }

    .featureplans > div:nth-child(2) .detaildiv {
        /*right: -230px !important;*/
        bottom: 44px;
    }

    .featureplans > div:nth-child(3) .detaildiv {
        bottom: 44px;
    }

        .featureplans > div:nth-child(3) .detaildiv:after {
            left: 81%;
        }


    .com-featureplans.featureplans > div:nth-child(3) .detaildiv:after {
        left: 65%;
    }

    .featureplans > div:only-child .detaildiv {
        bottom: 45px;
        right: -66px !important;
    }

        .featureplans > div:only-child .detaildiv::after {
            left: 66% !important;
        }

    .allplansdiv #DivProducts table tbody > div .detaildiv::after {
        margin-left: 166px;
    }

    .com-allplansdiv.allplansdiv #DivProducts table tbody > div .detaildiv::after {
        margin-left: 83px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 238px;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(1n) .detaildiv::after,
    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 76px;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -154px;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(3n) .detaildiv {
        right: 0px;
    }

        .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(3n) .detaildiv::after {
            margin-left: 230px;
        }
}

@media (min-width:992px) and (max-width:1199px) {
    .sidedivplan .detaildiv {
        left: -174px;
    }

        .sidedivplan .detaildiv::after {
            left: 360px;
        }

    .com-sidedivplan.sidedivplan .detaildiv::after {
        left: 286px;
    }

    .featureplans > div:nth-child(1) .detaildiv {
        right: -230px !important;
        bottom: 44px;
    }

    .featureplans > div:nth-child(1) .detaildiv::after {
        margin-left: -24px;
    }

    .com-featureplans.featureplans > div:nth-child(1) .detaildiv::after {
        margin-left: -50px;
    }

    .featureplans > div:nth-last-child(2) .detaildiv {
        bottom: 44px;
        left: -90px;
    }

        .featureplans > div:nth-last-child(2) .detaildiv::after {
            margin-left: 145px;
        }

    .com-featureplans.featureplans > div:nth-last-child(2) .detaildiv::after {
        margin-left: 71px;
    }

    .featureplans > div:nth-last-child(1) .detaildiv {
        bottom: 44px;
    }

        .featureplans > div:nth-last-child(1) .detaildiv::after {
            margin-left: 245px;
        }

    .com-featureplans.featureplans > div:nth-last-child(1) .detaildiv::after {
        margin-left: 169px;
    }
    .featureplans > div:only-child .detaildiv {
        bottom: 45px;
        right: -66px !important;
    }

        .featureplans > div:only-child .detaildiv::after {
            left: 66% !important;
        }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n+1) .detaildiv::after {
        margin-left: 150px;
    }

    .com-allplansdiv.allplansdiv #DivProducts table tbody > div:nth-child(2n+1) .detaildiv::after {
        margin-left: 91px;
    }

    body #SessionContainer .allplanss.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: 44px !important;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -90px;
    }

    .allplansdiv .detaildiv {
        right: -83px;
    }

    .renewalflowplans .allplansdiv .fearturedivcenter {
        min-width: 352px;
        max-width: 352px;
    }

    .renewalflowplans .fearturedivcenter {
        display: inline-block !important;
        float: none !important;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -10px !important;
    }

        .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
            margin-left: 224px !important;
        }

    body.renewalflowplans #SessionContainer .allplansdiv div:nth-child(2n+1) .detaildiv {
        right: -180px !important;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n+1) .detaildiv::after {
        margin-left: 53px !important;
    }
}

@media (min-width:780px) and (max-width:991px) {
    .featureplans > div:nth-child(1) .detaildiv {
        right: -230px !important;
        bottom: 44px;
    }

        .featureplans > div:nth-child(1) .detaildiv::after {
            margin-left: -4px;
        }

    .com-featureplans.featureplans > div:nth-child(1) .detaildiv::after {
        margin-left: -70px;
    }


    .featureplans > div:nth-child(3) .detaildiv {
        bottom: 44px;
        right: -10px !important;
    }

    .featureplans > div:nth-child(3) .detaildiv {
        right: -230px !important;
        bottom: 44px;
    }

        .featureplans > div:nth-child(3) .detaildiv:after {
            left: 78%;
            margin-left: 0px;
        }

    .featureplans > div:nth-child(2) .detaildiv {
        bottom: 44px;
        right: -10px !important;
    }

        .featureplans > div:nth-child(2) .detaildiv:after {
            left: 78%;
            margin-left: 0px;
        }



    .featureplans > div:nth-child(2n) .planbox .detaildiv::after {
        left: 368px !important;
    }

    .com-featureplans.featureplans > div:nth-child(2n) .planbox .detaildiv::after {
        left: 285px !important;
    }

    .featureplans > div:nth-child(3) .detaildiv::after {
        left: 30%;
        margin-left: 5px;
    }
}

@media (min-width:784px) and (max-width:991px) {
    .allplansdiv .detaildiv {
        bottom: 44px;
    }

        .allplansdiv .detaildiv::after {
            margin-left: 75px;
        }

    .com-allplansdiv.allplansdiv .detaildiv::after {
        margin-left: 15px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 73px;
    }

    .com-allplansdiv.allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv::after {
        margin-left: 15px;
    }

    body #SessionContainer .allplanss.allplansdiv #DivProducts table tbody > div:nth-child(1) .planbox .detaildiv {
        bottom: 44px !important;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 225px !important;
    }

    .com-allplansdiv.allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 164px !important;
    }
}

@media (min-width:768px) and (max-width:783px) {
    .allplansdiv .detaildiv {
        right: -80px;
        bottom: 44px;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n+1) .detaildiv::after {
        margin-left: 155px !important;
    }

    .com-allplansdiv.allplansdiv #DivProducts table tbody > div:nth-child(2n+1) .detaildiv::after {
        margin-left: 94px !important;
    }

    .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -80px;
        bottom: 44px;
    }
}

@media (min-width:768px) and (max-width:779px) {
    .featureplans > div:nth-child(1n) .planbox .detaildiv {
        right: -70px;
        bottom: 43px;
    }

        .featureplans > div:nth-child(1n) .planbox .detaildiv:after {
            left: 65% !important;
        }

    .featureplans > div:nth-child(2) .planbox .detaildiv {
        right: -10px;
        bottom: 43px;
    }

        .featureplans > div:nth-child(2) .planbox .detaildiv::after {
            left: 352px !important;
        }

    .featureplans > div:nth-child(1) .planbox .detaildiv,
    .featureplans > div:only-child .detaildiv,
    .featureplans > div:nth-child(3) .planbox .detaildiv {
        right: -157px;
        bottom: 43px;
    }

        .featureplans > div:nth-child(1) .planbox .detaildiv::after,
        .featureplans > div:nth-child(3) .planbox .detaildiv::after {
            left: 47% !important;
        }
}

@media (min-width:768px) and (max-width:991px) {
    .sidedivplan .detaildiv {
        bottom: 44px;
    }

        .sidedivplan .detaildiv::after {
            left: 62%;
        }


    .com-sidedivplan.sidedivplan .detaildiv::after {
        left: 47%;
    }

    .renewalflowplans .allplansdiv .fearturedivcenter {
        min-width: 352px;
        max-width: 352px;
    }

    .renewalflowplans .fearturedivcenter {
        display: inline-block !important;
        float: none !important;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: -10px !important;
    }

        .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
            margin-left: 224px !important;
        }

    body.renewalflowplans #SessionContainer .allplansdiv div:nth-child(2n+1) .detaildiv {
        right: -180px !important;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n+1) .detaildiv::after {
        margin-left: 53px !important;
    }
}

@media (max-width:767px) {
    .sidedivplan .DetailFeature {
        bottom: 44px !important;
        z-index: 1111;
    }

    .sidedivplan .detaildiv::after {
        margin-left: 120px;
    }

    .com-sidedivplan.sidedivplan .detaildiv::after {
        margin-left: 48px;
    }

    .featureplans > div:nth-child(1n) .detaildiv {
        bottom: 50px;
    }

        .featureplans > div:nth-child(1n) .detaildiv::after {
            margin-left: 115px;
        }

    .com-featureplans.featureplans > div:nth-child(1n) .detaildiv::after {
        margin-left: 60px;
    }



    .featureplans > div:only-child .detaildiv {
        bottom: 50px;
    }

        .featureplans > div:only-child .detaildiv::after {
            margin-left: 155px;
        }

    .com-featureplans.featureplans > div:only-child .detaildiv::after {
        margin-left: 73px;
    }

    .allplansdiv .detaildiv::after {
        left: 70% !important;
    }

    .com-allplansdiv.allplansdiv .detaildiv::after {
        left: 46% !important;
    }

    .allplansdiv .detaildiv {
        bottom: 44px;
    }
}

@media (max-width:480px) {
    .sidedivplan .DetailFeature {
        bottom: 44px !important;
    }

    .sidedivplan .detaildiv::after {
        margin-left: 115px;
    }

    .com-sidedivplan.sidedivplan .detaildiv::after {
        margin-left: 43px;
    }

    .featureplans > div:nth-child(1n) .planbox .detaildiv {
        bottom: 50px;
    }

        .featureplans > div:nth-child(1n) .planbox .detaildiv::after {
            margin-left: 119px;
        }

    .featureplans > div:only-child .detaildiv {
        bottom: 45px;
    }

        .featureplans > div:only-child .detaildiv::after {
            margin-left: 119px;
        }

    .allplansdiv #DivProducts table tbody > div .planbox .detaildiv::after {
        margin-left: 5px !important;
    }

    .allplansdiv .detaildiv {
        bottom: 44px;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div .planbox .detaildiv::after {
        margin-left: 34px !important;
    }
}

.sidedivplan.normalplan .yourplan,
.sidedivplan.featuredplan .yourplan {
    margin-top: 20px;
}

.sidedivplan .confrmenrollbtn a {
    margin: 20px 0 5px !important;
}

.scrollenable .sidedivplan .confrmenrollbtn a {
    margin: 41px 0 -38px !important;
}

.scrollenable .sidedivplan.normalplan .yourplan,
.scrollenable .sidedivplan.featuredplan .yourplan {
    margin-top: 40px;
}

#searchTypeToggle.depselection {
    font-size: 13px;
    font-family: IBM Plex Sans;
    width: 100%;
    color: #211551;
    box-sizing: border-box;
    background-color: white;
    text-align: center;
    position: relative;
    border-radius: 3px;
    max-width: 170px;
    border: 1px solid #ccc;
    display: inline-block;
    margin: -10px 0px 0px 30px;
    top: 11px;
    padding: 0px;
}

    #searchTypeToggle.depselection > div {
        color: white;
        padding-top: 0;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0px;
        width: calc(50%);
        background-color: #412e8a;
        border-radius: 2px 0 0 2px;
        ;
        z-index: 1;
        pointer-events: none;
        transition: transform 0.3s;
        height: 32px;
    }

    #searchTypeToggle.depselection::after {
        content: "";
        display: block;
        clear: both;
    }

    #searchTypeToggle.depselection label {
        float: left;
        width: calc(50% - 1px);
        position: relative;
        margin: 0;
        padding: 16px 0px;
        overflow: hidden;
        border-left: solid 1px rgba(0,0,0,0.2);
        transition: color 0.5s;
        cursor: pointer;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    }

        #searchTypeToggle.depselection label#firstlbl {
            border-left: none;
        }

        #searchTypeToggle.depselection label input {
            position: absolute;
            top: -200%;
        }

.autopaybtmmar {
    margin-bottom: 30px;
}

#searchTypeToggle.depselection label div {
    top: 7px;
    z-index: 5;
    position: absolute;
    width: 100%;
}

#searchTypeToggle.depselection label.selected {
    color: white;
}

@media (max-width:406px) {
    #searchTypeToggle.depselection {
        display: block;
        margin: 0px 0px 0 0;
        top: 13px;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .nopadtabdepopt {
        padding: 0;
    }
}

.marbtm25 {
    margin-bottom: 35px;
}


.allplansdiv .normalplan .plantype,
.allplansdiv .featuredplan .plantype {
    height: auto;
}

@media(max-width:767px ) {
    @supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee)) and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
        .plantype {
            height: auto !important;
        }
    }
}




@media (min-width:1200px) and (-ms-high-contrast:none) {

    *::-ms-backdrop, .allplansdiv #DivProducts table tbody > div:nth-child(1) .detaildiv {
        left: -6px;
    }
    /* IE11 */
    *::-ms-backdrop, .allplansdiv #DivProducts table tbody > div:nth-child(2) .detaildiv {
        bottom: 44px;
    }

    *::-ms-backdrop, .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv {
        right: 0px !important;
        bottom: 44px;
    }

    *::-ms-backdrop, .allplansdiv #DivProducts table tbody > div:nth-child(2n+1) .detaildiv {
        right: -160px;
    }




    /**::-ms-backdrop, .customerinfo + #DivSidePlan .sidedivplan .detaildiv {
        left: -164px !important;
    }

    *::-ms-backdrop, .depositinfo + #DivSidePlan .sidedivplan .detaildiv {
        left: -170px !important;
    }*/
}

.featuredplan .planbox p.plandescription {
    opacity: 1;
}

    .featuredplan .planbox p.plandescription p {
        margin: 5px 0 !important;
    }
/*Renewal CSS*/
.renewalflow .successheading {
    font-size: 49px;
}

.reviewdiv.renewalreview {
    border: 0;
    padding: 0;
}

.renewalflow .martop30 {
    margin-top: 30px !important;
}

.renewalflow #DivSidePlan .planname {
    margin-top: 30px !important;
}

.subtextplansavail span.renewaltoptext {
    color: #1A1A1ABF !important;
    opacity: 1;
}

.renewalflow .customerinfo h2 {
    letter-spacing: 2.85px;
    font-size: 20px;
    margin-top: 30px !important;
    margin-bottom: 10px !important;
}

.renewalflow.renewalflowhome .customerinfo h2 {
    margin-top: 10px !important;
}

.renewalflow .reviewtoptext {
    font-size: 18px !important;
    line-height: 30px !important;
}

.renewalflow .reviewbtmtext {
    font-size: 18px !important;
    color: #1A1A1ABF !important;
    line-height: 23px !important;
}

.renewalflow .formlbl {
    color: #1A1A1ABF !important;
}

.viewmoreoffer {
    text-align: center;
}

    .viewmoreoffer a {
        letter-spacing: 2.34px;
        color: #211551 !important;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 17px;
        font-family: Prompt;
        margin: 26px auto 0;
        display: inline-block;
        text-align: center;
        text-decoration: none;
    }

        .viewmoreoffer a:hover {
            text-decoration: underline;
        }

.havepromocode {
    color: #41258E;
    padding: 15px 0;
    text-decoration: underline;
    cursor: pointer;
}

.renewalflow .acclabelmark {
    background-color: #211551;
    position: absolute;
    color: #fff;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    right: 23px;
    top: 28px;
    padding-left: 8px;
    padding-top: 0;
    cursor: pointer;
    z-index: 11;
    font-size: 15px;
}

.renewalflow .closepopcupsample {
    right: -23px;
}

.renewalflowhome .pagenavigation, .renewalflowhome .backbbtntop {
    display: none;
}

body.renewalflowhome {
    background-image: url("../../Images/renewalsun1.svg") !important;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 600px !important;
}

.renewalflowhome .navigationdiv {
    position: static;
}

.renewalflowhome .header, .renewalflowhome .navbar-default, .renewalflowhome .bodybg {
    background-color: transparent;
}

.renewalflowhome .navigationdiv ~ .bodybg {
    padding-top: 0;
    margin: 0;
    min-height: calc(100% - 120px) !important;
}

html, body.renewalflowhome {
    min-height: 100%;
    height: 100%;
}

.renewalflowhome .serviceaddinfo h2 {
    text-align: left;
}

.renewalflowhome .planavailable {
    font-family: Prompt;
    font-style: normal;
    font-weight: 600;
    font-size: 43px;
    line-height: 60px;
    text-align: left;
    color: #211551 !important;
}

.renewalflowhome .zipcodediv {
    width: 100% !important;
}

.renewalflowhome .homerenewal1 img {
    max-width: 450px;
    width: 100%;
    padding-top: 40px;
}

.renewalflowhome .customerinfo {
    padding: 25px 45px;
}

.renewalflowhome .input {
    margin: 13px 0;
}

.renewalflowhome .newplansignup.viewplan {
    margin: 10px 0;
}

.renewalflowplans #DivProducts table tbody {
    padding: 0px 50px;
    display: block;
}

.renewalflowplans .fearturedivcenter {
    display: block;
    float: left;
}

#toptext {
    margin-top: 40px;
}

.tooltiptexthome {
    display: none !important;
    background: #211551 !important;
    width: 180px;
    display: block;
    text-align: center;
    border-radius: 5px;
    font-size: 12px;
    font-family: Prompt;
    padding: 5px;
    position: absolute;
    right: -80px;
    top: 31px;
}

.acclabelmark:hover .tooltiptexthome {
    display: block !important;
}
/*.tooltiptexthome {
	position: relative;
	background: #211551;
}*/
.tooltiptexthome:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #211551;
    border-width: 9px;
    margin-left: -9px;
}

@media (min-width:992px) and (max-width:1199px) {
    .tabnopad {
        padding: 0px !important;
    }

    .renewalflow .customerinfo h2 {
        letter-spacing: 1px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .tabnopad {
        padding: 0px !important;
    }

    .renewalflowhome .homerenewal1 {
        text-align: center;
        margin-bottom: 30px;
    }

    .renewalflowhome .planavailable {
        text-align: center;
        font-size: 41px;
    }

    body.renewalflowhome {
        background-size: 380px !important;
    }

    .renewalflowplans #DivProducts table tbody {
        padding: 0px 0px;
    }

    #toptext {
        margin-top: 00px;
    }
}

@media (max-width:767px) {
    #toptext {
        margin-top: 00px;
    }

    .renewalflowhome .homerenewal1 {
        text-align: center;
        margin-bottom: 30px;
    }

    .renewalflowhome .planavailable {
        text-align: center;
        font-size: 41px;
    }

    body.renewalflowhome {
        background-size: 380px !important;
    }

    .renewalflowplans #DivProducts table tbody {
        padding: 0px 0;
    }

    .renewalflowplans .fearturedivcenter {
        float: none;
    }
}

@media (max-width:480px) {
    .renewalflowhome .planavailable {
        font-size: 27px;
        line-height: 35px;
    }

    .renewalflowhome.renewalflow .customerinfo {
        padding: 25px 15px;
    }

    body.renewalflowhome {
        background-size: 250px !important;
    }

    @media (max-width:350px) {

        .renewalflowplans .allplansdiv #DivProducts table tbody > div .planbox .detaildiv::after {
            margin-left: 29px !important;
        }
    }

    .tooltiptexthome {
        right: -20px;
    }

        .tooltiptexthome::after {
            left: 83%;
        }

    .mobnopad {
        padding: 0px !important;
    }

    .renewalflow .customerinfo h2 {
        letter-spacing: 1px;
    }
}
.termsofuse.newtooltip .detaildiv.smstext  {
    bottom: 33px;
    width: 430px;
    cursor: default;
    left: -207px !important;
}
.termsofuse .detaildiv.smstext::after {
    top: 100%;
    left: 47%;
}

.planavailable  input{
    width: 87px;
    margin-left: 32px;
    margin-top: -36px;
    border: 0px !important;
    border-color: transparent !important;
    background:rgba(33, 21, 81, 0.00);
    font-family: Prompt;
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    color: #211551 !important;

}

@media (min-width:992px) and (max-width:1199px){
.scrollenable #DivSidePlan.flowscroll .sidedivplan {
    z-index: 11;
}
}
@media (min-width:480px) and (max-width:767px){
.termsofuse.newtooltip .detaildiv.smstext  {
    left: -113px !important;
}
.termsofuse .detaildiv.smstext::after {
left: 25% !important;
}
}
@media (max-width:479px){
    .termsofuse.newtooltip .detaildiv.smstext {
    width: 270px;
       left: -113px !important;
}
    .termsofuse .detaildiv.smstext::after {
left: 40% !important;
}
}

/*Plan detail Renewal*/
/*@-moz-document url-prefix() {*/
@media (min-width: 1200px) {
    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(1n) .detaildiv::after,
    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 90px !important;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(3n) .detaildiv::after {
        margin-left: 244px !important;
    }
}


@media (max-width: 1199px) and (min-width: 992px) {
    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n+1) .detaildiv::after {
        margin-left: 67px !important;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 234px !important;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n+1) .detaildiv::after {
        margin-left: 67px !important;
    }

    .renewalflowplans .allplansdiv #DivProducts table tbody > div:nth-child(2n) .detaildiv::after {
        margin-left: 234px !important;
    }
}

@media (max-width:767px) {
    .renewalflowplans .allplansdiv .detaildiv::after {
        left: 66% !important;
    }
}

@media (max-width: 480px) {
    .renewalflowplans .allplansdiv #DivProducts table tbody > div .planbox .detaildiv::after {
        margin-left: 28px !important;
    }
}

@media (max-width:350px) {
    .renewalflowplans .allplansdiv #DivProducts table tbody > div .planbox .detaildiv::after {
        margin-left: 18px !important;
    }
}
/*}*/




/*Renewal CSS*/




.embeddedServiceSidebarButton {
    background: #b4b0c4 !important;
    font-family: "Tacoma",sans-serif !important;
}
.embeddedServiceSidebarHeader .closeButton, 
.embeddedServiceSidebarHeader .minimizeButton {
    background: none !important;
    border: none !important;
}
.embeddedServiceSidebarFormField .uiInput .uiLabel-left {
    color: #211551 !important;
    font-weight: normal !important;
}
.embeddedServiceSidebar .headerItem {
    border-radius: 0px !important;
}
element {

}


.embeddedServiceHelpButton .helpButton .uiButton {
    background-color: #B4B0C4 !important;
    font-family: "Tacoma", sans-serif !important;
}

.embeddedServiceSidebarButton {
    background: #211551 !important;
    font-family: "Tacoma",sans-serif !important;
}

.embeddedServiceSidebarButton.uiButton--inverse, .embeddedServiceSidebarButton.uiButton--inverse:disabled {
    background: none !important;
}

.embeddedServiceSidebarMinimizedDefaultUI.helpButton {
    background-color: #211551 !important;
    border-color: #211551 !important;
}


.embeddedServiceSidebarHeader .shortHeader {
    color: rgb(255, 255, 255) !important; 
    border-radius: 8px 8px 0 0 !important;
    line-height: 3 !important;
    text-align: center !important;
    font-weight: 400 !important;
    font-size: .875em !important;
    height: 44px !important;
    clear: both  !important;
    overflow: hidden !important;
    z-index: 3 !important;
    position: relative !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
}

.embeddedServiceSidebarHeader .shortHeaderContent {
    position: relative !important;
    display: flex !important;
    height: 100% !important;
}


.embeddedServiceSidebar .headerItem {
    color: rgb(255, 255, 255)  !important;
    font-size: 1em  !important;
}


.embeddedServiceSidebarHeader.layout-docked .backButton, .embeddedServiceSidebarHeader.layout-float .backButton {
    display: none !important;
}

.embeddedServiceSidebarHeader .headerText {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-grow: 1 !important;
    align-self: stretch !important;
    width: calc(100% - 96px) !important;
    color: rgb(255, 255, 255) !important;
    text-decoration: none !important;
    line-height: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-weight: normal !important;
}


.embeddedServiceSidebarHeader .headerButton {
    display: flex !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    font-family: 'Arial',sans-serif !important;
    font-size: 1em !important;
    color: rgb(255, 255, 255) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    outline: none !important;
    background-color: transparent !important;
}
.embeddedServiceSidebarHeader #headerTextLabel, .embeddedServiceSidebarHeader #headerSubtext {
    position: relative !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}



.embeddedServiceSidebarHeader .headerTextContent {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    justify-content: center !important;
}




.shortHeaderContent h2 {
    display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.promodiv #PromoSpan
{
    margin-left:114px;
}
.LplSection {
    border: 1px solid #FF6600;
    border-radius: 5px;
    padding: 13px 0px 10px 15px;
    margin-bottom: 40px;
}

.commercial-img {
    height: 160px;
    vertical-align: bottom;
    align-items: flex-end;
    display: block;
    align-content: end;
    padding: 25px;
}

.commercial-img img{
    width:100px;
}

.businesssize .planbox{
    max-width: 360px;
}

.commercial-pr {
    margin-bottom: 30px;
}

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

.rem-btn {
    position: absolute;
    bottom: 0px;
    border: 1px solid #E6E8F0;
    background: #fff !important;
    color: #3D3385 !important;
}

.cf-color {
    color: #1F184E;
}


.cf-l-color {
    color: #1F184E !important;
    opacity: 1;
}

.customerinfo-c h2 {
    letter-spacing: 2.86px !important;
}


.mb-20 {
    margin-bottom: 20px;
}

.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.cursorpointer.com-detail-lbl {
    color: #412F8A;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    opacity: 1 !important;
}

.detailheading-com {
    font-size: 12px;
    text-align: left;
    display: block;
    margin-bottom: 0px;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 700;
}

    .detailheading-com a {
        text-transform: math-auto !important;
        font-size: 10px !important;
    }

.featureplans .detailheading-com a {
    margin: 0 5px 13px !important;
}

.planduration.planduration-com {
    font-weight: 700;
    font-size: 22px;
    color: #FF6600 !important;
    text-transform: uppercase;
    margin: 10px 0 10px !important;
    letter-spacing: 1px;
}

.plan-icon {
    background-image: url("../../images/orange-logo.svg");
    background-size: 22px 22px;
    height: 22px;
    width: 22px;
    display: inline-block;
    top: 5px;
    position: relative;
    background-repeat: no-repeat;
}
.customerinfo .batteryRewardTitle {
    background: #412F8A;
    color: #ffff !important;
    padding: 13px 20px;
    line-height: 16px;
    border-radius: 4px;
}