.energy_mid_box {
    background: none !important;
}
/*-----------------------------Stepper Start-----------------------------*/
.wizard-steps-panel {
    position: relative;
    height: 4em;
}

    .wizard-steps-panel .step-number {
        display: inline-block;
        text-align: center;
        font-size: 22px;
        position: relative;
        line-height: 19px;
    }

        .wizard-steps-panel .step-number .number {
            width: 1.2em;
            height: 1.2em;
            background-color: #dedede;
            color: #5a5a5a;
            margin-left: calc(50% - 1.2em / 2 );
            border: 4px solid #dedede;
            border-radius: 1.2em;
        }

        .wizard-steps-panel .step-number.doing .number,
        .wizard-steps-panel .step-number.doing .number:after,
        .wizard-steps-panel .step-number.doing .number:before {
            /*background-color: #FF5454;*/
            /*border: 4px solid #0081b0;*/
            color: white;
        }

        .wizard-steps-panel .step-number.done .number,
        .wizard-steps-panel .step-number.done .number:after,
        .wizard-steps-panel .step-number.done .number:before {
            background-color: #0084b2;
            color: white;
        }
        
        .wizard-steps-panel .step-number .number:before {
            content: ' ';
            position: absolute;
            border: 4px solid #dedede;
            border-radius: 4px;
            left: -4px;
            right: calc( 50% + .8em/2 );
            top: calc( .8em / 2 );
        }

        .wizard-steps-panel .step-number .number:after {
            content: ' ';
            position: absolute;
            border: 4px solid #dedede;
            border-radius: 4px;
            left: calc( 50% + .8em/2 );
            right: -4px;
            top: calc( .8em / 2 );
        }

    .wizard-steps-panel.steps-quantity-1 .step-number {
        width: 99%;
    }

    .wizard-steps-panel.steps-quantity-2 .step-number {
        width: 49%;
    }

    .wizard-steps-panel.steps-quantity-3 .step-number {
        width: 32%;
    }

    .wizard-steps-panel.steps-quantity-4 .step-number {
        width: 24%;
    }

    .wizard-steps-panel.steps-quantity-5 .step-number {
        width: 19%;
    }

    .wizard-steps-panel.steps-quantity-6 .step-number {
        width: 15%;
    }

.doing .number {
    background-color: #fff !important;
}

.step-number.step-1 .number:before, .step-number.step-5 .number:after {
    display: none;
}

.step-number.step-1 .number {
    margin-left: calc(7% - 1em / 2 );
}

    .step-number.step-1 .number:after {
        left: calc( 9% + .8em/2 );
    }

.wizard-button-next, .wizard-button-next:hover, .wizard-button-next:active, .btn-primary.wizard-button-finish, .btn-primary.wizard-button-finish:hover, .btn-primary.wizard-button-finish:active {
    background: #0084b2 !important;
    padding: 6px 50px;
    border-radius: 0px;
    font-size: 16px;
    color: #fff !important;
}

.wizard-button-exit, .wizard-button-back, .wizard-button-exit:hover, .wizard-button-back:hover, .wizard-button-exit:active, .wizard-button-back:active {
    float: left;
    background: none !important;
    border: 1px solid #0084b2;
    padding: 6px 50px;
    border-radius: 0px;
    color: #0084b2 !important;
    font-size: 16px;
}

.modal-footer.wizard-buttons {
    width: 100%;
    float: left;
    margin-top: 30px;
    padding: 15px 0px;
}
/*-----------------------------Stepper End-----------------------------*/
.input_box_eff_wrap {
    margin-bottom: 10px;
}

.without_sidebar, .inner_mid_section > .inner-mid-container {
    height: auto !important;
}

.energy_mid_box {
    background: none;
    padding: 0px;
}

.servicecommonbox {
    background: #ffffff;
    box-shadow: 0px 0px 5px #d2d2d2 !important;
    margin: 20px 0px 20px;
    float: left;
    width: 100%;
    border-radius: 3px;
    padding: 20px 10px;
    min-height: 115px;
    cursor: pointer;
    text-align:center;
}
.servicecommonbox:hover{
    text-decoration:none;
}

    .main-heading {
        padding: 15px;
        color: rgb(51, 122, 183);
        background: #f5f5f5;
    }

.servicecommonbox .lefticon {
    text-align: center;
    display: block;
    padding-bottom: 20px;
}

/*.rightcontentservice {
    width: 83%;
    float: right;
}*/

.service_text p, .service_fill_box p {
    font-size: 15px !important;
}

.servicecommonbox .lefticon img {
    margin-left: 8px;
    /*padding-bottom: 39px;*/
    width: 12%;
    margin-top: 7px;
}

.servicecommonbox .rightcontentservice strong {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    color: rgb(51, 122, 183);
    font-weight: normal;
}

#txtDOB {
    border-radius: 0px;
}

.bannerarea_service img {
    width: 100%;
}

h3.heading_cls {
    font-size: 18px;
    font-weight: normal;
    margin: 0px;
    color: #0081b0;
}

.radio-button-box {
    width: 5% !important;
}

.start_service_four ul li label {
    width: 50%;
    float: left;
    font-weight: bold;
    margin-bottom: 0px;
}

.start_service_four ul li span {
    width: 50%;
    float: left;
}

.start_service_four ul.first_ul {
    border-bottom: 1px solid #ececec;
    float: left;
    width: 100%;
    padding: 10px 0px;
}

.start_service_four ul.second_ul {
    float: left;
    width: 100%;
}

    .start_service_four ul.second_ul li {
        float: left;
        width: 100%;
        padding: 10px 0px;
    }

    .start_service_four ul.second_ul li {
        border-bottom: 1px solid #ececec;
    }

.start_service_four ul.third_ul {
    float: left;
    width: 100%;
}

    .start_service_four ul.third_ul li {
        float: left;
        width: 100%;
        padding: 10px 0px;
    }

.start_service_four h3.heading_cls {
    padding: 10px 0px;
}

.term_use .radio-button-box {
    width: 2% !important;
}

.term_use {
    clear: both;
    padding: 20px 0px;
}

.start_service_five {
    padding: 0px;
}

    .start_service_five h3.heading_cls {
        font-size: 18px;
    }

        .start_service_five h3.heading_cls img {
            width: 24px;
        }

    /*.start_service_five ul li label:first-child {
    width: 25%;
    float: left;
}*/

    .start_service_five ul li span {
        width: 25%;
        float: left;
    }

    .start_service_five ul.first_ul {
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
        float: left;
        width: 100%;
        padding: 20px 0px;
    }

    .start_service_five ul.second_ul {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

        .start_service_five ul.second_ul li {
            float: left;
            width: 100%;
            padding: 20px 0px;
        }

    .start_service_five ul.third_ul {
        float: left;
        width: 100%;
    }

        .start_service_five ul.third_ul li {
            float: left;
            width: 100%;
            padding: 20px 0px;
        }

    .start_service_five h3.heading_cls {
        padding: 20px 15px;
    }


.request_service {
    padding: 15px 0px;
    text-align: left;
}

    .request_service label {
        font-size: 16px;
        display: block;
        font-weight: bold;
        margin-bottom: 0px;
        width: 100%;
    }

.stepper_steps > h2 {
    font-weight: normal;
    color: #0081b0;
    padding: 15px 30px 0px 0px;
    margin: 0px;
    font-size: 22px;
}

.stop_width .input_box_eff_wrap {
    width: 47% !important;
    float: left;
}

    .stop_width .input_box_eff_wrap:last-child {
        margin-left: 2%;
    }

    .stop_width .input_box_eff_wrap input[type="text"] {
        width: 95% !important;
    }

.stop_width p {
    float: left;
}

.input_box_eff_wrap .input-group {
    width: 93%;
}

.detail_upper_cls {
    width: 50%;
    float: left;
}

.all_done_cls .heading_cls {
    font-size: 24px;
    font-weight: bold;
    color: #0081b0;
    border-bottom: 1px solid #ececec;
}

.service_move_error .modal-dialog {
    width: 400px;
}

.service_move_error .modal-body {
    text-align: center;
    padding: 15px;
}

    .service_move_error .modal-body p.color_cls {
        font-size: 17px;
        color: #0081b0 !important;
    }

.service_move_error .modal-footer {
    text-align: center;
}

    .service_move_error .modal-footer button {
        padding: 5px 50px;
        border-radius: 0px;
        background: #0084b2;
        color: #fff;
        font-size: 16px;
        border: 1px solid #0084b2;
    }

.datetimepicker {
    left: 80px !important;
}

.ui-autocomplete {
    max-height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.detail_heding h3.heading_cls {
    color: #0081b0;
    font-weight: bold;
    padding: 0px;
    width: 50%;
    float: left;
}

.detail_heding a {
    float: left;
    padding-top: 8px;
}

.term_use a {
    text-decoration: none;
    color: #0084b2;
    font-weight: bold;
}

.all_done_cls {
    width: 500px;
}

.link_view {
    font-size: 16px;
    color: #0b82e2;
}

button.multiselect.dropdown-toggle {
    border-bottom: 1px solid #e8e8e8 !important;
    border-radius: 0px;
}

.tab_padding {
    padding: 0px;
}

.mdl-checkbox.is-checked span.mdl-checkbox__tick-outline.mdl-checkbox__tick-outline:after {
    display: none;
}





.ui-datepicker {
    width: 28em !important;
}

.ui-widget-header {
    border: 0px !important;
    background: none !important;
}

.datepicker-here .ui-datepicker td {
    padding: 0px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    margin: 0px !important;
}

.datepicker-here .ui-state-default, .datepicker-here .ui-widget-content .ui-state-default, .datepicker-here .ui-widget-header .ui-state-default, .datepicker-here .ui-button, html .datepicker-here .ui-button.ui-state-disabled:hover, html .datepicker-here .ui-button.ui-state-disabled:active {
    padding: 16px !important;
    border: 0px solid #eaeaea !important;
    margin: 0px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    border-radius: 30px;
}

.ui-datepicker-next span:before {
    content: "\ea0f";
    font-family: "scmfonts" !important;
    position: absolute;
    top: 0px;
    font-size: 22px;
    color: #ccc;
}

.ui-datepicker-next.ui-corner-all.ui-state-hover.ui-datepicker-next-hover, .ui-datepicker-prev.ui-corner-all.ui-state-hover.ui-datepicker-prev-hover {
    background: #fff;
    border: 0px;
}

.ui-datepicker-next .ui-icon.ui-icon-circle-triangle-e {
    background: #ffffff url("../images/drop-arrow.png") !important;
    width: 10px;
    height: 18px;
}

.ui-datepicker-prev .ui-icon.ui-icon-circle-triangle-w {
    background: #ffffff url("../images/drop-arrow-left.png") !important;
    width: 10px;
    height: 18px;
}

.ui-datepicker-calendar .ui-state-default.ui-state-active {
    color: #fff !important;
}
/*.ui-datepicker-calendar .ui-state-default.ui-state-highlight {
    color: #000 !important;
}*/
.ui-widget.ui-widget-content {
    border: 1px solid #e4e3e3 !important;
    box-shadow: 0px 0px 7px #ccc !important;
    border-radius: 4px !important;
}

.ui-datepicker-unselectable.ui-state-disabled, .ui-state-default {
    background: #fff !important;
}

    .ui-state-default.ui-state-active {
        background: #2782ae !important;
        color: #fff;
    }

.ui-datepicker table tr th {
    font-size: 16px !important;
}

    .ui-datepicker table tr th:first-child, .ui-datepicker table tr th:last-child {
        font-weight: normal !important;
    }

.tooltip_tab {
    float: right;
    position: relative;
}

    .tooltip_tab:before {
        content: "\e9b1";
        font-family: "scmfonts" !important;
        line-height: 1;
        display: inline-block;
        font-size: 19px;
        padding: 1px 0;
        font-weight: normal;
        font-style: normal;
        top: 7px;
        position: absolute;
        right: 0px;
    }

.tooltip_custom {
    position: absolute;
    bottom: 0px;
    width: 500px;
    left: -260px;
    background: #000;
    color: #fff;
    padding: 20px;
    border-radius: 4px;
    display: none;
}

    .tooltip_custom:before {
        content: "\e9d5";
        font-family: "scmfonts" !important;
        bottom: -13px;
        position: absolute;
        color: #000;
        left: 243px;
    }

    .tooltip_custom h5 {
        color: #fff !important;
        padding: 0px;
        margin: 5px 0px 10px;
        font-size: 16px;
    }

    .tooltip_custom ul {
        padding-left: 15px;
        font-size: 12px;
        line-height: 18px;
    }

        .tooltip_custom ul li {
            list-style: disc;
        }

/*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{
        border:0px!important;
    }
    .ui-datepicker td {
        border: 1px solid #ccc!important;
    }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 0px solid #dad55e;
    background: #fffa90;
    padding: 8px 12px !important;
}*/
/*----------------------------------------------*/
.with_checkbox input {
    float: left;
    margin-left: 0px !important;
}
.with_checkbox input[type="radio"] {
    margin-right: 8px;
    margin-top: 3px;
}
.with_checkbox p{
    float:left;
    padding:0px!important;
}
.with_checkbox .custom-radio {
    width: 30%;
    float: left;
}
.checkboxlist input {
    margin-left: -18px !important;
    margin-top: 5px !important;
}
input#chkSameAsaMaillingAddress {
    margin-left: -18px !important;
}
#stepStart2 .input_box_eff_wrap ul li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 5px 20px;
}
    #stepStart2 .input_box_eff_wrap ul li.active {
        border-bottom: 2px solid #0081b0;
        color: #0081b0;
    }
#stepStart2 .with_checkbox .custom-radio {
    width: 100%;
}
#stepStart2 .input_box_eff_wrap .disclaimer, #stepStop2 .input_box_eff_wrap .disclaimer {
    padding: 10px 15px;
    border-radius: 4px;
    background: #f9f3cd;
    margin-top: 20px;
    border: 1px solid #f9f3cd;
}
#stepStart3 .with_checkbox .checkbox{
    padding-bottom: 10px;
}
#stepStart3 .custom-control-inline label{
    line-height: 22px;
}
.upper_section label {
    line-height: 21px;
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: bold;
    margin-top: -18px;
    padding-left: 10px;
    width: 94%;
}
.upper_section label a{
    text-decoration:none;
    float:right;
}
    .input_box_eff_wrap.service_summary > span {
        font-size: 16px;
        padding-left: 36px;
    }
.input_box_eff_wrap.service_summary {
    border-bottom: 1px solid #e6e4e4;
    padding-bottom: 15px;
}
.lower_section {
    float: left;
    padding-left: 37px;
    padding-top: 10px;
    width: 100%;
}
.lower_section table tr td, .lower_section table tr th {
    padding: 5px 0px;
}
.pay_now_btn, .pay_now_btn:hover {
    padding: 5px 50px;
    border-radius: 0px;
    background: #0084b2;
    color: #fff;
    font-size: 16px;
    border: 1px solid #0084b2;
    margin-top: 10px;
}
.custom-control-inline label{
    font-size:16px;
}
#navigationHeader {
    padding: 10px 0px 12px;
}
.popup_inner p {
    padding: 10px 20px !important;
    display: inline-block;
}
.total_due {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background: #f8f8f8;
    border-top: 1px solid #eae9e9;
    border-bottom: 1px solid #eae9e9;
}
    .total_due label {
        width: 50%;
        margin-bottom: 0px;
    }
.option_card_select {
    background: #ececec;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding: 0 !important;
    float: left;
    width: 100%;
}
.upper_text #divcreditrdobtn, #divcreditrdobtnAutoPay {
    text-align: center;
    padding: 13px 20px 7px;
    margin-bottom: 0;
    font-size: 15px;
    width: 50%;
    float: left;
    position: relative;
    font-weight: bold;
}

.upper_text #divbankrdobtn, #divbankrdobtnAutoPay {
    text-align: center;
    padding: 13px 20px 7px;
    margin-bottom: 0;
    font-size: 15px;
    width: 50%;
    float: left;
    position: relative;
    font-weight: bold;
    color: #737373;
}
.upper_text label{
    margin-bottom: 0px;
}
.wave_txt_hide {
    display: none !important;
    font-size: 0 !important;
}
.upper_text p.active_new {
    background: #43a7d8;
    color: #fff !important;
}
.option_card_select .mdl-radio.is-checked-custome .mdl-radio__inner-circle {
    background: #fff !important;
}
.option_card_select .mdl-radio.is-checked-custome .mdl-radio__outer-circle {
    border: 2px solid #fff !important;
}
#deposit .modal-footer{
    float:left;
    width:100%;
}
.payment_sec h2 {
    font-size: 16px;
    margin: 0px;
    padding: 0px 20px 10px;
    color: #43a7d8;
}
.billing_add_details {
    padding: 0px 20px;
}
#Newbilling_add_details p.card_title_txt {
    padding: 10px 0px 0px !important;
}
.rmbr_txt {
    margin-top: 0px !important;
    padding: 0px 20px 0px !important;
}
.modal-footer .btn-default, .modal-footer .btn-default:hover {
    padding: 5px 50px;
    border-radius: 0px;
    background: #0084b2;
    color: #fff;
    font-size: 16px;
    border: 1px solid #0084b2;
    float: left;
    line-height: 21px;
}
.wizard-button-next {
    float: right !important;
}
.modal-footer .pay_now_btn {
    line-height: 21px;
    margin-top: 0px;
}
.lower_section span {
    font-size: 16px;
    color: #e52e2e;
}
.check_circle .material-icons {
    font-size: 50px;
    color: #1988b3;
    margin-top: -12px;
    float: left;
    margin-bottom: 60px;
    margin-right:10px;
}
.check_circle .upper_section label {
    font-size: 25px;
    color: #1988b3;
    padding-left: 0px;
}
.check_circle span{
    padding-left: 0px!important;
}
.create-e-account, .create-e-account:hover {
    padding: 5px 20px;
    border-radius: 0px;
    background: #0084b2;
    color: #fff;
    font-size: 16px;
    border: 1px solid #0084b2;
    margin-top: 10px;
}
#stepStart7 h2{
    color:#0084b2;
    padding-bottom:20px;
    border-bottom:1px solid #ececec;
}
.input_box_eff_wrap select.select_effect {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/arrowdown_mdb.png);
    background-size: 15px 20px;
    background-position: right center;
    background-repeat: no-repeat;
}
.button_area input[value="Back"] {
    float: left;
    padding: 5px 50px;
    border-radius: 0px;
    border: 1px solid #0084b2;
    color: #0084b2;
    font-size: 16px;
    background: #ffffff;
}
.button_area input[value="Next"] {
    float: right;
    padding: 5px 50px;
    border-radius: 0px;
    background: #0084b2;
    color: #fff;
    font-size: 16px;
    border: 1px solid #0084b2;
}
.button_area input[value="Done"] {
    float: left;
    padding: 5px 50px;
    border-radius: 0px;
    background: #0084b2;
    color: #fff;
    font-size: 16px;
    border: 1px solid #0084b2;
}
.button_area {
    float: left;
    width: 100%;
    padding: 15px 0px;
    border-top: 1px solid #e4e4e4;
}
.auto_payment .billing_add_details {
    padding: 0px;
}
.auto_payment div#divCreditDetails .full_width_input_sec, .auto_payment #divBankDetails .full_width_input_sec {
    padding-left: 0px;
}
.auto_payment .rmbr_txt {
    padding: 0px 0px 10px !important;
}
.left_side_sec .input_effect.disable_field {
    background: #f1f1f1;
    color: #000;
    padding-left: 10px !important;
}
#stepStart1{
    min-height:244px;
}
/*------------------------------------------------*/
@media (min-width:992px) and (max-width:1024px) {
    .servicecommonbox {
        min-height: 162px;
    }

    .detail_upper_cls {
        width: 100%;
    }

    .term_use .radio-button-box {
        margin-right: 10px;
    }

    .start_service_four ul.second_ul {
        margin-bottom: 20px;
    }

    .tooltip_custom {
        left: -492px;
    }

        .tooltip_custom:before {
            left: 476px;
        }

    .start_service_four ul.second_ul {
        margin-bottom: 20px;
    }

    .tooltip_custom h5 {
        font-size: 12px;
    }

    .rightcontentservice {
        width: 78%;
        margin-left: 15px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .servicecommonbox {
        min-height: 141px;
    }

    .detail_upper_cls {
        width: 100%;
    }

    .term_use .radio-button-box {
        margin-right: 10px;
    }

    .start_service_four ul.second_ul {
        margin-bottom: 20px;
    }

    .tooltip_custom {
        left: -492px;
    }

        .tooltip_custom:before {
            left: 476px;
        }

    .start_service_four ul.second_ul {
        margin-bottom: 20px;
    }

    .tooltip_custom h5 {
        font-size: 12px;
    }

    .inner_mid_section.inner_mid_section.inner_mid_section.service_text {
        display: block !important;
    }

    .inner-mid-container {
        max-width: 100%;
    }
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
    .ui-datepicker {
        width: 22em !important;
    }

    .datepicker-here .ui-state-default, .datepicker-here .ui-widget-content .ui-state-default, .datepicker-here .ui-widget-header .ui-state-default, .datepicker-here .ui-button, html .datepicker-here .ui-button.ui-state-disabled:hover, html .datepicker-here .ui-button.ui-state-disabled:active {
        padding: 11px !important;
    }

    .tooltip_tab:before {
        right: -10px;
    }

    .tooltip_custom {
        width: 270px;
    }

        .tooltip_custom:before {
            left: 253px;
        }

    .start_service_four ul.second_ul {
        margin-bottom: 20px;
    }

    .tooltip_custom h5 {
        font-size: 12px;
    }

    input#txtDOB[type="text"] {
        min-width: 100%;
    }

    .rightcontentservice {
        width: 82%;
    }

    .ui-widget-header.ui-widget-header {
        border: 0px solid #d7ecf9 !important;
        background: none !important
    }

    .ui-datepicker-title .ui-datepicker-month, .ui-datepicker-title .ui-datepicker-year {
        font-size: 17px !important;
    }

    .stop_width > p {
        font-size: 21px !important;
        text-align: center;
        width: 100%;
        padding-top: 0px !important;
        padding-bottom: 20px !important;
    }

    .stop_width .left_side_sec.input_box_eff_wrap {
        min-width: 100%;
        margin-left: 0px;
    }

    .ui-datepicker.ui-widget.ui-widget-content {
        min-width: 100%;
    }

    .detail_heding h3.heading_cls {
        width: 80%;
        float: left;
        margin-top: 7px;
    }

    .detail_upper_cls {
        width: 100%;
        float: left;
    }

    .wizard-button-next, .wizard-button-next:hover, .wizard-button-next:active, .btn-primary.wizard-button-finish, .btn-primary.wizard-button-finish:hover, .btn-primary.wizard-button-finish:active {
        padding: 6px 40px;
    }

    h3.heading_cls {
        line-height: normal;
        margin-top: 13px;
        margin-bottom: 5px;
    }

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

    .energy_mid_box h1 {
        font-size: 16px;
        color: #53565a;
        padding: 13px 0 8px 5px;
        margin: 0px 0px 25px 0px;
    }

    .Step_one .tab_upper, .Step_two .tab_upper, .energy_mid_box.without_sidebar {
        padding: 0px;
    }

    .servicecommonbox {
        padding: 15px 10px;
        min-height: 108px;
        margin: 15px 0px 10px;
    }

        .servicecommonbox .lefticon {
            float: left;
            width: 16%;
        }

    .stepper_steps .input_box_eff_wrap input.input_effect, .stepper_steps .input_box_eff_wrap select.select_effect, .stepper_steps .input_box_eff_wrap textarea.textarea_effect {
        width: 94% !important;
        padding-right: 20px !important;
    }

    .servicecommonbox .rightcontentservice strong {
        font-size: 16px;
    }

    .service_text p, .service_fill_box p {
        padding: 8px 0 0 0;
    }

    .confi_flat_icon.edit_icon_acc {
        float: right;
        padding-top: 10px;
    }

    #txtservicestartdate, #txtstopserviceDate, #txtservicestopdate {
        width: 100% !important;
    }

    .start_service_four ul li label {
        width: 100%;
    }

    .start_service_four ul li span {
        width: 90%;
    }

    #stepStart5 ul li a {
        padding-top: 0px;
    }

    .term_use .radio-button-box {
        width: auto;
        margin-right: 15px;
    }

    .request_service {
        width: 100%;
    }

    #stepStop1 .stop_width .left_side_sec.input_box_eff_wrap, #stepMove1 .stop_width .left_side_sec.input_box_eff_wrap {
        width: 100% !important;
    }

    #stepStop1 .stop_width p, #stepMove1 .stop_width p {
        width: 100%;
        text-align: center;
        padding-top: 0px;
    }
}

@media only screen and (min-width : 1500px) and (max-width : 3500px) {
    .servicecommonbox {
        min-height: 116px;
    }
}

#toast-container > div {
    opacity: 1;
}

#stepMove5 .input_box_eff_wrap ul li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 5px 20px;
}

    #stepMove5 .input_box_eff_wrap ul li.active {
        border-bottom: 2px solid #0081b0 !important;
        color: #0081b0 !important;
    }

#stepMove5 .input_box_eff_wrap .disclaimer, #stepMove5 .input_box_eff_wrap .disclaimer {
    padding: 10px 15px;
    border-radius: 4px;
    background: #f9f3cd;
    margin-top: 20px;
    border: 1px solid #f9f3cd;
}

#deposit .disclaimer {
    padding: 10px 15px;
    border-radius: 4px;
    background: #f9f3cd;
    margin-top: 20px;
    border: 1px solid #f9f3cd;
}

.mdl-radio__label {
    font-size: 13px !important;
}
#stepMove1 {
  min-height: 155px;
}
#btnRegister {
    float: left !important;
}
.fancybox-inner {
    height: 500px !important;
}
.fancybox-close {
    background-color: #fff;
    border-radius: 20px;
}
.checkbox{
    margin-bottom: 0px !important;
}