@font-face {
    font-family: 'Oxygen';
    src: url('../Content/fonts/Oxygen-Regular.eot');
    src: url('../Content/fonts/Oxygen-Regular.eot?#iefix') format('embedded-opentype'), url('../Content/fonts/Oxygen-Regular.woff2') format('woff2'), url('../Content/fonts/Oxygen-Regular.woff') format('woff'), url('../Content/fonts/Oxygen-Regular.ttf') format('truetype'), url('../Content/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=Oxygen:300,400,700&subset=latin-ext');*/
    

/*@font-face {
    font-family: 'oxygenregular';
    src: url('fonts/oxygen-Regular.woff2') format('woff2'),
         url('fonts/oxygen-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}






@font-face {
    font-family: 'oxygenbold';
    src: url('../Content/fonts/oxygen-bold-webfont.woff2') format('woff2'),
         url('../Content/fonts/oxygen-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oxygenbold_italic';
    src: url('~/fonts/oxygen-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/oxygen-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oxygenitalic';
    src: url('fonts/oxygen-italic-webfont.woff2') format('woff2'),
         url('fonts/oxygen-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

body {
    font-family: "Oxygen", sans-serif;
    color: #5F5F5F;
    font-size: 15px;
}

.bodybg {
    background-image: url("../../images/flow-bg.jpg");
    background-size: 100% 100%;
    /*padding-bottom: 20px;*/
    padding: 10px 0;
    background-attachment: fixed;
}

.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;
}

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

.headerdiv {

}

.footerdiv {
    background-color: #404f58;
    color: #fff;
}

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

.titleheading {
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 29px;
    margin: 35px 0 25px;
}

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

    .planbox p {
        margin: 5px 0;
    }

.planname {
    font-size: 22px;
    font-weight: 600;
}

.planduration {
    font-size: 14px;
    font-weight: 600;
    margin: -4px 0 5px !important;
}

.planprice {
    color: #8c288e;
    font-size: 48px;
    line-height: 55px;
    font-weight: 300;
}

.planunit {
    color: #b4b4b4;
    font-size: 14px;
    font-weight: 600;
}

.planprovider {
    background: #fff;
    text-align: center;
}

.plandescription {
    font-weight: 600;
    word-wrap: break-word;
    margin: 5px 0 15px !important;
}

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

    .planfiles a {
        color: #5F5F5F;
        text-decoration: none;
        margin: 0px 4px;
        font-weight: 600;
    }

        .planfiles a:hover {
            color: #8c288e;
            text-decoration: none;
        }


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

.plansignup {
    color: #fff;
    background: #8c288e;
    width: 180px;
    display: block;
    margin: 8px auto;
    padding: 7px;
    text-align: center;
    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: #8c288e;
    width: 230px;
    display: block !important;
    margin: 7px auto 20px;
    padding: 7px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
}

.moreplan1.moreplan {
     margin: 20px auto 20px !important;
}
.moreplan2.moreplan {
     margin: 0px auto 20px !important;
}


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


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

.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: #8c288e 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;
    }


    
.greyhvr-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;
}

    .greyhvr-outline-in:before {
        pointer-events: none;
        content: '';
        position: absolute;
        border: #6E6E6E 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;
    }

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

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

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

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

.allplans .planprovider img {
    height: 70px;
    max-width: 150px;
}
.input__field--yoshiko:focus {
    border: 1px solid #8c288e;
}

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


.searchadd {
    color: #fff;
    background: #8c288e;
    width: 100%;
    display: block;
    margin: 20px auto 10px;
    padding: 7px 7px 6px;
    border-radius: 25px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    float: right;
}

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

.serviceaddbtn {
    color: #fff;
    background: #8c288e;
    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: #8c288e;
    width: 180px;
    display: block;
    margin: 40px auto 10px;
    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: 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;
    }

    .datarow2 {
        margin-top: 20px;
    }

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

    .authorizationpadding {
        padding-left: 30px;
    }
}

@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: 70% !important;
    float: left;
}

.licensebox2 {
    width: 30% !important;
    float: left;
    margin-top: 20px;
    padding: 6px 8px !important;
    border-left: 0px !important;
    height: 34px !important;
}

@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;
    }

   .padleft25sideplan {
    padding-left: 15px !important;
}
   .customerinfo {
    background: white;
    border-radius: 13px;
    padding: 15px 15px !important;
    box-shadow: 0px 0px 5px 0px rgba(61,61,61,0.5) !important;
margin: 0;
}
 
    .submituserinfo {
        float: none;
    }

    .licensebox2 {
        height: 34px !important;
    }

    .searchadd {
   width: 150px;
float: none;

}
}



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

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

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

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

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

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

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

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

.refresh {
    color: #fff !important;
    background: #8c288e;
    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: #8c288e solid 2px;
    }

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

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

    .customerinfo h2 {
        color: #8c288e;
        font-weight: 600;
        font-size: 25px;
    }

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


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

.subheading {
    text-align: center;
    color: #fff;
    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 15px 25px;
}

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

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

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



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

        .datarow a:hover {
            color: #8c288e;
            text-decoration: none;
        }

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

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

    .printuserinfo {
        float: none;
    }
    .customerinfo h2 {
      font-size: 18px;
}
#featuredplandiv{width: 100%;}
}

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

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: -3px;
    right: 21px;
    bottom: 0;
    background-color: #8c288e;
    -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: "\f053";
        height: 20px;
        width: 20px;
        left: -1px;
        bottom: 4px;
        background-color: #e1e6ea;
        -webkit-transition: .4s;
        transition: .4s;
        top: -4px;
        font-family: fontawesome;
        font-size: 12px;
        color: #8c288e;
        padding-left: 4px;
        font-weight: 100;
        padding-top: 2px;
    }

input:checked + .slider::before {
    content: "\f054";
    padding-left: 7px;
}

input:checked + .slider {
    background-color: #8c288e;
}

input:focus + .slider {
    box-shadow: 0 0 1px #8c288e;
}

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;
    width: 50px;
}

.personalcheck.active, .businesscheck.active {
    color: #8c288e;
    font-weight: 600;
}

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

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

.planbox {
    position: relative;
}

.threeorgdot {
    background: #8c288e;
    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 #8c288e;
}
    .prioritymovein::before {
        background: #8c288e none repeat scroll 0 0;
        color: #8c288e;
        content: "a";
        display: inline-block;
        font-size: 12px;
        height: 26px;
        margin-right: 15px;
        padding-top: 7px;
        width: 40px;
          border: 1px solid #8c288e;
    }

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

}
@media (min-width:768px)
{
    .commercialcustinfo .datepicker_img {
    left: 0;
    top: 33px;
}
}

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

.planlistpagination{
    text-align:center;
        clear: both;
}



.planlistpagination li a {
 color: #8c288e !important;

}



.planlistpagination li.active a {
    background-color: #8c288e !important;
      border-color: #8c288e !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;
    text-align: left;
}

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

.rangemonth {
    font-size: 12px;
    margin-top: -3px;
    display: block;
    color: #b4b4b4;
}
.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 #8c288e !important;
        /*background: #8c288e !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: #8c288e !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: #8c288e !important;
    padding: 10px !important;
    color: #fff !important;
    border-radius: 0 !important;
}

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

.popupheading{
        display: inline-block;
    margin: 3px 0 !important;
    font-size: 20px;
}
.refresh2 {
    color: #fff !important;
    background: #8c288e ;
    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: #8c288e solid 2px;
}

.txtcentr{
    text-align: center;
}

.zipbtn{
    display: inline-block;
     width: 140px;
      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:4px;
}

.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: #8c288e;
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.png") !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;
}

.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 #8c288e !important;
    background: #eee !important;
    color: #8c288e;
    
}
#divMainCalender .ui-state-default,#divMainCalender  .ui-widget-content .ui-state-default,#divMainCalender  .ui-widget-header .ui-state-default {
    border: 1px solid #8c288e !important;
    background: #eee !important;
    color: #8c288e;
    
}

#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 #8c288e !important;
    background: #8c288e !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: #8c288e !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;
    right: -170px;
    height:auto !important;
    width: 400px;
    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;
}
.cursorpointer{ cursor: pointer;}
.detailheading {
    font-size: 18px;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

.marbtm12{
    margin-bottom: 12px;
}
.textalignright{
    text-align: right;
}

b, strong {
    font-weight: 600;
}
.font13{
    font-size: 13px;
    text-align: center;
    padding: 2px 3px;
}
.orangetext{
    color: #8c288e;
    font-weight: 600;
    font-size: 14px;
}

@media (min-width: 768px){
    .mar30{
        margin-right: -30px;
    }
    .leftdivplan {
            padding: 0 !important;
    }
}

.searcharrow {
    width: 100%;
    height: 30px;
    position: relative;
    overflow: hidden;
    top: 5px;
    z-index: -1 !important;
}
.searcharrow::after {
    content: "";
    position: absolute;
    width: 30px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    top: -15px;
    left: 171px;
    box-shadow: 0px 0px 5px 0px rgba(61,61,61,0.5) !important;
}

@media (min-width: 1280px)
{
.featureplans > div:nth-child(4) .detaildiv {
    right: -40px;
}
.featureplans > div:nth-child(4) .detaildiv .searcharrow::after {
  left: 278px;
}

.featuredplandiv .allplans > div:nth-child(6n+1) .detaildiv .searcharrow {
    top: 9px;
}
 .featureplans > div:nth-child(4) .detaildiv::after {
            left: 74%;
    }


}

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

    right: -30px;

}

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


}


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

   .featureplans  .detaildiv {
          right: -110px;
    }

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



    .featuredplandiv .searcharrow {
    top: 9px;
}

.featureplans > div:nth-child(3n) .detaildiv .searcharrow::after {
    left: 302px;
}

.featuredplandiv  > div:nth-child(4n+1) .searcharrow {
    top: 9px;
}


.featuredplandiv .allplans  > div .detaildiv  {
  right: 0px !important;
}

.featuredplandiv .allplans > div > div:nth-child(2n) .detaildiv  {
  right: -105px !important;
}


.featuredplandiv .allplans  > div .detaildiv::after  {
left: 74%;
}

.featuredplandiv .allplans > div > div:nth-child(2n) .detaildiv::after  {
  left: 48%;
}


.featuredplandiv .allplans > div > div:nth-child(2n) .detaildiv  .searcharrow::after {
    left: 283px;
}





}


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


  .featureplans .detaildiv {
    bottom: 30px;
}

.featureplans  .detaildiv .searcharrow::after {
    left: 192px !important;
}

.featuredplanlist .detaildiv {
    right: -103px !important;
}

  .featureplans > div:nth-child(2n) .detaildiv {
    right: -9px !important;
}

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

.featuredplandiv  > div:nth-child(2n+1) .searcharrow {
    top: 9px;
}


.featuredplandiv .allplans > div .detaildiv {
    right: -85px !important;
    bottom: 33px;
}
.featuredplandiv .searcharrow {
    top: 11px !important;
}
.padleft25sideplan {
    padding-left: 15px !important;
    padding-right: 15px;
}
    .ui-widget-content, .custom_RangeSlider .ui-widget-content {
                width: 88% !important;
    }
    #DivAddress .modal-header {
    margin-bottom: 10px;
}

    .featureplans > div:nth-child(2n) .detaildiv::after {
   
        left: 70%;
    }

}

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

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

.textalignright {
    text-align: left;
}
.planbox {
    max-width: 420px;
    margin: 25px auto;
  
}

.featuredplanlist .detaildiv {
    right: 0;
    left: 0;
}

.featuredplanlist .detaildiv .searcharrow::after {
    left: 226px;
}

.featuredplandiv .searcharrow {
    top: 11px !important;
}
.datepicker_img {
    left: 0 !important;
}

.addresssearchmaindiv {
    text-align: left !important;
}

}


@media (min-width: 320px) and (max-width:480px)
{
.detaildiv {
    background: white;
    position: absolute;
    bottom: 30px;
    right: -20px;
    height: 235px;
    width: 260px;
}
.planbox {

    margin: 25px auto;max-width: 280px;

}
.featuredplandiv .searcharrow {
    top: 11px !important;
}
.textalignright {
    text-align: left;
}
.searcharrow::after {
    left: 170px;}


.featuredplanlist .detaildiv {
    right: 0;
    left: 0;
}
.featuredplanlist .detaildiv .searcharrow::after {
    left: 166px;


}
    .help-tip {
        position: absolute;
        top: 20px !important;
        right: 0 !important;
    }
     .help-tip p {
    width: 260px !important;
    right: -6px !important;
}
        .MultipleTDSPButtonDiv .customadddiv {
    width: 100% !important;
    text-align: center !important;
}
        .help-tip.help-tip1 {
    position: relative;
    display: inline-block;
    left: auto;
    top: 0 !important;
    right: 0;
    /*float: right;*/
}

}
 .help-tip {
    position: absolute;
    top: 9px;
    left: 230px;
    text-align: center;
    background-color: #8c288e;
    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: #8c288e !important;
}

#btnNextToCustInfo {
    text-transform: uppercase;
}
.marbtm0{margin-bottom:0px !important}

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

.padleft25sideplan{
    padding-left: 25px;
}

.padleft25sideplan .planfiles a {
   color: #5F5F5F !important
}
.padleft25sideplan .planfiles a:hover {
   color: #8c288e !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;
}
.input__field.input__field--yoshiko.input-validation-error{
    border: solid 1px red !important;
}*/

.featuredplandiv .searcharrow {
    top: 9px;
}

.featuredplanlist .detaildiv {
    right: -149px;
}
.submituserinfo {
    cursor:pointer;
}
body .ui-datepicker-next, body .ui-datepicker-prev {
    cursor: pointer !important;
}
.disableclass {
   background-color: #eee !important;
   pointer-events: none;
}
.disableclassCom {
   background-color: #eee !important;
   pointer-events: none;
}


.input--filled ~ #Customer_DriversLicenseState ,
.input--filled ~ #dllDLstate {
    border: 1px solid #8c288e !important;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: #8c288e;
    border-left: 0px !important;
}

#divMainCalender .ui-datepicker-prev.ui-state-hover:hover {
    background-color: #8c288e !important;
    border: 1px solid #ffffff !important;
}

#divMainCalender .ui-datepicker-next.ui-state-hover:hover {
    background-color: #8c288e !important;
    border: 1px solid #ffffff !important;
}

#txtStartDate{
    height: 32px !important;
    font-size: 13px;
}

@media (max-width:767px){
    .zipcodediv {
 
    min-height: 210px;
}
    .customerinfo h2 {
    font-size: 25px;
}
    .avpricepop {
    padding-top: 0px;

}
    .refresh {
        margin: 20px auto 8px !important;
    }
    .ui-widget-content, .custom_RangeSlider .ui-widget-content {
    width: 93% !important;
}
    .col-md-3.zeropadding .titleheading {
    margin: 0;
}
    .customerinfo .minelabel {
    font-size: 13px;
    margin-top: 15px;
    display: block;
    margin-bottom: 0px;
}
      .sDateArea .input{
              margin-top: 5px !important;
      }
  #Customer_BillDeliveryMethodID, #Customer_LanguagePreferenceID {
    margin-top: 15px !important;
}
    .customerinfo .minelabel.or {
    font-size: 14px;
    font-weight: bold;
    margin-top: 6px;
    margin-bottom: -1px !important;
}
    .titleheading {
    margin: 25px 0 25px !important;
}
}

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

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

@-moz-document url-prefix() { 
.licensebox2 {
    height: 34px !important;
}
}

@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
    .bodybg{
        min-height: 384.7px !important;
    }
    .zipcodediv {
    margin-top: 60px;
}
}

@media (min-width:992px){

    .customerinfo {
    margin: 10px auto 25px;
}

}

label:focus::before {
    border: 1px solid #8c288e !important;
}

.help-tip.help-tip1{
    position:relative;
    display: inline-block;
    left: 3px;

top: 0 !important;
}
.checktype {
    cursor:pointer
}
.featuredplandiv  .featureplans{
    text-align: center;
}
.featuredplandiv  .featuredplanlist {
    display: inline-block;
    float: none;
}

@media (min-width:320px) and (max-width:370px){
    .help-tip.help-tip1 p::before {
    right: 111px;
}
    .help-tip.help-tip1 p {
    width: 230px !important;
    right: -107px !important;
}
}
@media (min-width:375px) and (max-width:435px){
.help-tip.help-tip1 p::before {
    right: 153px;
}
.help-tip.help-tip1 p {
    width: 240px !important;
    right: -147px !important;
}
}
@media (min-width:436px) and (max-width:462px){
.help-tip.help-tip1 p::before {
    right: 213px;
}
.help-tip.help-tip1 p {
    width: 240px !important;
    right: -207px !important;
}
}

@media (min-width:1200px){
    .featuredplandiv .featuredplanlist {
    width: 24.7% !important;
}
}

 #txtSSN.verified {
     background-image: url("../../../../Images//verified.png") !important;
background-size: 24px;
background-repeat: no-repeat;
background-position: 98%;
 }
#txtSSN.unverified {
     background-image: url("../../../../Images/notverfied.png") !important;
     background-size: 24px;
background-repeat: no-repeat;
background-position: 98%;
 }
#Customer_BusinessType {
    padding-right: 25px;
}
.titleheading.heading1{
        margin: 35px 0 10px;
}
.subheading.heading2{
           margin: 5px 0 10px;
    font-size: 17px;
}
.subheading.heading3{
            margin: 5px 0 10px;
    font-size: 19px;
}
.subheading.heading4{
         margin: 5px 0 10px;
    font-size: 14px;
}
.emailbrk {
    word-wrap: break-word;
}

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


.navbar-right li:hover ~ .active a, .navbar-right .active ~ li:hover a {

    border-top: 0px solid red !important;
    color: #000 !important;

}

.navbar-right li:hover ~ .active a, .navbar-right .active ~ li:hover a {

    color: #000 !important;

}

.bodybg {
    background: url("../../images/flow-bg.jpg") no-repeat center center fixed !important;
       background-size: cover !important;
      
}

.calmar1{
   margin: 10px 0 7px !important;
}
.calmar2{
  margin: 6px 0 16px !important;
}
#DpstateDD.licensebox2 {
    width: 100% !important;
    float: left;
    margin-top: 0;
    padding: 7px 8px !important;
    border:1px solid #e2e2e2 !important;
    height: 34px !important;
}

#DpstateDD.licensebox2.input-validation-error{
    border: 1px solid red !important;
}
.detailpopdiv {
    margin-top: 10px;
}
.detaildiv::after {
    top: 100%;
    left: 47%;
    border: solid transparent;
        border-top-color: transparent;
        border-top-width: medium;
        border-right-color: transparent;
        border-right-width: medium;
        border-bottom-color: transparent;
        border-bottom-width: medium;
        border-left-color: transparent;
        border-left-width: medium;
    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 .searcharrow{
    display:none !important
}
.detailpopdiv  .detaildiv {
    right: -14px;
       bottom: 30px;
}
.detailpopdiv .detaildiv::after {
    left: 66%;
}

@media (min-width:992px) and (max-width:1199px){
    .detailpopdiv .detaildiv::after {
    left: 71%;
}
    .featuredplanlist .detaildiv {
    right: -129px;
}
}

@media (min-width:768px) and (max-width:991px){
.detailpopdiv .detaildiv {
     right: 0;
    left: 0;
    bottom: 30px;
    display: block;
    margin: 0 auto;
}
.featuredplandiv .detailpopdiv .detaildiv .searcharrow {
        top: 10px !important;
}
.detailpopdiv .detaildiv::after {
    left: 47%;
}
.featuredplandiv .featuredplanlist {
    display: block;
    float: left;
}
}
@media (min-width:480px) and (max-width:767px){
.detailpopdiv .detaildiv {
     right: 0;
    left: 0;
    bottom: 30px;
    display: block;
    margin: 0 auto;
}
.featuredplandiv .detailpopdiv .detaildiv .searcharrow {
        top: 10px !important;
}
.detailpopdiv .detaildiv::after {
    left: 47%;
}
  .featuredplandiv  .detaildiv::after {
            left: 47%;
    }
  .featuredplandiv .featuredplanlist {
    display: block;
    float: left;
    width: 100%;
}
  .featuredplanlist .detaildiv {
    right: 0;
    left: 107px;
}
      .featuredplandiv .allplans > div .detaildiv {
    right: -33px !important;
}
}
@media (min-width:320px) and (max-width:480px){
.detailpopdiv .detaildiv {
     right: 0;
    left: 0;
    bottom: 30px;
    display: block;
    margin: 0 auto;
}
.featuredplandiv .detailpopdiv .detaildiv .searcharrow {
        top: 10px !important;
}
.detailpopdiv .detaildiv::after {
    left: 45% !important;
}
   .featuredplandiv  .detaildiv::after {
            left: 68%;
    }
   .featuredplandiv .featuredplanlist {
    display: block;
    float: left;
    width: 100%;
}
   .seedepdetdiv .depositext {
    font-size: 15px;
    padding-top: 5px;
}

}
@media (min-width:790px) and (max-width:810px){
    .featuredplanlist .detaildiv {
    right: -96px !important;
}
    .featureplans > div:nth-child(2n) .detaildiv {
    right: -3px !important;
}
    .featuredplandiv .allplans > div .detaildiv {
    right: -81px !important;
}
}

#modalDirectDepositPopup h2 {
    font-size: 20px;
}

.seedepdetdiv {
        background: #860888;
    color: #fff;
    clear: both;
    border-radius: 13px;
    padding: 2px 0;
}
.seedepdetdivmain {
    background: #860888;
    padding: 10px 0;
    margin-bottom: 10px;
}
.seedepdetdiv .depositext{
    font-size: 18px;
}
.moredetaildep {
    background: #fff;
    color: #860888;
    padding: 5px 9px;
    width: 151px;
    display: block;
    text-align: center;
    border-radius: 23px;
    float: right;
    font-size: 14px;
}

.boxshadowmenu{box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .1);}

/* NEW PLANS PAGE */



.featureplantext {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #6e6e6e;
    font-size: 55px;
    line-height: 73px;
}
.lovetext {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    color: #ffbf00;
    margin: 17px 0 20px;
    font-size: 29px;
}
.showingplantext{
    color:#191919;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight:400;
    margin: 0 0 22px;
    font-size:16px;
}
.viewallplanbtn{
     font-family: 'Source Sans Pro', sans-serif;
    font-weight:400;
     font-size:18px;
     background-color:#6f3d9b;
}
.showingplantext2 {
    font-size: 14px;
    margin-top: 10px;
}
.viewallplanbtn {
        transition: all 0.15s ease-in;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 15px;
    background-color: #6f3d9b;
    color: #fff;
    width: 159px;
    cursor:pointer;
    display: inline-block;
    text-align: center;
    padding: 9px;
    border-radius: 5px;
    text-transform: uppercase;
    margin-top: 9px;
}
.newplanbox {
    background: #fff;
    padding: 15px;
    box-shadow: 0px 30px 90px rgba(33, 21, 81, 0.1) !important;
    border-radius: 5px;
    text-align: center;
    color: #6e6e6e;
}
.newplanbox .replogo img {
    width: 60%;
    height: 47px;
    object-fit: contain;
}
.newplanname {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    margin: 17px 0 0;
}
.newplanterm {
    font-size: 12px;
    font-family: 'Montserrat', sans-serif;
}
.newplanrate {
    color: #6f3d9b;
    font-size: 63px;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}
.newplanrateunit {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #6f3d9b;
    margin-top: -11px;
    font-weight: 400;
}
.newplandesc {
    font-size: 17px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    margin: 21px 0;
}
.newplandesc1 {
    font-size: 15px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 600;
    margin: 21px 0 0;
}

.newsignupbtn {
    cursor: pointer;
        transition: all 0.15s ease-in;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
      font-size: 17px;
    background-color: #6f3d9b;
    color: #fff;
    width: 159px; 
    display: inline-block;
    text-align: center;
    padding: 9px;
    border-radius: 5px;
    text-transform: uppercase;
      margin-top: 24px;
}
.newplanrepnum {
    font-family: 'Source Sans Pro', sans-serif;
    color: #ffbf00;
    min-height: 26px;
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0;
}
.newplanir {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
}

.etffee
 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
}

.newsignupbtn:hover, .viewallplanbtn:hover {

    background: #ffbf00;

}

.newplanlinks a {
    color: #6e6e6e;
    font-size: 15px;
    font-weight: 500;
    margin: 0 7px;
    font-family: 'Source Sans Pro', sans-serif;
    transition: all 0.15s ease-in;
}
.newplanlinks a:hover {
color: #6f3d9b;
}
.whitebgoverlay{
    
background: rgba(255,255,255,0.03);
background: -moz-linear-gradient(top, rgba(255,255,255,0.03) 6%, rgba(255,255,255,0.32) 34%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(6%, rgba(255,255,255,0.03)), color-stop(34%, rgba(255,255,255,0.32)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0.03) 6%, rgba(255,255,255,0.32) 34%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0.03) 6%, rgba(255,255,255,0.32) 34%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0.03) 6%, rgba(255,255,255,0.32) 34%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0.03) 6%, rgba(255,255,255,0.32) 34%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
width:100%;
position:absolute;
}


.featureplanlist .detaildiv {
    right: -153px;
}

.featureplanlist .newplanmaindiv:nth-last-child(1)  .detaildiv {
    right: -20px;
}

.featureplanlist .newplanmaindiv:nth-last-child(1) .detaildiv::after {
    left: 80%;
}

.featureplanlist .newplanmaindiv:nth-child(1)  .detaildiv {
     right: -153px;
}

.featureplanlist .newplanmaindiv:nth-child(1) .detaildiv::after {
    left: 47%;
}


.allplanlist .newplanmaindiv {
    margin: 30px auto;
}

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


.allplanlist  .detaildiv {
    right: -150px;
}

.allplanlist .newplanmaindiv:nth-child(3n)  .detaildiv {
    right: -20px;
}
.allplanlist .newplanmaindiv:nth-child(3n) .detaildiv::after {
    left: 80%;
}

.allplanlist .newplanmaindiv:nth-child(3n-1)  .detaildiv {
    right: -20px;
}
.allplanlist .newplanmaindiv:nth-child(3n-1) .detaildiv::after {
    left: 80%;
}

@media (min-width:768px) and (max-width:991px){
        .featureplanlist .detaildiv {
    right: -190px;
    bottom: 36px;
}
    .featureplanlist  .detaildiv::after {
    left: 42%;
}
    .featureplanlist .newplanmaindiv:nth-last-child(1)  .detaildiv {
    right: -15px;
     bottom: 34px;
}
    .featureplanlist .newplanmaindiv:nth-last-child(1) .detaildiv::after {
    left: 84%;
}

    .featureplanlist .newplanmaindiv:nth-child(1)  .detaildiv {
      right: -190px;
    bottom: 36px;
}

.featureplanlist .newplanmaindiv:nth-child(1) .detaildiv::after {
    left: 42%;
}

    .allplanlist .detaildiv {
    right: -190px;
    bottom: 36px;
}
    .allplanlist  .detaildiv::after {
    left: 42%;
}
    .allplanlist .newplanmaindiv:nth-child(3n)  .detaildiv {
    right: -15px;
     bottom: 34px;
}
    .allplanlist .newplanmaindiv:nth-child(3n) .detaildiv::after {
    left: 84%;
}
        .allplanlist .newplanmaindiv:nth-child(3n-1)  .detaildiv {
    right: -15px;
     bottom: 34px;
}
    .allplanlist .newplanmaindiv:nth-child(3n-1) .detaildiv::after {
    left: 84%;
}

}

@media (min-width:992px) and (max-width:1199px){
        .featureplanlist .detaildiv {
    right: -136px;
    bottom: 36px;
}
    .featureplanlist  .detaildiv::after {
    left: 47%;
}
    .featureplanlist .newplanmaindiv:nth-last-child(1)  .detaildiv {
    right: -15px;
     bottom: 34px;
}
    .featureplanlist .newplanmaindiv:nth-last-child(1) .detaildiv::after {
    left: 77%;
}

        .featureplanlist .newplanmaindiv:nth-child(1)  .detaildiv {
     right: -136px;
    bottom: 36px;
}

.featureplanlist .newplanmaindiv:nth-child(1) .detaildiv::after {
    left: 47%;
}


    .allplanlist .detaildiv {
    right: -136px;
    bottom: 36px;
}
    .allplanlist  .detaildiv::after {
    left: 47%;
}
    .allplanlist .newplanmaindiv:nth-child(3n)  .detaildiv {
    right: -15px;
     bottom: 34px;
}
    .allplanlist .newplanmaindiv:nth-child(3n) .detaildiv::after {
    left: 77%;
}
        .allplanlist .newplanmaindiv:nth-child(3n-1)  .detaildiv {
    right: -15px;
     bottom: 34px;
}
    .allplanlist .newplanmaindiv:nth-child(3n-1) .detaildiv::after {
    left: 77%;
}

}

@media (max-width:767px){
    .featureplanlist .newplanmaindiv .detaildiv {
    right: -13px;
    width: 286px;
}
    .featureplanlist .newplanmaindiv .detaildiv::after {
    left: 67%;
}

        .featureplanlist .newplanmaindiv:nth-last-child(1)  .detaildiv {
     right: -13px;
    width: 286px;
}
    .featureplanlist .newplanmaindiv:nth-last-child(1) .detaildiv::after {
left: 67%;
}

        .allplanlist .newplanmaindiv .detaildiv {
    right: -13px;
    width: 286px;
}
    .allplanlist .newplanmaindiv .detaildiv::after {
    left: 67%;
}

        .allplanlist .newplanmaindiv:nth-child(3n)  .detaildiv {
     right: -13px;
    width: 286px;
}
    .allplanlist .newplanmaindiv:nth-child(3n) .detaildiv::after {
left: 67%;
}
            .allplanlist .newplanmaindiv:nth-child(3n-1)  .detaildiv {
     right: -13px;
    width: 286px;
}
    .allplanlist .newplanmaindiv:nth-child(3n-1) .detaildiv::after {
left: 67%;
}

}



@media (min-width:768px){
    .featureplanlist .newplanmaindiv {
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: center;
   width: 33%;

}
    .allplanlist .newplanmaindiv {

    margin: 0px auto;
    display: inline-block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 33%;

}
    .allplanlist{
           text-align: center;
    }
    .featureplanlist{
        text-align: center;
    }
}
@media (max-width:1199px){
    .newplanbox {
    margin: 30px auto;
    max-width: 300px;
}
    /*.allplanlist .newplanbox {
    margin: 0px auto;
}*/
    .lefttextdiv{
        text-align:center;
    }
    .vermidleft {
        height:auto !important;
    }
}

@media (min-width:1200px){
    .allplanlist .newplanmaindiv {
    margin: 20px auto !important;
}
    .vermidleft{
      display: table-cell;
      vertical-align: middle;
       }
    .lefttextdiv{
        padding:0px !important
    }
}


.filterrow {

    background: #e5e5e5;
    border-radius: 5px;
    padding: 20px 0;
    text-align: left;

}

.filteroption {
    transition: all 0.15s ease-in;
    border: 0;
    background: #fff;
    padding: 15px 5px;
    color: #ffbf00;
    width: 200px;
    -moz-appearance: none;
    -webkit-appearance: none;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    font-size: 16px;
    border-radius: 4px;
    margin:0 18px 0 0;
    box-shadow:0px 30px 90px rgba(33, 21, 81, 0.1) !important

}
.filteroption:hover, .filteroption:focus, .filteroption:active {

    background: #ffbf00;
    color: #fff;
    cursor: pointer;

}

.filterrow .filteroption.cs-select > span::after {
       display: none;
}
.filterrow .cs-select.cs-skin-border.filteroption{
    max-width: 230px;
    padding: 0px !important;
    background: #fff !important;
}
/*.filterrow .cs-select.cs-skin-border.filteroption:hover{
    background: #ffbf00 !important;
    color: #fff !important;
}*/
.filterrow .cs-select.cs-skin-border.filteroption .cs-placeholder:hover ,
.filterrow .cs-select.cs-skin-border.filteroption .activetermfilter ,
.filterrow .cs-select.cs-skin-border.filteroption .activesortfilter,
.filterrow .cs-select.cs-skin-border.filteroption .activeusagefilter{
    background-color: #ffbf00 !important;
    color: #fff !important;
}
.cs-skin-border.cs-active.filteroption > span{
      background: #ffbf00 !important;
    color: #fff !important;
    border-radius: 4px 4px 0 0;
}

.cs-skin-border.cs-active.filteroption .cs-options li span:hover{
    background: #ffbf00 !important;
    color: #fff !important;
}
.filterrow .cs-skin-border .cs-options{
     color: #ffbf00 !important;
     box-shadow: 0px 30px 90px rgba(33, 21, 81, 0.1) !important;
     border-radius: 0 0 5px 5px;
    /* padding: 0 15px;*/
}
.filterrow .cs-skin-border .cs-options li{
    border-bottom: 0px solid #d5d5d5;
}
.filterrow .cs-skin-border .cs-options li:nth-last-child(1){
    border-bottom: 0px solid #d5d5d5;
}


.filterrow .filteroption.cs-select > span {
    border: 0px !important;
    padding: 15px 15px !important;
    color:#ffbf00;
    font-size: 15px;
    font-weight: 400;
    font-family: 'Source Sans Pro', sans-serif;
}

.filterrow .filteroption.cs-skin-border ul span {

    padding: 0px 15px;
    font-size: 15px;
    font-weight: 400;

}

.insidespan {
    padding: 15px 0px 15px 43px !important;
    /*padding: 15px !important;*/
    border-bottom: 1px solid #d5d5d5;

}

.filterrow .cs-skin-border .cs-options li:nth-last-child(1) .insidespan {
      border-bottom: 0px solid #ffffff;
}
.filterrow .cs-selected span::after {
      
    display: none;

}
.filterrow .filteroption.cs-select > span:hover {

    color: #fff !important;

}
.filterrow .cs-select ul li.cs-focus span {
    color: #fff !important;
    background-color: #ffbf00;

}
.filterrow .filteroption.sortfilter .cs-placeholder{
     background-image: url("../Images/sorticon.png") !important;
       background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 20px !important;
    padding-left: 58px !important;
}
.filterrow .cs-skin-border.cs-active.filteroption.sortfilter  > span, 
.filterrow .filteroption.sortfilter .cs-placeholder:hover,
.filterrow .cs-select.cs-skin-border.filteroption .activesortfilter
{
     background-image: url("../Images/sorticon-selected.png") !important;
       background-repeat: no-repeat;
    background-size: 24px;
    background-position: 20px;
}
.cs-skin-border.cs-active.filteroption .cs-options li > span:hover{

}
.cs-skin-border.cs-active.filteroption.sortfilter .cs-options li > span{
    background-image: url("../Images/sorticon.png");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 20px;
}

.cs-skin-border.cs-active.filteroption.sortfilter .cs-options li span:hover {

    background-color: #ffbf00 !important;
    color: #fff !important;
    background-image: url("../Images/sorticon-selected.png") !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 20px !important;

}

.cs-skin-border.cs-active.filteroption.sortfilter .selectedchild > span {

    background-color: #ffbf00 !important;
    color: #fff !important;
    background-image: url("../Images/sorticon-selected.png") !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 20px !important;

}


.cs-skin-border.cs-active.filteroption.sortfilter .cs-options li span.insidespan{
    background-position: 5px !important;

}

.cs-skin-border.cs-active.filteroption.usagefilter  .cs-options li.usage1 > span{
    background-image: url("../Images/usage1.png");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: 20px;
}

.cs-skin-border.cs-active.filteroption.usagefilter  .cs-options li.usage1 span:hover {

    background-color: #ffbf00 !important;
    color: #fff !important;
    background-image: url("../Images/usage1-white.png") !important;
    background-repeat: no-repeat !important;
    background-size: 31px !important;
    background-position: 20px !important;

}
.cs-skin-border.cs-active.filteroption.usagefilter  .cs-options li.usage1 span.insidespan{
    background-position: 5px !important;

}

.cs-skin-border.cs-active.filteroption.usagefilter  .cs-options li.usage2 > span{
    background-image: url("../Images/usage2.png");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: 20px;
}

.cs-skin-border.cs-active.filteroption.usagefilter  .cs-options li.usage2 span:hover {

    background-color: #ffbf00 !important;
    color: #fff !important;
    background-image: url("../Images/usage2-white.png") !important;
    background-repeat: no-repeat !important;
    background-size: 31px !important;
    background-position: 20px !important;

}
.cs-skin-border.cs-active.filteroption.usagefilter  .cs-options li.usage2 span.insidespan{
    background-position: 5px !important;

}

.cs-skin-border.cs-active.filteroption.usagefilter  .cs-options li.usage3 > span{
    background-image: url("../Images/usage3.png");
    background-repeat: no-repeat;
    background-size: 31px;
    background-position: 20px;
}

.cs-skin-border.cs-active.filteroption.usagefilter  .cs-options li.usage3 span:hover {

    background-color: #ffbf00 !important;
    color: #fff !important;
    background-image: url("../Images/usage3-white.png") !important;
    background-repeat: no-repeat !important;
    background-size:31px !important;
    background-position: 20px !important;

}
.cs-skin-border.cs-active.filteroption.usagefilter  .cs-options li.usage3 span.insidespan{
    background-position: 5px !important;

}


.cs-skin-border.cs-active.filteroption.termfilter  .cs-options li > span{
    background-image: url("../Images/termlengthicon.png");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 20px;
}

.cs-skin-border.cs-active.filteroption.termfilter  .cs-options li span:hover {

    background-color: #ffbf00 !important;
    color: #fff !important;
    background-image: url("../Images/termlengthicon-white.png") !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 20px !important;

}

.cs-skin-border.cs-active.filteroption.termfilter  .selectedchild > span {

    background-color: #ffbf00 !important;
    color: #fff !important;
    background-image: url("../Images/termlengthicon-white.png") !important;
    background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 20px !important;

}

.cs-skin-border.cs-active.filteroption.termfilter .cs-options li span.insidespan{
    background-position: 5px !important;

}


.filterrow .filteroption.termfilter .cs-placeholder{
     background-image: url("../Images/termlengthicon.png") !important;
       background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 20px !important;
    padding-left: 58px !important;
}
.filterrow .cs-skin-border.cs-active.filteroption.termfilter  > span, 
.filterrow .filteroption.termfilter .cs-placeholder:hover,
.filterrow .cs-select.cs-skin-border.filteroption .activetermfilter
{
     background-image: url("../Images/termlengthicon-white.png") !important;
       background-repeat: no-repeat;
    background-size: 24px;
    background-position: 20px;
}
.filterrow .filteroption.usagefilter .cs-placeholder,
 .filterrow .cs-skin-border.filteroption.usagefilter .cs-placeholder
{
     background-image: url("../Images/usage1.png") !important;
       background-repeat: no-repeat !important;
    background-size: 24px !important;
    background-position: 20px !important;
    padding-left: 58px !important;
}
.filterrow .cs-skin-border.filteroption.usagefilter   > span, 
.filterrow .filteroption.usagefilter  .cs-placeholder:hover,
 .filterrow .cs-skin-border.filteroption.usagefilter .cs-placeholder:hover,
.filterrow .cs-select.cs-skin-border.filteroption .activeusagefilter
{
     background-image: url("../Images/usage1-white.png") !important;
       background-repeat: no-repeat;
    background-size: 24px;
    background-position: 20px;
}




.filterrow .filteroption.usagefilter .cs-placeholder.usage1{
     background-image: url("../Images/usage1.png") !important;
}
.filterrow .filteroption.usagefilter  .cs-placeholder.usage1:hover,
.filterrow .cs-select.cs-skin-border.filteroption .activeusagefilter.usage1{
     background-image: url("../Images/usage1-white.png") !important;
}
.filterrow .filteroption.usagefilter .cs-placeholder.usage2{
     background-image: url("../Images/usage2.png") !important;
}
.filterrow .filteroption.usagefilter  .cs-placeholder.usage2:hover,
.filterrow .cs-select.cs-skin-border.filteroption .activeusagefilter.usage2{
     background-image: url("../Images/usage2-white.png") !important;
}
.filterrow .filteroption.usagefilter .cs-placeholder.usage3{
     background-image: url("../Images/usage3.png") !important;
}
.filterrow .filteroption.usagefilter  .cs-placeholder.usage3:hover,
.filterrow .cs-select.cs-skin-border.filteroption .activeusagefilter.usage3{
     background-image: url("../Images/usage3-white.png") !important;
}

.filterrow .cs-skin-border.filteroption.usagefilter.cs-active   > span{
    background-image: url("../Images/usage1-white.png") !important;
}

.filterrow .cs-skin-border.filteroption.usagefilter.cs-active   > span.usage1{
    background-image: url("../Images/usage1-white.png") !important;
}
.filterrow .cs-skin-border.filteroption.usagefilter.cs-active   > span.usage2{
    background-image: url("../Images/usage2-white.png") !important;
}
.filterrow .cs-skin-border.filteroption.usagefilter.cs-active   > span.usage3{
    background-image: url("../Images/usage3-white.png") !important;
}


.clearfilter{

    background: white;
    width: 40px;
    height: 40px;
    color: #e5e5e5;
    border-radius: 50%;
    display: inline-block;
    float: right;
    text-align: center;
    cursor: pointer;
    position: relative;
    top: 6px;

}
.clearfilter:hover{
    background-color: #ffbf00 !important;
}


.clearfilter img {

    width: 20px;
    padding-top: 10px;

}
/*.sorticon {
    background-image: url("../Images/sorticon.png");
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 20px;

}*/

/*.sorticon:hover {
    background-color: #ffbf00 !important;
    color: #fff !important;
        background-image: url("../Images/sorticon-selected.png");

}*/

@media (min-width:768px) and (max-width:991px){
    .filterrow .cs-select.cs-skin-border.filteroption {
        max-width: 30%;
    margin: 7px 2px;
}
    .filterrow .filteroption.cs-select > span {
    
        padding: 15px 7px !important;
    }
    .clearfilter {
    top: 13px;
}
}

@media (max-width:767px){
.filterrow .cs-select.cs-skin-border.filteroption {
   max-width: 100%;
    padding: 0px !important;
    background: #fff !important;
    margin: 7px 0;
}
.clearfilter {
    top: -5px;
}
}




/* NEW PLANS PAGE */


.loadoc{
    height: 900px !important;
margin-top: 5px;
}

@media (min-width:320px){
     #frame1{   
  width: 90%;
      margin: 0 auto;
left: 0;
right: 0;
}
}



@media (min-width:768px){
     #frame1{   width: 100%;
    max-width: 738px;
    margin: 0 auto;
left: 0;
right: 0;
}
}

@media (min-width:992px){
     #frame1{   width: 100%;
    max-width: 932px;
}
}



@media (min-width:1200px){
     #frame1{   width: 100%;
    max-width: 1140px;
}
}
.clearDOB {
    clear:both
}

@media (min-width: 768px) {
    #OTP_Modal .modal-dialog {
        width: initial !important;
        margin: 30px auto;
    }
}

#Input_Otp {
    width: 100%;
    background: #fff !important;
    border: 1px solid #ACACAC !important;
    padding: 10px 10px 10px 10px;
    color: #484848;
    box-shadow: none !important;
}



.verifybtn {
    background: #8c288e;
    padding: 10px;
    border-radius: 30px;
    text-decoration: none;
    color: #fff !important;
    width: 100%;
    display: inline-block;
    text-align: center;
    text-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 10px;
    border: none;
    font-weight: 600;
    margin-bottom:10px;
}

.OTP-head {
    font-weight: 600;
    font-size: 15px;
    color: #8c288e;
}

.resendbtn {
    background: #005487;
    padding: 10px;
    border-radius: 30px;
    text-decoration: none;
    color: #fff !important;
    width: 100% !important;
    display: inline-block;
    text-align: center;
    text-shadow: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    font-weight: 600;
    margin-bottom: 10px;
}

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

.greybg {
    background: #545860 !important;
    padding: 10px;
    text-decoration: none;
    color: #fff !important;
    display: inline-block;
    text-align: center;
}

small {
    font-size: 80% !important;
}


.small-font-12 {
    font-size: 12px;
}

.mstextsms {
    margin-left: 3.6rem !important;
    color: #8c288e;
}

.ZipCodeHead {
    color: #8c288e;
    font-weight: 600;
    font-size: 25px;
    text-align:center;
}