/* -------  New Fonts   ----------*/
@font-face {
    font-family: 'Roobert-Bold';
    src: url("../fonts/Roobert-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roobert-Bold.woff") format("woff");
    font-weight: bold;
}

@font-face {
    font-family: 'Roobert-BoldItalic';
    src: url("../fonts/Roobert-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roobert-BoldItalic.woff") format("woff");
    font-weight: bold;
}

@font-face {
    font-family: 'Roobert-Regular';
    src: url("../fonts/Roobert-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Roobert-Regular.woff") format("woff");
    font-weight: 400;
}

@font-face {
    font-family: 'Roobert-RegularItalic';
    src: url("../fonts/Roobert-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roobert-RegularItalic.woff") format("woff");
    font-weight: 400;
}

@font-face {
    font-family: 'Roobert-SemiBold';
    src: url("../fonts/Roobert-SemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Roobert-SemiBold.woff") format("woff");
    font-weight: 600;
}

@font-face {
    font-family: 'Roobert-SemiBoldItalic';
    src: url("../fonts/Roobert-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Roobert-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
}

/* ------------ FONTS -------------- */

@-webkit-keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes sk-chasingDotsRotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes sk-chasingDotsBounce {

    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-chasingDotsBounce {

    0%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}


@-webkit-keyframes animLoadedHeader {
    to {
        -webkit-transform: translate3d(0, -200%, 0);
        opacity: 0;
    }
}

@keyframes animLoadedHeader {
    to {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0);
    }
}

/* new design system implementation */
.full-width{
    width:100%;
}
.display-flex {
    display: flex;
}
.ml-24{
    margin-left:24px;
}
.mt-0 {
    margin-top: 0 !important;
}
.justify-center {
    justify-content: center;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mt-14 {
    margin-top: 14px !important;
}
.mt-16 {
    margin-top: 16px !important;
}
.mt-24 {
    margin-top: 24px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.max-width-100 {
    max-width: 100% !important;
}

.new-design-system a {
    color: #005b66;
    font-family: Roobert-SemiBold;
    text-decoration: underline;
}

.new-design-system .card {
    width: 100%;
    background: #f6f6f6;
    padding: 24px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.20);
}

.new-design-system input:-webkit-autofill, .new-design-system input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 48px #fff inset !important;
    -webkit-text-fill-color: #030303 !important;
}

.new-design-system input::placeholder {
    color: #636363;
    opacity: 1;
}

.new-design-system .form-group {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 26px;
}

    .new-design-system .form-group label {
        font-size: 16px;
        line-height: 100%;
        font-family: 'Roobert-SemiBold';
        margin-bottom: 12px !important;
        padding-bottom: 0 !important;
        position: relative;
    }

    .new-design-system .form-group .toolTip-info-icon {
        width: 16px;
        height: 16px;
        position: absolute;
        padding: 0;
        min-width: inherit;
        line-height: 0;
        background: transparent;
        margin-left: 16px;
        border: none;
    }


    .new-design-system .form-group label.required::after {
        content: "*";
        color: #D90D0D;
        font-weight: 600;
    }

.new-design-system input {
    width: 100%;
    height: 48px;
    border: solid 1.5px #D9D8D6 !important;
    box-shadow: none !important;
    background: #fff !important;
    font-size: 16px !important;
    color: #030303;
    padding: 8px 16px;
    transition: all 0.2s ease;
    outline: none;
}

    .new-design-system input:hover {
        border-width: 1.5px !important;
        border-color: #88ADF3 !important;
    }

    .new-design-system input:focus, .new-design-system input:-webkit-autofill:focus {
        border-color: #125CE8 !important;
        box-shadow: 2px 2px 12px 0px rgba(0,0,0,0.16) !important;
    }

.new-design-system .invalid input:hover {
    border-color: #EC8686 !important;
}

.new-design-system .invalid input, .new-design-system .invalid input:focus {
    border-color: #D90D0D !important;
}

.new-design-system .warning input:hover {
    border-color: #F3D382 !important;
}

.new-design-system .warning input, .new-design-system .warning input:focus {
    border-color: #FFB802 !important;
}

.new-design-system .password-icon {
    cursor: pointer;
}

.new-design-system input:disabled {
    border-color: #C6C6C6 !important;
    background: #E5E5E5 !important;
    color: #C6C6C6;
    cursor:not-allowed;
}

.new-design-system input:disabled::placeholder {
    color: #C6C6C6;
}

.new-design-system .form-group .input-container {
    position: relative;
}

.new-design-system .form-group .input-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 16px;
    top: 12px;
}

.new-design-system .form-group .validation-message {
    font-size: 14px;
    line-height: 150%;
    margin-top: 12px;
}

.new-design-system .form-group.invalid .validation-message {
    color: #C60D0D;
}

.new-design-system .form-group .helper-text {
    font-size: 16px;
    line-height: 100%;
    color: #636363;
    margin-top: 10px;
}

.new-design-system .form-check {
    display: flex;
    gap: 8px;
    margin-bottom: 16px;
}

    .new-design-system .form-check label {
        font-family: 'Roobert-Regular';
        margin-bottom: 0 !important;
        line-height: 120% !important;
        position: relative;
    }

.new-design-system input[type="radio"],
.new-design-system input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 2px 0 0 0;
    min-width: 16px;
    min-height: 16px;
    opacity: 0;
}

.new-design-system .form-check .radio-label:before,
.new-design-system .form-check .checkbox-label:before {
    width: 16px;
    height: 16px;
    margin: 2px 0 0 0;
    min-width: 16px;
    min-height: 16px;
    border: solid 1px #636363;
    top: 0;
    position: absolute;
    display: block;
    content: '';
    left: -24px;
    border-radius: 100%;
    cursor: pointer;
}

.new-design-system .form-check .checkbox-label:before {
    border-radius: 2px;
}

.new-design-system .form-check input[type="radio"]:checked + label:before {
    border: solid 4px #005B66;
}

.new-design-system .form-check input[type="checkbox"]:checked + label:before {
    border-color: #005B66;
    background: #005b66 url('/Style%20Library/H1/images/icons/checkbox-check-icon.svg') center center no-repeat;
}

.new-design-system .form-group input[type="radio"]:focus + label:after, .new-design-system .form-group input[type="checkbox"]:focus + label:after {
    display: block;
    content: '';
    position: absolute;
    left: -26px;
    top: 0px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: solid 1px #125CE8;
}

.new-design-system .form-group input[type="checkbox"]:focus + label:after {
    border-radius: 2px;
}

.new-design-system .form-group input[type="radio"]:disabled + label:before,
.new-design-system .form-group input[type="checkbox"]:disabled + label:before {
    border-color: #C6C6C6;
    background: #D9D8D6;
    cursor: not-allowed;
}

.new-design-system .form-group input[type="radio"]:checked:disabled + label:before {
    border: solid 4px #D9D8D6;
    background: #fff;
}

.new-design-system .form-group input[type="checkbox"]:checked:disabled + label:before {
    border-color: #C6C6C6;
    background: #D9D8D6 url('/Style%20Library/H1/images/icons/checkbox-check-icon.svg') center center no-repeat;
}

.new-design-system .form-group.invalid .form-check label:before {
    border-color: #D90D0D;
}

.new-design-system textarea {
    width: 100%;
    height: 120px;
    border: solid 1.5px #D9D8D6 !important;
    padding: 8px 16px;
}

    .new-design-system textarea:hover {
        border-width: 1.5px !important;
        border-color: #88ADF3 !important;
    }

    .new-design-system textarea:focus {
        border-color: #125CE8 !important;
        box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.16) !important;
        outline: none;
    }

.new-design-system .button {
    width: 100%;
    height: 48px;
    padding: 8px 24px;
    background: #005B66;
    color: #fff;
    font-size: 16px;
    font-family: Roobert-SemiBold;
    display: flex;
    align-items: center;
    line-height: 100%;
    justify-content: center;
    border: none;
    transition: all 0.2s ease;
    gap: 8px;
}

    .new-design-system .button i {
        display: flex;
        align-items: center;
        line-height: 100%;
        justify-content: center;
        width: 16px;
        height: 16px;
    }

    .new-design-system .button:hover {
        background: #007C8F !important;
    }

.new-design-system ol li {
    font-size: 16px;
    line-height: 160%;
    color: #242424;
    margin: 16px 0;
}
.new-design-system .button.outline-button {
    background: transparent;
    border: solid 2px #005B66;
    color: #005B66;
    text-decoration:none !important;
}

.new-design-system .button.outline-button {
    background: #005b66 !important;
    color: #ffffff !important;
}

    .new-design-system .button.outline-button.disabled {
        border: solid 1px #D9D8D6;
        color: #D9D8D6 !important;
        background: #f6f6f6 !important
    }

.new-design-system .button.linkbutton {
    border: none !important;
    background: transparent;
    color: #242424 !important;
    text-decoration:none;
}
    .new-design-system .button.linkbutton:hover {
        background: transparent !important;
    }

    /* phone number design update*/
    .phone-number-design-update .h1-phone-controller-wrapper {
        width: 100% !important;
    }

.phone-number-design-update .h1-phone-controller-wrapper .row {
    margin: 0 !important;
}

.phone-number-design-update .h1-mobile-type-form-group {
    padding: 0 !important;
    width: 80px !important;
    margin-right: 16px !important;
}

.phone-number-design-update .h1-mobile-flag-form-group {
    width: 96px !important;
    padding: 0 !important;
    margin-right: 16px !important;
}

.phone-number-design-update .h1-mobile-number-form-group {
    width: 138px !important;
    padding: 0 !important;
    margin-right: 16px !important;
}

.phone-number-design-update form.h1-mobile-number-edit-form:not(:has(.h1-mobile-exten-form-group))
.h1-mobile-number-form-group {
    margin-right: 0 !important;
    width: calc(100% - 208px) !important;
}

.phone-number-design-update .h1-mobile-exten-form-group {
    width: 138px !important;
    padding: 0 !important;
    margin-right: 16px !important;
}


.phone-number-design-update .h1-mobile-exten-form-group {
    margin: 0 !important;
    padding: 0;
    width: 118px;
}

.phone-number-design-update .h1-mobile-type-form-group label, .phone-number-design-update .h1-mobile-flag-form-group label,
.phone-number-design-update .h1-mobile-number-form-group label, .phone-number-design-update .h1-mobile-exten-form-group label {
    display: none;
}
.phone-number-design-update .h1-mobile-type-form-group dt a, .phone-number-design-update .h1-mobile-flag-form-group dt a,
.phone-number-design-update .h1-mobile-number-form-group input, .phone-number-design-update .h1-mobile-exten-form-group input {
    border: solid 1.5px #D9D8D6;
    height: 48px !important;
    padding: 0 8px !important;
    box-shadow: none !important;
    display: flex;
    align-items: center;
}
.phone-number-design-update .h1-mobile-type-form-group dt a, .phone-number-design-update .h1-mobile-flag-form-group dt a {
    background: url('/Style%20Library/H1/images/icons/select-dropdown-icon.svg') no-repeat right 10px center;
}

.phone-number-design-update .h1-mobile-type-form-group dt a:hover, .phone-number-design-update .h1-mobile-flag-form-group dt a:hover {
    border-width: 1.5px !important;
    border-color: #88ADF3 !important;
}

.phone-number-design-update .h1-mobile-type-form-group dt a:focus, .phone-number-design-update .h1-mobile-flag-form-group dt a:focus {
    border-color: #125CE8 !important;
    box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.16) !important;
    outline: none !important;
}
.phone-number-design-update dl.h1-country-dropdown dt span:nth-child(3) {
    margin-bottom: 0;
}
.phone-number-design-update .h1-form-note-wrapper {
    font-size: 16px;
    font-family: 'Roobert-Regular';
    color: #636363;
    margin-top: 8px;
    padding: 0 !important;
}
    .phone-number-design-update .h1-form-note-wrapper strong {
        font-family: 'Roobert-Regular' !important;
    }
    .phone-number-design-update .phonenumber-input .h1-stnd-has-success {
        display: none;
    }
.phone-number-design-update .phone-number-design-update.has-error .validation-message {
    color: #C60D0D !important;
}

.phone-number-design-update .phone-paceholder:not(:has(.typeName))::after {
    content: "Type";
    color: #636363;
    font-family: 'Roobert-Regular';
    font-weight: 400 !important;
    font-size: 16px;
}

.phone-number-design-update .country-paceholder:not(:has(span:nth-child(2)))::after {
    content: "Country";
    color: #636363;
    font-family: 'Roobert-Regular';
    font-weight: 400 !important;
    font-size: 16px;
}

.phone-number-design-update .validation-message {
    font-family: 'Roobert-Regular';
    color: #C60D0D;
    margin-top: 8px !important;
}
.phone-number-design-update .h1-stnd-has-success {
    display: none;
}
/* phone number design update close */
/*-- setp wizard new design system start --*/
.new-design-system .wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 48px;
    border: none;
}

    .new-design-system .wizard .nav-tabs:before {
        border: none !important;
    }

.new-design-system .wizard > div.wizard-inner {
    position: relative;
}

.new-design-system .wizard .nav-tabs > li a {
    width: 48px;
    height: 48px;
    border-radius: 100%;
    padding: 4px;
    background: #E8F1F2;
    position: relative;
    top: 0;
    font-size: 24px;
    color: #005B66;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roobert-SemiBold';
    border: none !important;
    cursor: pointer;
    text-decoration: none;
    outline: none !important;
}

    .new-design-system .wizard .nav-tabs > li a.intro {
        font-size: 18px !important;
    }

    .new-design-system .wizard .nav-tabs > li.active a, .new-design-system .wizard .nav-tabs > li a:hover {
        color: #fff;
        background: #005B66;
        outline: none !important;
    }

.new-design-system .wizard .nav-tabs > li:before {
    display: block;
    content: '';
    height: 2px;
    width: 30px;
    background: #E8F1F2;
    position: absolute;
    top: calc(50% - 1px);
    right: -38px;
}

.new-design-system .wizard ul.nav-tabs li:last-child:before {
    display: none !important;
}

.new-design-system .wizard .tab-pane {
    position: relative;
    padding-top: 20px;
}

.new-design-system .wizard .step-button-row {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    margin-top: 32px;
}

    .new-design-system .wizard .step-button-row .button {
        width: auto;
    }
/*-- setp wizard new designsystem close --*/

/*--- Tooltip design update start ---*/
.new-design-system .newTooltip {
    white-space: pre-wrap;
}
.new-design-system .newTooltip .open-pop {
    position: absolute;
    margin-left: 14px !important;
}

    .new-design-system .newTooltip .popover {
        background: #242424;
        padding: 12px;
        border-radius: 0 !important;
        max-width: 280px !important;
        width:100%;
        position: absolute;
        height: fit-content;
    }

    .new-design-system .newTooltip .popover p {
        font-size: 13px;
        line-height: 150% !important;
        margin-bottom: 0;
        font-family: 'Roobert-Regular';
        color: #fff;
    }

.new-design-system .newTooltip .popover-content {
    padding: 0 !important;
    padding-right: 20px !important;
}

.new-design-system .newTooltip .popover .arrow {
    display: none;
}

.new-design-system .newTooltip .popover.bottom {
    margin-top: 14px;
}

.new-design-system .newTooltip .close-pop {
    width: 20px;
    height: 20px;
    margin: 0;
    background: #424242;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -20px;
    margin-top: -7px;
}
.new-design-system .newTooltip .popover.bottom:after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: calc(50% - -4px);
    transform: translateX(-50%);
    border-style: solid;
    border-width: 10px 10px 18px 10px; /* increase this value */
    border-color: transparent transparent #242424 transparent;
    margin-left: -3px;
}
/* display message new design start */
.new-design-system .alert-message {
    width: 100%;
    background: #EFF4FF;
    border-left: solid 6px #125CE8;
    padding: 24px 24px 24px 20px;
    display: flex;
    gap: 10px;
}

.new-design-system .alert-message {
    width: 100%;
    background: #E8F5EB;
    border-left: solid 6px #008516;
    padding: 24px 24px 24px 20px;
    display: flex;
    gap: 10px;
}

    .new-design-system .alert-message .message-icon {
        width: 20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px;
        display: flex;
        margin-top: 4px;
        align-items: center;
        justify-content: center;
    }

    .new-design-system .alert-message .message-box {
        width: calc(100% - 32px);
    }

        .new-design-system .alert-message .message-box h5 {
            line-height: 160%;
            margin-top: 4px;
        }

        .new-design-system .alert-message .message-box:last-child p {
            margin-bottom: 0 !important;
        }

    .new-design-system .alert-message.error-message {
        background: #FFE8E8;
        border-left-color: #D90D0D;
    }

    .new-design-system .alert-message.success-message {
        background: #E8F5EB;
        border-left-color: #008516;
    }

/* display message new design close  */

.new-design-system input[readonly] {
    background: #F4F4F4 !important;
}
    .new-design-system input[readonly]:focus, .new-design-system input[readonly]:hover {
        box-shadow: none !important;
        border-color: #D9D8D6 !important;
    }

/* Update switch button */
.update-switch-wrapper{
    display:flex !important;
    align-items:center;
}
.update-switch-wrapper .switch {
    width: 68px;
    height: 36px;
    margin: 0;
    min-width: 68px;
}

    .update-switch-wrapper .slider {
        background: #D9D8D6;
    }

        .update-switch-wrapper .slider.round {
            border-radius: 32px;
        }

        .update-switch-wrapper .slider:before {
            height: 28px;
            width: 28px;
            bottom: 4px;
            left: 4px;
        }

    .update-switch-wrapper input:checked + .slider:before {
        -webkit-transform: translateX(32px);
        -ms-transform: translateX(32px);
        transform: translateX(32px);
    }

    .update-switch-wrapper .switch-text {
        font-family: Roobert-SemiBold;
        font-size: 16px;
        color: #424242;
        line-height: 18px;
    }

    .update-switch-wrapper .time-input span {
        font-size: 16px;
    }

@media screen and (max-width:767px) {

    .update-switch-wrapper .switch {
        width: 80px;
        height: 44px;
        margin: 0;
        min-width: 80px;
    }

    .update-switch-wrapper .slider:before {
        height: 32px;
        width: 32px;
        bottom: 6px;
        left: 10px;
    }
}


    /*--- custom-toast-design-----*/
    .success-custom-toast {
        background: #E8F5EB;
        height: 32px;
        border: solid 1px rgba(0, 133, 22, 0.5);
        padding: 4px 12px;
        gap: 6px;
        color:#007A14;
        font-size:12px;
        font-family:Roobert-SemiBold;
        display:inline-flex;
        align-items:center;
    }

        .success-custom-toast .fa {
            font-size: 16px;
        }

            .success-custom-toast .fa:before {
                color: #007A14;
            }

    /* ------------updated-custom-modal -------------*/
    .updated-custom-modal .modal-lg {
        max-width: 800px;
        max-height: calc(100vh - 61px);
        overflow: auto;
        width: calc(100% - 32px) !important;
    }

        .updated-custom-modal .modal-lg .modal-content {
            padding: 48px;
        }

        .updated-custom-modal .modal-lg .header-without-title {
            height: 44px;
            width: 44px;
            background: transparent;
            position:absolute;
            top:16px;
            right:16px;
            z-index:99;
        }

            .updated-custom-modal .modal-lg .header-without-title button {
                width: 100%;
                height: 100%;
                top: 0;
                margin: 0;
            }

        .updated-custom-modal .modal-lg .modal-body, .updated-custom-modal .modal-lg .panel-body {
            padding: 0 !important;
        }

    .updated-custom-modal p{
        margin-top:0 !important;
    }
    /* custom select design start */
   /* .custom-select select {
        display: none;
    }*/

    .custom-select {
        position: relative;
        width: 100%;
    }
        .custom-select select:disabled {
            background: #E5E5E5;
            border: solid 1px #D9D8D6;
            color: #c6c6c6;
            cursor: not-allowed;
        }
        .custom-select:has(select:disabled)::after {
            opacity:0.5;
        }

        .custom-select::after {
            content: "";
            position: absolute;
            right: 22px;
            top: 50%;
            width: 10px;
            height: 10px;
            border-left: 2px solid #636363;
            border-bottom: 2px solid #636363;
            transform: translateY(-70%) rotate(-45deg);
            pointer-events: none;
        }

        .select-selected {
            border: 1.5px solid #d9d9d9;
            padding: 8px 16px;
            cursor: pointer;
            background: #fff;
            position: relative;
            height: 48px;
            box-sizing: border-box;
            display: flex;
            align-items: center;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
        }

    .select-items {
        position: absolute;
        border: 1px solid #636363;
        width: 100%;
        background: #fff;
        z-index: 99;
        display: none;
        box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.16) !important;
        margin-top: 8px;
    }

        .select-items div {
            padding: 10px;
            cursor: pointer;
        }

            .select-items div:hover {
                background: #f2f2f2;
            }

    .select-show {
        display: block;
    }
    /* custom select design close */

    .confirm-edit-button {
        min-width: 170px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    /*  New Design system responsive design start */

    @media screen and (max-width:767px) {
        .new-design-system .wizard .nav-tabs {
            gap: 14px;
        }

            .new-design-system .wizard .nav-tabs > li a {
                width: 28px;
                height: 28px;
                font-size: 18px;
            }

            .new-design-system .wizard .nav-tabs > li:before {
                width: 10px;
                right: -11px;
            }

            .new-design-system .wizard .nav-tabs > li a.intro {
                font-size: 10px !important;
            }

        .new-design-system .form-group label:has(.toolTip-info-icon) {
            padding-right: 24px;
        }

        .updated-custom-modal .modal-lg .modal-content {
            padding: 48px;
        }

        .updated-custom-modal .modal-lg .modal-content {
            padding: 32px !important;
        }
    }

    @media screen and (max-width:567px) {
        .phone-number-design-update .h1-mobile-number-form-group {
            margin-right: 0 !important;
            width: calc(100% - 208px) !important;
        }

        .phone-number-design-update .h1-mobile-exten-form-group {
            width: 192px !important;
            margin-top: 10px !important;
        }

        .new-design-system .newTooltip .popover {
            width: 100%;
            max-width: inherit !important;
            left: 0 !important;
        }
    }
    /* close new design system implementation */
    .m-skip-to-main {
        position: absolute;
        left: -10000px;
        top: auto;
        width: 1px;
        height: 1px;
        overflow: hidden;
        background: #005b66;
        padding: 10px;
        color: #fff !important;
    }

        .m-skip-to-main:focus {
            height: 30px;
            width: 140px;
            padding: 5px;
            left: 13%;
            text-align: center;
            font-size: 12px;
            margin-bottom: 50px;
        }

    .alertnew {
        padding: 15px;
        border: 1px solid transparent;
    }

    .
    /* ------------------- CLEAR FLOAT AND CLEAR FIX */
    .clearfloat {
        clear: both;
        height: 0;
        font-size: 1px;
        line-height: 0px;
    }

    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0px;
    }

    .clearfix {
        display: inline-block;
    }

    html[xmlns] .clearfix {
        display: block;
    }

    * html .clearfix {
        height: 1%;
    }
    /* ------------------- CLEAR FLOAT AND CLEAR FIX */


    /* -------------- DESKTOP ONLY -------------- */
    .desktop-hide {
        display: none;
    }

    /* -------------- / FONTS -------------- */
    video#backgroundvid {
        position: fixed;
        right: 0;
        bottom: 0;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        z-index: -100;
        background: url(polina.jpg) no-repeat;
        background-size: cover;
    }
    /* -------------- COMMON STYLES -------------- */

    .backtop {
        padding-top: 3em;
        text-decoration: none;
    }

        .backtop a {
            color: #fff;
        }

    .font-normal {
        font-weight: normal !important;
    }

    /* -------------- COMMON STYLES -------------- */


    /* -------------- GLOBAL ELEMENTS -------------- */

    body {
        font-family: 'Roobert-Regular';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #242424;
    }

    @media (min-width: 1200px) {

        section .container,
        .header-container.container,
        .WR_Footer .container,
        .common-accordion .container,
        .container {
            width: 960px;
        }
    }


    p {
        font-size: 17px;
        line-height: 20px !important;
    }


    /* HEADING STYLES - aligned to PSD*/
    h1 {
        font-size: 30px;
        line-height: 36px;
        font-family: 'Roobert-Bold';
    }

    h2 {
        font-size: 26px;
        line-height: 36px;
        font-family: 'Roobert-Bold';
    }

    h3 {
        font-size: 26px;
        line-height: 30px;
        font-family: 'Roobert-SemiBold';
    }

    h4 {
        font-size: 18px;
        line-height: 24px;
        font-family: 'Roobert-SemiBold';
    }

    h5 {
        font-size: 14px;
        line-height: 20px;
        font-family: 'Roobert-Bold';
    }

    h6 {
        font-size: 12px;
        line-height: 16px;
        font-family: 'Roobert-Bold';
    }


    .home-banner-section h1.heading,
    .banner-section h1.heading {
        font-size: 58px;
        line-height: 70px;
    }

    a.btn-app-blue,
    button.btn-app-blue {
        font-weight: normal;
        font-style: normal;
    }

    .btn-app-blue,
    .btn-app-blue:visited {
        border-radius: 0px;
        min-width: 200px;
        font-weight: bold;
        background-color: #022A62;
        color: #ffffff;
        padding: 15px 20px;
        border: 3px solid transparent;
    }

        .btn-app-blue:hover,
        .btn-app-blue:focus {
            background-color: #ffffff;
            color: #022A62;
            border: 3px solid #022A62;
        }

    a.btn-app-common,
    a.btn-app-border,
    button.btn-app-common {
        font-weight: normal;
        font-style: normal;
    }

    a:focus,
    a:hover,
    a:active {
        outline: none !important;
    }

    .bold-txt {
        font-weight: bold;
    }

    a.red-link {
        font-weight: 600;
    }

        a.red-link,
        a.red-link:hover {
            color: #005b66;
        }

            a.red-link:hover {
                text-decoration: underline;
            }

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn.focus:active,
    .btn.active.focus {
        outline: hidden;
        box-shadow: none;
    }

    h3.no-margin,
    p.no-margin {
        margin: 0px;
    }

    blockquote.articlequote {
        border: none;
        font-size: 32px;
        margin: 20px 10px;
        padding: 0.5em 10px;
        quotes: "\201C""\201D""\2018""\2019";
        font-style: italic;
        font-weight: bold;
    }

        blockquote.articlequote:before {
            color: #000000;
            content: open-quote;
            font-size: 1em;
            line-height: 0.1em;
            margin-right: 0.25em;
            vertical-align: -0.1em;
        }

        blockquote.articlequote:after {
            color: #000000;
            content: close-quote;
            font-size: 1em;
            line-height: 0.1em;
            margin-right: 0.25em;
            vertical-align: -0.1em;
        }

        blockquote.articlequote p {
            display: inline;
        }

    img.full-width {
        width: 100%;
    }

    .pay-bill-cta2 {
        width: 100%;
        border-radius: 0px;
        border: 3px solid transparent;
        color: #005b66;
        background-color: #ffffff;
        border-color: #005b66;
        margin-right: 15px;
        font-size: 18px;
        white-space: normal;
        font-weight: 500;
    }

    .value-big {
        font-size: 40px;
        line-height: 70px;
    }

    .value-bigB {
        font-size: 40px;
        line-height: 70px;
        font-weight: 400;
    }

    a:hover,
    a:focus {
        outline: 0;
    }

    section a {
        cursor: pointer;
    }

    .text-shadow-1 {
        text-shadow: 3px 0px 2px rgba(0, 0, 0, 1);
    }

    .row.no-margin {
        margin-left: 0px;
        margin-right: 0px;
    }

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

    .no-padding {
        padding-left: 0px;
        padding-right: 0px;
    }


    /* -------------- / GLOBAL ELEMENTS -------------- */


    /* -------------- HEADINGS -------------- */

    h1.heading {
        margin-top: 0px;
    }

    h2.heading {
        margin-top: 0px;
        color: #242424;
    }

    .heading.green {
        color: #385055;
    }

    .heading.common-heading {
        color: #000000;
        font-weight: bold;
    }

    .ma-heading-1 {
        font-family: 'Roobert-Bold';
        font-size: 26px;
    }

    .heading.white {
        color: #ffffff;
    }

    .jumbotron h1,
    .jumbotron .h1 {
        font-size: 36px;
    }

    .title-border {
        border-bottom: 2px solid #d1d1d1;
    }


    /* -------------- HEADINGS -------------- */


    /* --------------  FILTERS -------------- */

    .dark-filter {
        transform: translate(0px, 0px, 0px);
        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        top: -70px;
        right: -70px;
        left: -70px;
        padding: 70px;
    }

        .dark-filter:after {
            content: '';
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: -1;
        }

    .light-filter {
        transform: translate(0px, 0px, 0px);
        background-color: rgba(255, 255, 255, 0.6);
        position: absolute;
        width: 100%;
        height: 92%;
        box-sizing: content-box;
        top: 0px;
        right: 0px;
        left: 0px;
        padding: 70px;
        color: #333333;
    }

    .dark-filter.banner {
        left: 0;
        padding: 0;
        right: 0;
        top: 0;
    }

    .light-filter:after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1001;
    }


    /* --------------  Filter Small  -------------- */
    .dark-filter-sm {
        transform: translate(0px, 0px, 0px);
        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        top: 0px;
        right: 0px;
        left: 0px;
    }

        .dark-filter-sm:after {
            content: '';
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: -1;
        }

    .content-box.content-box-big .dark-filter-sm .filter-content {
        padding: 40px 0px;
    }

    .content-box.content-box-big .dark-filter-sm {
        padding: 0px 0px;
        transition: all .5s ease-in-out;
        -ms-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

    .content-box.content-box-big:hover > .dark-filter-sm {
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    /* --------------  Filter Small  -------------- */

    /* --------------  Filter Small  -------------- */
    .dark-filter-sm {
        transform: translate(0px, 0px, 0px);
        background-color: rgba(0, 0, 0, 0.6);
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: content-box;
        top: 0px;
        right: 0px;
        left: 0px;
    }

        .dark-filter-sm:after {
            content: '';
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: -1;
        }

    .content-box.content-box-big .dark-filter-sm .filter-content {
        padding: 40px 0px;
    }

    .content-box.content-box-big .dark-filter-sm {
        padding: 0px 0px;
        transition: all .5s ease-in-out;
        -ms-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

    .content-box.content-box-big:hover > .dark-filter-sm {
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    /* --------------  Filter Small  -------------- */


    .dark-filter-sm:after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: -1;
    }

    .content-box.content-box-big .dark-filter-sm .filter-content {
        padding: 40px 0px;
    }

    .content-box.content-box-big .dark-filter-sm {
        padding: 0px 0px;
        transition: all .5s ease-in-out;
        -ms-transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
    }

    .content-box.content-box-big:hover > .dark-filter-sm {
        -ms-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    /* --------------  Filter Small  -------------- */


    /* --------------  / FILTERS -------------- */


    /* --------------  CONTENTBOX -------------- */

    .content-box.content-box-light {
        background-color: rgba(246, 249, 254, 0.9);
        padding: 30px 100px 50px 30px;
        position: relative;
    }

    .content-box-img1 {
        position: absolute;
        right: -70px;
        top: -20px;
    }

    .content-box-img2 {
        position: absolute;
        right: -20px;
        top: 0px;
    }

    .content-box-btn-bottom {
        position: absolute;
        bottom: -25px;
    }

    .content-box.content-box-light h3 {
        margin: 5px 0px;
    }

    .content-box.content-box-small {
        padding: 150px 30px 0px 30px;
        position: relative;
        background-size: auto 175px;
        background-position: center top;
    }

        .content-box.content-box-small .content-box-btn {
            font-weight: normal;
            font-size: 14px;
        }

    .content-box-small .list-style2 li a {
        border: none;
        color: #f80000;
        font-weight: normal;
        font-size: 16px;
    }

    .li-border-remover {
        border-bottom: 1px solid transparent !important;
    }

    .content-box.content-box-big {
        padding: 275px 30px 30px 30px;
        position: relative;
        height: 265px;
        background-size: auto 300px;
        background-position: center top;
        overflow: inherit;
    }

        .content-box.content-box-big .dark-filter .filter-content {
            padding: 100px 70px;
        }

        .content-box.content-box-big .dark-filter {
            padding: 20px 70px;
            transition: all .5s ease-in-out;
            -ms-transform: scale(0, 0);
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }

        .content-box.content-box-big:hover > .dark-filter {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .content-box.content-box-big .light-filter .filter-content {
            padding: 60px 70px;
        }

        .content-box.content-box-big .light-filter {
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 20px;
            padding-left: 0px;
            transition: all .5s ease-in-out;
            -ms-transform: scale(0, 0);
            -webkit-transform: scale(0, 0);
            transform: scale(0, 0);
        }

        .content-box.content-box-big:hover > .light-filter {
            -ms-transform: scale(1, 1);
            -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
        }

        .content-box.content-box-big:hover > .content-box-btn-bottom {
            border: 3px solid #005b66;
            background-color: #ffffff;
            color: #005b66 !important;
        }

        .content-box.content-box-big .content-box-btn-bottom {
            position: absolute;
            bottom: -20px;
            left: 10%;
            right: 10%;
            white-space: normal;
            width: 80%;
            padding-right: 30px;
        }

            .content-box.content-box-big .content-box-btn-bottom .caret-right {
                right: 20px;
                position: absolute;
                top: 42%;
            }

    @media only screen and (max-width: 480px) {
        .content-box.content-box-big {
            background-size: auto 280px;
        }

        .validation-marks-wrapper {
            right: 0px !important;
        }
    }

    @media only screen and (max-width: 992px) {
        .widget-box.content-box {
            margin-bottom: 50px;
            border: 0px;
        }
    }

    /* -------------- BACKGROUND -------------- */

    .full-background {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #ffffff;
        height: 100%;
        min-height: 250px;
        overflow: hidden;
        width: 100%;
    }

        .full-background.big-banner {
            height: 335px;
        }

        .full-background.of-show {
            overflow: inherit;
        }

        .full-background.dark-text {
            color: #000;
        }

        .full-background.light-text {
            color: #ffffff;
        }

    .full-background-fluid {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        color: #ffffff;
        height: 100%;
        min-height: 250px;
        overflow: hidden;
    }

        .full-background-fluid.dark-text {
            color: #242424;
        }

    .bg-gray-1 {
        background-color: #EEEEEE;
    }


    /* -------------- / BACKGROUND -------------- */


    /* IE10+ */

    ::-ms-clear {
        display: none;
    }


    /* Chrome */

    ::-webkit-search-decoration,
    ::-webkit-search-cancel-button,
    ::-webkit-search-results-button,
    ::-webkit-search-results-decoration {
        display: none;
    }


    /* -------------- BUTTONS -------------- */

    .btn {
        border-radius: 0px;
    }

        .btn .caret-right {
            margin-top: -2px;
            margin-left: 15px;
        }

    .btn-app-common,
    .btn-app-common:visited {
        border-radius: 0px;
        min-width: 200px;
        font-weight: bold;
        background-color: #005b66;
        color: #ffffff;
        padding: 15px 20px;
        border: 3px solid transparent;
    }

        .btn-app-common:hover,
        .btn-app-common:focus {
            background-color: #ffffff;
            color: #005b66;
            border: 3px solid #005b66;
        }

    .btn-app-common-paybill,
    .btn-app-common-paybill:visited {
        border-radius: 0px;
        min-width: 200px;
        font-weight: bold;
        background-color: #ffffff;
        color: #005b66;
        padding: 15px 20px;
        border: 3px solid transparent;
    }

        .btn-app-common-paybill:hover,
        .btn-app-common-paybill:focus {
            background-color: #005b66;
            color: #ffffff;
            border: 3px solid #ffffff;
        }

    .btn-app-common.white-button {
        background-color: #ffffff;
        border-radius: 0;
        color: #005b66;
        font-weight: bold;
        min-width: 200px;
        padding: 15px 20px;
    }

        .btn-app-common.white-button.un-bold {
            font-weight: normal;
        }

    .btn-app-border,
    a.btn-app-border {
        border-radius: 0px;
        border: 3px solid transparent;
        color: #ffffff !important;
        background-color: #005b66;
        margin-right: 15px;
        transition: all 0.5s ease 0s;
        border: 3px solid transparent;
    }

        .btn-app-border.no-padding {
            padding-left: 0px;
            padding-right: 0px;
        }

    .btn-white,
    a.btn-white {
        border-radius: 0px;
        border: 3px solid #ffffff;
        font-weight: normal;
        color: #005b66;
        background-color: #ffffff;
        margin-right: 15px;
        transition: all 0.5s ease 0s;
        padding: 0px;
        text-align: left;
        letter-spacing: 1px;
    }

    a.btn-white {
        font-weight: 600;
    }

        a.btn-white:hover,
        a.btn-white:visited,
        a.btn-white:focus {
            text-decoration: underline;
        }

    .btn-ash,
    a.btn-ash {
        border-radius: 0px;
        border: 3px solid #ffffff;
        font-weight: bold;
        color: #ffffff;
        background-color: #005b66;
        margin-right: 15px;
        transition: all 0.5s ease 0s;
        text-align: left;
    }

        .btn-ash:hover,
        .btn-ash:focus,
        .btn-ash:visited,
        a.btn-ash:hover,
        a.btn-ash:focus,
        a.btn-ash:visited {
            background-color: #ffffff;
            color: #005b66;
            border: 3px solid #005b66;
            outline: transparent !important;
        }

    .btn-ash-big {
        border-radius: 0px;
        background: #585858;
        padding: 25px 50px;
        color: #ffffff;
    }

    .btn-app-border:hover,
    .btn-app-border:focus,
    .btn-app-border.focus {
        color: #005b66 !important;
        border: 3px solid #005b66;
        background-color: #ffffff;
    }

    .fulwidth-btn {
        width: 100%;
    }

    .btn-lg {
        min-width: 200px;
        padding: 10px 20px;
    }

    .btn-app-border.light {
        border-color: #e4ebed;
        color: #e4ebed;
    }

    .btn-app-search {
        background-color: #005b66;
        border: none;
        border-radius: 0;
        color: #ffffff;
        margin-right: 15px;
        transition: all 0.5s ease 0s;
    }

        .btn-app-search.bordered {
            border: solid #686868;
            border-width: 3px 3px 3px 0px;
            line-height: 12px;
            min-width: 120px;
        }

        .btn-app-search:hover,
        a.btn-app-search:hover,
        a.btn-app-search:focus {
            background-color: #005b66;
            color: #fff;
        }

    .btn-app-search-result {
        background-color: #005b66;
        border: none;
        border-radius: 0;
        color: #ffffff;
        margin-right: 15px;
        transition: all 0.5s ease 0s;
        min-width: 120px;
    }

        .btn-app-search-result.bordered {
            border: solid #686868;
            border-width: 3px 3px 3px 0px;
            line-height: 12px;
            min-width: 120px;
        }

        .btn-app-search-result:hover,
        a.btn-app-search-result:hover,
        a.btn-app-search-result:focus {
            background-color: #005b66;
            color: #fff;
        }

    .btn-app-border .font-awesome-icon {
        margin-left: 5px;
        margin-right: 5px;
    }

    .btn-app-transparentborder {
        border-radius: 0px;
        border: 3px solid #385055;
        font-weight: bold;
        background-color: rgba(255, 255, 255, 0.8);
        color: #385055;
        margin-right: 15px;
    }

    .btnwhite-app-common {
        border-radius: 0px;
        min-width: 200px;
        font-weight: bold;
        background-color: #ffffff;
        color: #005b66;
    }

    .no-border {
        border: hidden;
    }

    .province-list {
        display: block;
        overflow: hidden;
        margin-bottom: 15px !important;
    }

        .province-list li {
            display: inline-block;
            min-width: 130px;
            overflow: hidden;
        }

            .province-list li a {
                padding: 0 !important;
                margin-right: 25px;
            }

    .btn-app-link {
        border-radius: 0px;
        min-width: 200px;
        font-weight: bold;
        background-color: transparent;
        color: #005b66 !important;
        padding: 0px;
        font-weight: 600;
    }

        .btn-app-link:hover {
            color: #005b66;
            text-decoration: underline;
        }

        .btn-app-link.para-link {
            min-width: inherit;
        }

        .btn-app-link.left-align {
            text-align: left;
        }


    /* -------------- / BUTTONS -------------- */


    /* -------------- / DROPDOWN -------------- */

    .app-dropdown {
        background-color: #efefef;
        padding: 15px;
        min-width: 240px;
    }

        .app-dropdown .headding {
            border-bottom: 2px solid #005b66;
        }

    .profile-pop {
        position: relative;
    }

        .profile-pop .dropdown-menu {
            position: absolute;
            top: 115px;
            z-index: 9;
        }

        .profile-pop.open .access-links {
            background-color: #616161;
        }

            .profile-pop.open .access-links .link {
                color: #ffffff;
            }



    .dropdown-menu.full-width.slidemenu-dropdown-menu {
        z-index: 9999999;
    }


    /* -------------- / DROPDOWN -------------- */


    /* -------------- LISTS -------------- */

    .common-list {
        padding: 0px;
    }

        .common-list li {
            list-style: none;
            display: table;
            padding: 15px 0;
        }

    .bulat-list {
        padding-left: 20px;
    }

        .bulat-list li {
            margin-bottom: 10px;
            padding-left: 5px;
        }

    .icon_list_1 {
        padding: 0px;
        margin: 0px;
        text-align: center;
    }

        .icon_list_1.left-align {
            text-align: left;
        }

        .icon_list_1 li {
            padding: 0px;
            margin: 0px;
            list-style: none;
            display: inline;
            width: auto;
            padding-left: 15px;
            padding-right: 15px;
            box-sizing: border-box;
            vertical-align: top;
        }

        .icon_list_1 li {
            display: inline-block;
        }

            .icon_list_1 li a {
                text-decoration: none;
                display: block;
                width: 125px;
            }

                .icon_list_1 li a:hover {
                    text-decoration: underline;
                    color: #005b66;
                }

            .icon_list_1 li:last-child {
                border-right: none;
            }

    .icon_list_1_icon {
        text-align: center;
        margin-bottom: 20px;
    }

    .icon_list_1_text {
        text-align: center;
        font-size: 18px;
        color: #005b66 !important;
        font-weight: 600;
    }

    .icon_list_link:hover .icon_list_1_text {
        text-decoration: underline;
    }

    .icon_list_1_text .tel a {
        display: inline-block;
    }

    .icon_list_1_icon img {
        min-height: 75px;
        min-width: 75px;
        width: 75px;
        height: 75px;
    }

    @media only screen and (min-width: 768px) {
        .unscubscribe-modal {
            width: 700px;
        }
    }

    @media only screen and (max-width: 768px) {
        .icon_list_1 {
            padding-left: 15px;
            padding-right: 15px;
        }

            .icon_list_1 li a {
                width: inherit;
            }

            .icon_list_1 li {
                display: inline-block;
                width: 100%;
                border-bottom: 2px solid #ccc;
                padding: 0px;
                padding-top: 25px;
                padding-bottom: 25px;
                border-right: none;
                min-height: inherit;
            }

        .section-btn .icon_list_1 li {
            width: 100% !important;
        }

        .section-btn .icon_list_1 {
            margin-bottom: 30px;
        }

        .icon_list_1_icon {
            float: left;
            width: 50px;
            margin-bottom: 0px;
            margin-right: 10px;
        }

        .icon_list_1_text {
            float: left;
            text-align: left;
            padding-top: 25px;
            max-width: none;
            font-size: 16px;
        }

        .leftArrow {
            background: url('/Style Library/H1/images/arrow_right_dark.png') right center no-repeat;
        }

        .icon_list_1_icon img {
            max-width: 50px;
            min-width: inherit;
            min-height: inherit;
            width: inherit;
            height: inherit;
        }
    }

    @media (max-width:1025px) {

        .icon.icon_power.small {
            width: 35px;
            height: 35px;
            background-size: auto 312px;
            background-position: -7px -214px;
        }

        .icon.icon_power-white.small {
            width: 35px;
            height: 35px;
            background-size: auto 312px;
            background-position: -7px -46px;
        }
    }



    /* -------------- / LISTS -------------- */


    /* -------------- wizard -------------- */

    .nav-pills.nav-wizard > li {
        position: relative;
        overflow: visible;
        border-right: 15px solid transparent;
        border-left: 15px solid transparent;
    }

        .nav-pills.nav-wizard > li + li {
            margin-left: 0;
        }

        .nav-pills.nav-wizard > li:first-child {
            border-left: 0;
        }

            .nav-pills.nav-wizard > li:first-child a {
                border-radius: 5px 0 0 5px;
            }

        .nav-pills.nav-wizard > li:last-child {
            border-right: 0;
        }

            .nav-pills.nav-wizard > li:last-child a {
                border-radius: 0 5px 5px 0;
            }

        .nav-pills.nav-wizard > li a {
            border-radius: 0;
            background-color: #eee;
        }

        .nav-pills.nav-wizard > li .nav-arrow {
            position: absolute;
            top: 0px;
            right: -20px;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 20px 0 20px 20px;
            border-color: transparent transparent transparent #eee;
            z-index: 150;
        }

        .nav-pills.nav-wizard > li .nav-wedge {
            position: absolute;
            top: 0px;
            left: -20px;
            width: 0px;
            height: 0px;
            border-style: solid;
            border-width: 20px 0 20px 20px;
            border-color: #eee #eee #eee transparent;
            z-index: 150;
        }

        .nav-pills.nav-wizard > li:hover .nav-arrow {
            border-color: transparent transparent transparent #aaa;
        }

        .nav-pills.nav-wizard > li:hover .nav-wedge {
            border-color: #aaa #aaa #aaa transparent;
        }

        .nav-pills.nav-wizard > li:hover a {
            background-color: #aaa;
            color: #fff;
        }

        .nav-pills.nav-wizard > li.active .nav-arrow {
            border-color: transparent transparent transparent #428bca;
        }

        .nav-pills.nav-wizard > li.active .nav-wedge {
            border-color: #428bca #428bca #428bca transparent;
        }

        .nav-pills.nav-wizard > li.active a {
            background-color: #428bca;
        }


    /* -------------- / wizard -------------- */

    /* -------------- ICONS -------------- */

    .icon-1x {
        width: 75px;
        height: 75px;
        text-align: center;
        font-size: 60px;
        line-height: 75px;
        margin-right: 10px;
    }

    .icon-2x {
        width: 100px;
        height: 100px;
        text-align: center;
        font-size: 90px;
        line-height: 100px;
        display: inline-block;
    }

    .icon {
        background-image: url(../images/app-icon.png);
        background-repeat: no-repeat;
        background-size: auto 400px;
        display: inline-block;
    }

    .icon-my-account {
        height: 50px;
        width: 70px;
        display: inline-block;
        background-image: url(../images/my-account-white.svg);
        background-size: 60px;
        background-position: center;
    }

    .access-links.dplogin .icon-my-account {
        background-image: url(../images/my-account.svg) !important;
    }

    .icon.small {
        height: 50px;
        width: 50px;
        background-size: auto 487px;
    }

    .icon.medium {
        height: 100px;
        width: 100px;
        background-size: auto 975px;
    }

    .icon.normal {
        height: 50px;
        width: 50px;
        background-size: auto auto;
    }

    .icon.large {
        height: 125px;
        width: 125px;
        background-size: auto 800px;
    }

    .icon_1 {
        background-position: 0 0;
    }

    .icon_2.small {
        background-position: 0 -63px;
    }

    .icon_2.medium {
        background-position: 0 -125px;
    }

    .icon_bill.large {
        background-position: 0 0;
    }

    .icon_login {
        background-position: -24px -263px;
    }

    .icon_instagram {
        background-position: -256px -334px;
        vertical-align: middle;
    }

    .select-icon {
        background-position: -194px -568px;
        vertical-align: middle;
    }

    .selected .select-icon {
        background-position: -130px -526px;
    }

    .un-selected .select-icon {
        background-position: -130px -528px;
        vertical-align: middle;
    }

    .icon_outage.large {
        background-position: -125px 0;
    }

    .icon_outage2.large {
        background-position: -142px -319px;
        height: 70px;
        width: 70px;
    }

    .icon_request.large {
        background-position: -250px 0;
    }

    .caret-right {
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-left: 6px solid;
        display: inline-block;
        height: 0;
        opacity: 1;
        vertical-align: middle;
        width: 0;
    }

    .icon_phone {
        background-position: -72px -125px;
        vertical-align: middle;
    }

    /* -------------- / ICONS -------------- */

    /* -------------- SCROLL LINK -------------- */
    .h1-scroll-div {
        position: relative;
        width: 100%;
        display: block;
        text-align: center;
        margin: 10px auto;
        min-height: 50px;
    }

    .scroll-top-link,
    .scroll-top-link:link,
    .scroll-top-link:visited {
        background: #005b66;
        border-bottom: none;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.07);
        color: #fff;
        display: block;
        font-size: 32px;
        height: 50px;
        text-align: center;
        width: 50px;
        margin: 0 auto;
        cursor: pointer;
    }

        .scroll-top-link span {
            vertical-align: top;
        }

            .scroll-top-link span.toTop {
                display: none;
            }

        .scroll-top-link:active,
        .scroll-top-link:hover {
            color: #ffffff;
        }


    /* -------------- / SCROLL LINK -------------- */

    /* -------------- BLUR SECTIONS -------------- */

    .contact-section {
        position: relative;
        height: 300px;
        color: #ffffff;
        overflow: hidden;
        text-align: center;
    }

    .background-blur-img {
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
        background-size: cover;
        display: block;
        filter: blur(5px);
        -webkit-filter: blur(5px);
    }

    .background-nonblur-img {
        background-size: cover;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1;
        height: 100%;
    }

    .background-blur-content {
        background: rgba(0, 0, 0, 0.65);
        position: absolute;
        z-index: 20;
        width: 100%;
        height: 100%;
    }

        .background-blur-content .container {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }

        .background-blur-content.light {
            background: rgba(255, 255, 255, 0.1);
        }

    /* -------------- / BLUR SECTIONS -------------- */

    /* --------------  SLIDE BODY -------------- */

    body.slide-active {
        overflow-x: hidden;
    }

    .no-margin-top {
        margin-top: 0px !important;
    }

    .v-align-parent {
        display: table;
    }

    /* --------------  / SLIDE BODY -------------- */

    /* --------------  LEFT PANEL -------------- */

    .page-strip {
        width: 5px;
        height: 100%;
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 999999;
        background-color: #005b66;
    }

    .slide-panel {
        width: 300px;
        height: 100%;
        position: fixed;
        right: -295px;
        top: 0px;
        z-index: 999999;
        float: right;
        background: #005b66;
    }

    .slider-arrow,
    .slider-arrow:hover,
    .slider-arrow:focus {
        width: 50px;
        height: 200px;
        display: block;
        position: fixed;
        right: 5px;
        top: 200px;
        z-index: 999999;
        float: right;
        text-decoration: none;
        opacity: 1;
        text-shadow: none;
        text-decoration: none;
    }

    .slider-arrow {
        background: #005b66 url('../images/slide-img.png') no-repeat;
    }

    /* --------------  / LEFT PANEL -------------- */

    /* --------------  PAGE CONTENT -------------- */

    #page-content {
        position: relative;
        left: 0;
    }

        #page-content.slide-active {
            padding-top: 0;
        }

    /* -------------- / PAGE CONTENT -------------- */

    /* ---------- FONT INTIGRATION --------- */

    .navbar-nav > li {
        float: left;
    }

    #slidemenu .navbar-right li a.dropdown-toggle {
        font-size: 14px;
        color: #454545;
        font-weight: 600;
    }

        #slidemenu .navbar-right li a.dropdown-toggle:hover {
            text-decoration: underline;
        }

    #slidemenu .navbar-right li.open a.dropdown-toggle {
        color: #ffffff;
    }

    .profile-pop .dropdown-menu .headding h4 {
        font-size: 17px;
        color: #3a3a3a;
    }

    .profile-pop .dropdown-menu {
        font-size: 16px;
    }

    .head-links {
        font-size: 12px;
    }

    .Footer_Links p,
    .footer_list li a:link,
    .footer_list li a:visited {
        line-height: 32px;
        font-weight: 600;
        font-size: 16px;
        color: #005b66;
    }

    .footer_list li a:hover {
        text-decoration: underline;
    }

    .Footer_Links button.btn-ash-big {
        font-size: 16px;
        padding: 15px;
    }

    /* ---------- FONT INTIGRATION --------- */

    /* Builders and Constructors */
    /* Large header styles */

    .header_icon_boxes {
        text-align: center;
        margin-top: 50px;
    }

    .list_header_boxes {
        padding: 0px;
        margin: 0px;
        margin-top: 20px;
    }

    .header_icon_boxes li {
        margin: 0px;
        list-style: none;
        width: 220px;
        margin-right: 10px;
        vertical-align: top;
    }

    .icon_box_item {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 20px;
        padding: 25px;
        text-align: center;
        display: inline-block;
        height: 225px;
    }

        .icon_box_item .caret-right {
            display: none;
        }

    .header_boxes_icon {
        margin-bottom: 10px;
    }

        .header_boxes_icon img {
            width: 62px;
            height: 62px;
        }

    .header_boxes_title {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
        min-height: 48px;
    }

    .header_boxes_text {
        display: inline-block;
    }

    .icon_box_item a {
        display: block;
        color: #3A3A3A;
        text-decoration: none;
    }

    .hero-section.full-background-2 {
        height: 620px;
        max-height: none;
        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
        background-repeat: no-repeat;
    }


    .banner-section h1 {
        margin-bottom: 10px;
    }

    .banner-section h2 {
        margin-top: 0px;
    }

    .position-relative {
        position: relative !important;
    }

    /* Faq styles */

    .list_faq {
        margin-top: 30px;
    }

        .list_faq .col-md-6 {
            padding-right: 0px;
        }

    .list_faq_item {
        display: table;
        height: 80px;
        margin-bottom: 10px;
        width: 100%;
    }

        .list_faq_item a {
            padding: 15px 70px 15px 30px;
            margin: 0;
            display: table-cell;
            color: #fff;
            background: url('/Style Library/H1/images/arrow_white.jpg.png') #616161 right 1.5em center no-repeat;
            box-sizing: border-box;
            vertical-align: middle;
        }

    .faq_selected {
        border-bottom: 2px solid #005b66;
    }
    /* -- nav grid -- */

    .grid-nav-main-container {
        padding: 20px 0px 0px 0px;
    }

    .nav-grid {
    }

    .nav-grid-block-2 {
        padding-right: 0px;
    }

    .nav-grid-item {
        text-align: center;
        min-height: 133px;
        box-sizing: border-box;
        margin-bottom: 10px;
        margin-left: 1%;
        width: 15.5%;
        background-color: #c4c4c4;
        padding: 25px 10px 0px 10px;
        position: relative;
        float: left;
    }

        .nav-grid-item:hover {
            background-color: #a7a7a7;
        }

    .grid-nav-2-main-container .nav-grid-item {
        width: 13.25%;
    }

    .nav-grid-highlight {
        background-color: #f33e34;
        color: #fff;
        padding-top: 25px;
        margin-right: 0px !important;
        width: 100%;
    }

        .nav-grid-highlight:hover {
            background-color: #c21006;
        }

    .nav-grid-link-container {
    }

    .nav-grid-link .nav-grid-highlight i {
        color: #fff;
    }

    .nav-grid-link .nav-grid-highlight .nav-grid-link-container {
        font-size: 18px;
        padding-top: 15px;
        color: #fff;
    }

    .nav-grid-link,
    .nav-grid-link:hover {
        text-decoration: none;
    }

        .nav-grid-link .nav-grid-item {
            color: #000;
        }

    .nav-grid-link-icon {
        position: absolute;
        bottom: 11px;
        right: 11px;
        color: #fff;
    }

    @media only screen and (min-width: 992px) {
        .grid-nav-main-container .nav-grid-block-2 {
            padding-left: 0px;
            margin-left: 0px;
        }

        .nav-grid-block-1 {
            padding-right: 0.2%;
        }
    }

    @media only screen and (max-width: 800px) {
        .grid-nav-2-main-container .nav-grid-item {
            width: 15.5%;
        }
    }

    @media only screen and (max-width: 768px) {
        .nav-grid-highlight {
            width: 100% !important;
        }

        .form-label {
            text-align: left !important;
        }

        /* Icon Widget */
        .ma-icon-widget1 {
            padding-bottom: 15px;
            margin-bottom: 15px;
        }

        .ma-icon-widget1-left {
            padding-left: 0px;
        }

            .ma-icon-widget1-left img {
                width: 85%;
            }

        .ma-icon-widget1-right h3 {
            padding: 0px;
            margin: 0px;
            font-size: 16px;
            text-align: center;
        }

        .ma-icon-widget1-right {
            text-align: left;
        }

        /* Large header styles */
        .no-bg-mobile {
            background-image: none !important;
        }

        .full-background-2 {
            background-color: #393939 !important;
            padding-top: 60px;
            padding-bottom: 60px;
            height: auto !important;
        }

        .banner-section {
            height: auto;
        }

        .header_icon_boxes {
            margin-top: 20px;
        }

        .header_boxes_icon {
            float: left;
            width: 20%;
        }

        .header_boxes_title {
            font-size: 17px;
            margin-bottom: 5px;
            min-height: 25px;
            font-weight: bold;
        }

        .header_boxes_mobile_left {
            float: left;
            margin-left: 20px;
            width: 60%;
            padding-right: 10px;
        }

        .icon_box_item {
            width: 100% !important;
            padding: 0px;
            text-align: left;
            padding-bottom: 30px;
            height: auto;
        }

            .icon_box_item .caret-right {
                display: inline-block !important;
            }

        .header_icon_boxes li {
            margin-right: 0px;
            padding: 10px;
            margin-bottom: 15px;
        }

        .banner-section h1 {
            font-size: 46px;
            line-height: 40px;
            text-shadow: none;
        }

        .banner-section h2 {
            font-size: 22px;
            line-height: 22px;
        }

        .banner-section .widget-box.content-box {
            margin-bottom: 0px !important;
        }

        .list_faq .col-md-6 {
            padding-right: 15px;
        }

        .list_faq_item a {
            height: 80px;
            padding: 10px 60px 10px 20px;
        }

        #slidemenu .navbar-right li.open a.dropdown-toggle {
            color: #31404a;
        }
        /* Large header styles */
    }

    @media only screen and (max-width: 648px) {
        .nav-grid-item {
            width: 23.5%;
        }

        .grid-nav-2-main-container .nav-grid-item {
            width: 23.5%;
        }

        .ma-icon-widget1 {
            border-bottom: 1px solid #ccc;
        }

        .ma-icon-widget1-right h3 {
            padding: 0px;
            margin: 35px 0 0;
            font-size: 16px;
            text-align: left;
        }

        .col-xs-15,
        .col-sm-15 {
            width: 100%;
        }
    }

    @media only screen and (max-width: 480px) {
        .nav-grid-item {
            width: 32%;
        }

        .grid-nav-2-main-container .nav-grid-item {
            width: 32%;
        }
    }

    .clr-bth {
        clear: both;
    }
    /* -- / nav grid -- */


    /* -- content container main control -- */

    .page-content-continer {
        float: right;
        width: 68%;
    }

    .page-content-thumb-1 {
        border: 10px solid #dfdfdf;
        float: left;
        margin-right: 30px;
    }

    .page-content-main-container {
        padding-top: 35px;
    }

        .page-content-main-container p,
        .page-content-main-container ul {
            padding-bottom: 15px;
        }

    /* -- / content container main control -- */

    /* ///////////////// MY ACCOUNT STYLES ///////////////// */


    /* Icon Widget */

    .ma-icon-widget1-left {
        padding-left: 0px;
        text-align: center;
    }

        .ma-icon-widget1-left img {
            max-width: 92px;
        }

    .ma-icon-widget1-right h3 {
        padding: 0px;
        margin: 0px;
        font-size: 18px;
        margin-top: 15px;
    }

    .ma-icon-widget1-right {
        text-align: center;
        padding-left: 0px;
        padding-right: 0px;
    }
    /* My Account Breadcrumb */

    .breadcrumb-section {
        background: #616161;
        color: #ffffff;
        display: none !important;
    }

    .managed-breadcrumb-section {
        background: #EEEEEE;
        color: #ffffff;
        margin-bottom: -1px;
    }

    .h1-breadcrumb {
        padding: 0px;
        margin: 0px;
        font-size: 17px;
        min-height: 40px;
    }

        .h1-breadcrumb .breadcrumb > li + li:before {
            color: #000;
            content: " > ";
            padding: 0 15px;
        }

        .h1-breadcrumb .breadcrumb {
            margin-bottom: 0px;
            background: none;
            padding-left: 0px;
        }

            .h1-breadcrumb .breadcrumb a:link,
            .h1-breadcrumb .breadcrumb a:visited {
                color: #005b66;
            }

    .br-ico-home span {
        color: #005b66;
        font-size: 22px;
    }

    .h1-breadcrumb .breadcrumb > .active {
        color: #000;
    }

    .h1-breadcrumb .breadcrumb > li a {
        display: inline-block;
    }
    /* My Account Styles */

    .ma-title-description {
        margin-bottom: 40px;
    }

    .ma-widget {
        min-height: 240px;
    }

    .ma-widget1 {
        background: #fff;
        padding: 25px;
        border: 1px solid #E4E4E4;
        border-top: 3px solid #a7a5a5;
    }

    .ma-widget2 {
        padding: 25px;
    }

    .ma-widget-block-padding {
        padding: 0px 30px;
        position: relative;
    }

        .ma-widget-block-padding .widget-header-link {
            min-width: 70px;
            position: absolute;
            right: 0;
            text-align: right;
            top: 0px;
        }

    .ma-widget-span-h {
        min-height: 330px;
    }

    .ma-widget p {
        text-align: left;
    }

    .ma-placeholder-widget {
        padding: 10% 2%;
    }

    .ma-more-options-1 {
        display: none;
    }

        .ma-more-options-1.toggled {
            display: block;
        }

    .ma-title1 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 14px;
        font-size: 18px;
        border-bottom: 2px solid #c5c5c5;
        color: #434343;
    }

    .ma-title2 {
        margin: 0px;
        padding: 0px;
        margin-bottom: 15px;
        font-size: 16px;
    }

    .ma-txthighlight {
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .ma-txthighlight-red {
        display: block;
        overflow: hidden;
    }

        .ma-txthighlight-red,
        a.ma-txthighlight-red,
        .ma-txthighlight-red a {
            font-weight: 400;
            font-size: 18px;
            margin-bottom: 5px;
            color: #005b66;
        }

            .ma-txthighlight-red a {
                font-weight: 600;
            }

                .ma-txthighlight-red a:hover,
                .ma-txthighlight-red a:visited,
                .ma-txthighlight-red a:focus {
                    text-decoration: underline;
                }

            .ma-txthighlight-red .caret-right {
                border-bottom: 4px solid transparent;
                border-left: 4px solid;
                border-top: 4px solid transparent;
                display: inline-block;
                height: 0;
                opacity: 1;
                vertical-align: middle;
                width: 0;
            }

    .ma-txthighlight2 {
        font-weight: bold;
        font-size: 30px;
        margin-bottom: 5px;
    }

    .ma-txthighlight3 {
        font-weight: normal;
        font-size: 30px;
        margin-bottom: 5px;
    }

    .ma-txt1 {
        font-size: 16px;
    }

    .ma-txt3 {
        font-size: 24px;
    }

    .ma-txt4 {
        font-size: 20px;
        font-weight: 600;
    }

    input:-webkit-autofill {
        background-color: #eaffea !important; /* highlights autofilled fields */
    }

    .ma-txt-lighter-50 {
        opacity: 0.5;
    }

    .ma-txt-lighter-65 {
        opacity: 0.65;
        word-break: break-all;
    }

    .ma-link {
        margin-bottom: 5px;
    }

    .ma-link-gray,
    .ma-link-gray:link,
    .ma-link-gray:hover,
    .ma-link-gray:visited {
        color: #666;
    }

    .ma-button {
        margin: 15px 0px;
        margin: 20px 0px;
    }

    .ma-list {
        list-style: none;
        padding-left: 0px;
        margin: 20px 0px;
    }

        .ma-list a:link,
        .ma-list a:visited {
            color: #336699;
            text-decoration: none;
        }

        .ma-list a:hover {
            text-decoration: underline;
        }

    .ma-PhoneNumber {
        display: block;
        font-weight: bold;
        color: #333;
    }

    .ma-link-red a {
        color: #005b66;
        font-size: 16px;
    }

    h2.accordion-title {
        font-size: 28px;
        color: #262626;
        font-weight: bold;
        margin: 1em 0;
    }

    h3.ma-form-header3 {
        font-size: 34px;
        color: #005b66;
        font-weight: bold;
    }

    h4.ma-form-header3 {
        font-size: 26px;
        color: #232323;
        font-weight: bold;
    }

    .txt-18 {
        font-size: 18px;
    }

    .txt-20 {
        font-size: 20px;
    }

    .txt-22 {
        font-size: 22px;
    }

    .txt-24 {
        font-size: 24px;
    }

    .txt-26 {
        font-size: 26px;
    }

    .ma-button-color2 {
        background-color: #005b66 !important;
        border: 1px solid #005b66 !important;
    }

        .ma-button-color2:hover {
            background-color: #005b66 !important;
            border: 1px solid #005b66 !important;
        }

    .ma-text-red {
        color: #005b66;
    }

    .ma-text-blue {
        color: #003cff;
    }

    .ma-showmorelink {
        margin: 10px 0px;
    }

    .ma-row {
        margin-bottom: 30px;
    }

    .ma-row2 {
        padding: 15px 20px 0px 20px;
        margin-left: -35px;
        margin-right: -35px;
    }

    .ma-row-highlight-1 {
        background-color: #EEEEEE;
    }

    .ma-row-highlight-2 {
        background-color: #bbbbbb;
    }

    .ma-row-highlight-3 {
        background-color: #616161;
        color: #ffffff;
    }

    .ma-row-new {
        background-color: #EEEEEE;
        color: #000;
    }

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

    .ma-widget.text-center a.text-left {
        text-align: left !important;
        display: block;
    }

    .ma-widget-icon-1 {
        margin-bottom: 20px;
    }

    .ma-link-white:link,
    .ma-link-white:visited {
        color: #fff;
        text-decoration: underline;
    }

    .ma-link-white:hover {
        text-decoration: none;
    }

    .ma-page-title-left {
        background: #f11e23;
        color: #fff;
        padding: 25px 25px 0px 25px;
    }

    .ma-account-info {
        padding: 15px;
    }

    .ma-account-title {
        padding: 35px 15px;
        background: #F3F3F3;
        text-align: center;
    }

    .ma-page-title {
        margin: 0px;
        padding: 0px;
    }

    .ma-link-list {
        margin: 15px 0px;
    }

    .btn-app-link:visited {
        background-color: transparent;
        border-radius: 0;
        color: #005b66 !important;
        min-width: 200px;
        padding: 0;
    }

    .btn-app-link.para-link {
        min-width: inherit;
    }

    .btn.btn-app-link.para-link:hover,
    .btn.btn-app-link.para-link:focus,
    .btn.btn-app-link.para-link.focus {
        color: #005b66;
    }

    .btn-app-link.left-align {
        text-align: left;
    }

    .btn-md {
        font-size: 16px;
    }

    .ma-highlighter-1 {
        padding: 20px;
        border: 1px solid #cbcbcb;
    }

    .ma-search-box {
        margin-bottom: 25px;
    }

        .ma-search-box input {
            height: 45px;
        }

        .ma-search-box button {
            height: 45px;
        }

    .ma-search-items {
        margin: 10px 0px;
    }

    .ma-ico-1 {
        color: #09C;
        background: #EAEAEA;
        display: block;
        padding: 15px;
    }

    .ma-full-width {
        width: 100%;
    }
    /* -- switch account widget controls -- */

    .ma-switchaccount {
        padding-top: 10px;
    }

        .ma-switchaccount.banner-switchaccount-container {
            background-color: #ffffff;
            border-top: 5px solid #005b66;
            color: #333;
            padding: 2em 4em;
            position: absolute;
            text-align: left;
            width: 100%;
            z-index: 99999;
            -webkit-box-shadow: -1px 0px 66px 3px rgba(0, 0, 0, 0.38);
            -moz-box-shadow: -1px 0px 66px 3px rgba(0, 0, 0, 0.38);
            box-shadow: -1px 0px 66px 3px rgba(0, 0, 0, 0.38);
        }

    .switch-account-position {
        left: 0;
        top: 100%;
    }

    .banner-switchaccount-close {
        color: #005b66;
        margin-top: 63px;
        position: absolute;
        right: 20px;
        z-index: 999999;
        top: 75%;
    }

    .ma-switchaccount .input-group {
        margin: 0px auto;
        min-width: 200px;
    }
    /* -- / switch account widget controls -- */


    /* Titles */

    .ma-section-title1 {
        font-size: 18px;
    }

    /* -- widget controls -- */

    .widget-box p {
        font-size: 17px;
        margin-bottom: 20px;
    }

    /* -- / widget controls -- */


    /* Common Styles */

    .border-radius-10 {
        border-radius: 10px;
    }

    .w50 {
        width: 50%;
    }

    .w100 {
        width: 100%;
    }

    .w280 {
        width: 280px;
    }

    .height1 {
        min-height: 240px;
    }

    .height2 {
        height: 240px;
    }

    .height3 {
        min-height: 140px;
    }

    .height4 {
        min-height: 160px;
    }

    .height5 {
        min-height: 180px;
        padding-top: 10px;
    }

    .pointer {
        cursor: pointer;
    }

    .display-none {
        display: none;
    }
    /* Margins */

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

    .m-b-10 {
        margin-bottom: 10px;
    }

    .m-b-20 {
        margin-bottom: 20px;
    }

    .m-b-30 {
        margin-bottom: 30px;
    }

    .m-b-40 {
        margin-bottom: 40px;
    }

    .m-b-50 {
        margin-bottom: 50px;
    }

    .m-t-20 {
        margin-top: 20px;
    }

    .m-t-0 {
        margin-top: 0px;
    }

    .m-t-10 {
        margin-top: 10px;
    }

    .m-t-30 {
        margin-top: 30px;
    }

    .m-t-40 {
        margin-top: 40px;
    }

    .m-t-50 {
        margin-top: 50px;
    }

    .m-t-60 {
        margin-top: 60px;
    }

    .m-t-70 {
        margin-top: 70px;
    }

    .m-r-10 {
        margin-right: 10px;
    }

    .m-r-18 {
        margin-right: 18px;
    }

    .m-r-26 {
        margin-right: 26px;
    }

    .m-r-30 {
        margin-right: 30px !important;
    }

    .m-r-40 {
        margin-right: 40px;
    }

    .m-l-0 {
        margin-left: 0px;
    }
    /* Paddings */

    .p-t-0 {
        padding-top: 0px !important;
    }

    .p-t-10 {
        padding-top: 10px;
    }

    .p-t-15 {
        padding-top: 15px;
    }

    .p-t-20 {
        padding-top: 20px;
    }

    .p-t-25 {
        padding-top: 25px;
    }

    .p-t-40 {
        padding-top: 40px;
    }

    .p-t-30 {
        padding-top: 30px;
    }

    .p-r-0 {
        padding-right: 0px;
    }

    .p-r-10 {
        padding-right: 10px;
    }

    .p-r-15 {
        padding-right: 15px;
    }

    .p-r-20 {
        padding-right: 20px;
    }

    .p-r-25 {
        padding-right: 25px;
    }

    .p-r-30 {
        padding-right: 30px;
    }

    .p-r-40 {
        padding-right: 40px;
    }

    .p-r-50 {
        padding-right: 50px;
    }

    .p-b-0 {
        padding-bottom: 0px !important;
    }

    .p-b-10 {
        padding-bottom: 10px;
    }

    .p-b-15 {
        padding-bottom: 15px;
    }

    .p-b-20 {
        padding-bottom: 20px;
    }

    .p-b-25 {
        padding-bottom: 25px;
    }

    .p-b-30 {
        padding-bottom: 30px;
    }

    .p-b-40 {
        padding-bottom: 40px;
    }

    .p-l-0 {
        padding-left: 0 !important;
    }

    .p-l-15 {
        padding-left: 15px;
    }

    .p-l-10 {
        padding-left: 10px;
    }

    .p-l-20 {
        padding-left: 20px;
    }

    .p-l-30 {
        padding-left: 30px;
    }

    .p-l-40 {
        padding-left: 40px;
    }

    .p-l-50 {
        padding-left: 50px;
    }

    .p-l-71 {
        padding-left: 71px;
    }

    .p-l-84 {
        padding-left: 84px;
    }

    .p-r-10p {
        padding-right: 10%;
    }

    .p-a-15 {
        padding: 15px;
    }

    .p-l-0 {
        padding-left: 0px;
    }

    .p-l-18 {
        padding-left: 18px;
    }

    .no-margin-b {
        margin-bottom: 0px;
    }

    .no-border-radius {
        border-radius: 0px !important;
    }


    /* Displays */

    .inline {
        display: inline !important;
    }

    .block {
        display: block !important;
    }

    .inline-block {
        display: inline-block !important;
    }

    /* Borders */

    .section-border-1 {
        border-bottom: 2px solid #c5c5c5;
    }

    .b-b-0 {
        border-bottom: 0px !important;
    }

    .txt-reset {
        font-weight: normal !important;
        text-transform: none !important;
        font-size: 14px !important;
    }
    /* ===== global overrides ===== */


    /* -- modal popup -- */

    .modal-content {
        border-radius: 0px;
        border: 0px solid #ff5a5e;
    }

    .modal-header,
    .modal-body,
    .modal-footer {
        padding: 25px;
    }

    .dialog-account-strength-header {
        padding: 25px 25px 10px 25px !important;
    }

    .dialog-account-strength strong {
        font-weight: 600 !important;
    }

    .modal-content .modal-header .close {
        min-width: 0px;
        font-weight: normal;
        font-size: 0px !important;
        margin-top: -10px;
    }

    .modal.movein-modal-window {
        overflow: scroll !important;
    }

    .popup-top {
        margin-bottom: 0px;
        padding: 25px;
    }

    .popup-top-left {
        float: left;
    }

    .popup-top-right {
        float: right;
    }

    /* -- / modal popup -- */


    /* -- datepicker controls -- */

    .uib-title,
    .uib-right,
    .uib-left {
        background-color: rgb(241, 30, 35);
        color: rgb(255, 255, 255);
        font-size: 15px;
        padding-top: 14px;
        padding-bottom: 14px;
    }

        .uib-title:hover,
        .uib-right:hover,
        .uib-left:hover {
            background-color: rgb(241, 30, 35);
            color: #000;
        }

    .uib-datepicker-popup.dropdown-menu {
        padding: 0px 0px 15px;
    }

    .uib-datepicker-popup.dropdown-menu {
        display: block;
        float: none;
        margin: 0;
    }

    .uib-daypicker .btn {
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        padding: 10px 20px;
    }


    .uib-daypicker tr th.ng-scope {
        padding: 15px 0px;
    }

    .uib-day .btn {
        min-width: 0px;
    }

    .uib-daypicker .btn {
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        padding: 10px 20px;
    }

        .uib-daypicker .btn.active {
            background-color: rgb(199, 0, 0);
            color: rgb(255, 255, 255);
            border-width: 0px;
            border-style: initial;
            border-color: initial;
            border-image: initial;
        }

    .uib-day .btn {
        min-width: 0px;
    }

    .uib-daypicker .btn {
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        padding: 10px 20px;
    }

    .uib-datepicker-current,
    .uib-datepicker-current:hover {
        background-color: transparent;
        color: rgb(241, 30, 35);
        font-size: 16px;
        text-align: left;
        min-width: 0px;
        margin-left: 28px !important;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        padding: 0px;
    }

    .uib-clear,
    .uib-clear:hover {
        background-color: transparent;
        color: rgb(173, 173, 173);
        font-size: 16px;
        text-align: left;
        min-width: 0px;
        margin-left: 28px !important;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        padding: 0px;
    }

    .uib-close,
    .uib-close:hover {
        background-color: transparent;
        color: rgb(0, 0, 0);
        font-size: 16px;
        text-align: right;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        padding: 0px 23px 0px 0px;
    }

    .uib-daypicker .btn.active {
        background-color: rgb(199, 0, 0);
        color: rgb(255, 255, 255);
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
    }

        .uib-daypicker .btn.active .text-info {
            color: #fff;
        }

    .uib-daypicker:focus,
    .uib-datepicker,
    .uib-datepicker:hover {
        outline: none;
        outline-width: 0px !important;
        outline-color: #fff;
    }

    .date-pick-validity {
        height: 25px;
    }

    .uib-daypicker thead tr:first-child {
        background: #005b66
    }

    small {
        font-weight: 400;
    }

    /* -- / datepicker controls -- */


    /* ===== / global overrides ===== */


    /* ===== form controls ===== */

    select {
        height: 35px;
    }

    .has-error input[type=password].form-control[disabled] {
        border: 3px solid #801B14;
    }

    input[type=password].form-control[disabled] {
        background-color: #eee;
        border: 3px solid #686868;
    }

    input[type=button].btn-primary,
    input[type=submit].btn-primary,
    .btn-primary,
    .btn-primary:visited {
        background-color: #005b66;
        border: 1px solid #005b66;
        color: #fff;
        font-size: 18px;
        margin: 0;
        font-family: 'Roobert-Regular';
    }

        .btn-primary:focus,
        .btn-primary:active {
            outline: 1px dashed #000 !important;
        }

    input[type=submit][disabled].ho-btn-small {
        background-color: #b1b1b1 !important;
    }

    #LoginForm input[type=button].btn-primary,
    #LoginForm input[type=submit].btn-primary {
        padding: 12px 20px;
        min-width: 200px;
    }

    .btn-primary.disabled,
    [disabled].btn-primary,
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    [disabled].btn-primary:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled.focus,
    [disabled].btn-primary.focus,
    fieldset[disabled] .btn-primary.focus,
    .btn-primary.disabled:active,
    [disabled].btn-primary:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    [disabled].btn-primary.active,
    fieldset[disabled] .btn-primary.active,
    [disabled] .ho-btn-small {
        background-color: #797979;
        border-color: #464646;
    }

        [disabled].btn-primary:hover {
            background-color: inherit;
            border-color: #464646;
        }

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary:visited,
    .btn-primary:focus {
        background-color: #00454d;
        border: 1px solid #00454d;
        outline: transparent;
    }

        .btn-primary:active:hover,
        .btn-primary.active:hover,
        .open > .dropdown-toggle.btn-primary:hover,
        .btn-primary:active:focus,
        .btn-primary.active:focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .btn-primary:active.focus,
        .btn-primary.active.focus,
        .open > .dropdown-toggle.btn-primary.focus {
            background-color: #005b66;
            border-color: #005b66;
            outline: transparent;
        }

    .btn-primary-2 {
        background-color: #005b66;
        border: 3px solid #005b66;
        color: #fff;
        font-weight: 400;
        padding: 15px 65px;
    }

        .btn-primary-2:hover,
        .btn-primary-2:active,
        .btn-primary-2:visited,
        .btn-primary-2:focus {
            background-color: #fff;
            border: 3px solid #005b66;
            color: #005b66;
            font-weight: 400;
        }

    .btn-primary-3 {
        background-color: #005b66;
        border: 3px solid #005b66;
        color: #fff;
        font-weight: 400;
        padding: 10px 35px;
    }

        .btn-primary-3:hover,
        .btn-primary-3:active,
        .btn-primary-3:visited,
        .btn-primary-3:focus {
            background-color: #fff;
            border: 3px solid #005b66;
            color: #005b66;
            font-weight: 400;
        }

    .m-full-btn {
        white-space: normal;
    }

    .ma-btn-custom-1 {
        padding: 6px 25px;
    }

    .form-group {
        padding-bottom: 10px;
        /*margin-bottom: 25px;*/
        border-bottom: 0px solid #e9e9e9;
    }

    .form-group-highlight {
        background-color: #f5f5f5;
        padding: 30px 0px;
    }

    .form-group:after {
        content: '';
        display: block;
        clear: both;
    }

    .form-group label .font-awesome-icon.fa-info-circle {
        margin-left: 10px;
    }


    .form-label {
        text-align: right;
        color: #313131;
    }

    .form-label-left {
        text-align: left;
        color: #313131;
    }

    .input-sm,
    .form-group-sm .form-control,
    .form-control {
        border-radius: 0px;
    }

        .form-control:hover {
            border: 3px solid #92c0e0;
        }

    .form-control {
        display: inline;
    }

    .has-error .form-control:focus {
        border-color: #801B14;
        box-shadow: inset 0 0px 1px #2A8DD4, 0 0 4px #2A8DD4;
    }

    .form-control:focus {
        border-color: #2A8DD4;
    }

    .has-error .form-control {
        border-color: #801B14;
    }

    .has-error .help-block {
        color: #801B14;
    }

    .help-block {
        color: #801B14;
    }

    .has-error .help-block a {
        font-weight: 600;
        color: #005b66;
    }

        .has-error .help-block a:hover,
        .has-error .help-block a:visited,
        .has-error .help-block a:focus {
            text-decoration: underline;
        }


    .form-group.pure {
        position: relative;
    }

    .form-group .input-action {
        position: absolute;
        display: block;
        background-color: #6E6E6E;
        color: #ffffff;
        padding: 1px 5px;
        right: 5px;
        /*margin-top: 7px;*/
        font-weight: normal;
        margin-right: 7px;
        font-size: 12px;
        cursor: pointer;
        top: 7px;
        height: 20px;
    }

    .form-group .form-field strong {
        line-height: 24px;
    }

    label.required:after,
    span.required:after {
        content: "*";
        color: #801B14;
    }

    .login-wrap-padding label.required:after,
    span.required:after {
        content: "*";
        color: #801B14;
    }

    label {
        display: block;
        padding-bottom: 10px;
        font-weight: normal;
        font-size: 17px;
    }

    .ma-form-header3 {
        padding-bottom: 30px;
    }

    .width85 {
        width: 70%;
    }

    .form-control-34 {
        width: 34%;
    }

    .form-control-50 {
        width: 50%;
    }

    .form-control-60 {
        width: 60%;
    }

    .form-control-70 {
        width: 70%;
    }

    .form-control-75 {
        width: 75%;
    }

    .form-control-80 {
        width: 80%;
    }

    .form-control-85 {
        width: 85%;
    }

    .form-control-90 {
        width: 90%;
    }

    .form-control-95 {
        width: 95%;
    }

    .form-control-98 {
        width: 98%;
    }

    input[type=password],
    input[type=text],
    input[type=file],
    select,
    textarea,
    .sp-peoplepicker-topLevel,
    .sp-peoplepicker-topLevelDisabled,
    .sp-peoplepicker-autoFillContainer,
    .ms-inputBox {
        border: 3px solid #686868;
    }

        input[type=password][disabled],
        input[type=text][disabled],
        input[type=file][disabled],
        select[disabled],
        textarea[disabled],
        .ms-inputBoxDisabled {
            border: 3px solid #686868;
            border-color: #686868;
            background-color: #eee;
            color: #444;
        }


    .textarea {
        border: 3px solid #686868;
    }

    .form-control {
        border: 3px solid #686868;
    }

    .form-group .radio:last-of-type {
        margin-bottom: 0px;
    }

        .form-group .radio:last-of-type label {
            padding-bottom: 0px;
        }

    .ico-completed {
        color: #005b66;
    }

    .alert-success-msg {
        background-color: #d9d9d9;
        border-color: #d9d9d9;
        padding-left: 80px;
        position: relative;
    }

        .alert-success-msg.transparent-bg {
            background-color: transparent;
            border-color: transparent;
            position: relative;
            display: inline-block;
        }

    .add-padding {
        display: block;
        padding-bottom: 10px;
    }

    .alert-info-msg {
        background-color: #d9d9d9;
        border-color: #d9d9d9;
        padding-left: 80px;
        position: relative;
    }

    .alert-info-msg1 {
        color: #005b66;
        position: relative;
        background-color: #d9d9d9;
        border-color: #d9d9d9;
    }

    .alert-info-msg.transparent-bg {
        background-color: transparent;
        border-color: transparent;
        padding-left: 80px;
        position: relative;
    }

    .alert-info-msg .fa {
        color: #999999;
        font-size: 34px;
        left: 25px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

        .alert-info-msg .fa.top {
            color: #005b66;
            font-size: 34px;
            left: 25px;
            position: absolute;
            top: 0%;
            transform: translateY(50%);
        }


    .modify-link {
        cursor: pointer;
    }

    .form-group .modify-link {
        margin-left: 10px;
    }

    .form-group .modify-link {
        background-color: #EEEEEE;
        color: #616161;
        font-size: 14px;
        margin-left: 10px;
        padding: 10px;
        cursor: pointer;
    }

    .remove-link {
        background-color: #EEEEEE;
        color: #005b66;
        font-size: 14px;
        margin-left: 10px;
        padding-bottom: 10px;
        cursor: pointer;
    }

    .nickname-remove-link {
        background-color: #fff;
        color: #005b66;
        font-size: 12px;
        cursor: pointer;
        padding: 6px;
        float: right;
    }

    .mobile-new-val {
        position: relative;
    }

    @media only screen and (max-width: 480px) {
        .nickname-remove-link {
            display: inline-block;
            float: inherit;
            margin-top: 10px;
        }
    }

    .form-group .modify-link .glyphicon.glyphicon-remove {
        color: #005b66;
    }

    .form-group .modify-link .glyphicon {
        color: #656060;
        display: inline-block;
        margin-left: 5px;
        vertical-align: text-top;
    }


    .alert-success-msg .glyphicon,
    .alert-info-msg .glyphicon {
        position: absolute;
        left: 25px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 34px;
        color: #005b66;
    }

        .alert-info-msg .glyphicon.glyphicon-remove {
            color: #005b66;
        }

    .help-block.date-help-block {
        display: block;
        left: 0;
        position: absolute;
    }

    .alert {
        border-radius: 0px;
    }

    .ho-alert .alert {
        margin-bottom: 0px;
        font-size: 17px;
    }

    .alert.alert-danger {
        background-color: transparent;
        color: #801B14;
        border: none;
    }

    .alert-no-margin {
        margin-bottom: 0px;
    }

    input[type=email]:hover,
    input[type=Number]:hover {
        border-color: #92c0e0;
    }

    /* -- nav pills -- */
    .nav-pills.nav-wizard {
        border: 0px;
    }

        .nav-pills.nav-wizard > li {
            border-left: 5px;
            border: 1px solid #d9d9d9;
            text-align: center;
        }

            .nav-pills.nav-wizard > li:last-child,
            .nav-pills.nav-wizard > li:first-child {
                border-right: 1px solid #d9d9d9;
                border-left: 1px solid #d9d9d9;
            }

            .nav-pills.nav-wizard > li.active {
                border: 1px solid #d72b1c;
            }

            .nav-pills.nav-wizard > li a {
                color: #f53f2f;
                font-weight: bold;
                cursor: pointer;
            }

            .nav-pills.nav-wizard > li.active a {
                background-color: #f53f2f;
                /*background-color: #ff675a;*/
                color: #fff;
            }

            .nav-pills.nav-wizard > li:first-child a,
            .nav-pills.nav-wizard > li:last-child a {
                border-radius: 0px;
            }
    /* -- navigation button controls -- */

    .nav-pills li button {
        border: 0px;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: bold;
        color: #f53f2f;
        background-color: #eee;
    }

        .nav-pills li button:hover {
            background-color: #aaa;
            color: #fff;
        }

        .nav-pills li button:focus {
            outline: none;
        }

    .nav-pills li.active button {
        background-color: #f53f2f;
        color: #fff;
    }

    .nav-pills li button:disabled {
        color: #c8c8c8;
        background-color: #eee;
    }


    .tab-btn-container {
        border-right: 2px solid #ccc;
        padding: 0px;
    }

        .tab-btn-container a {
            color: #005b66;
            font-size: 18px;
            font-weight: 600;
            max-width: inherit;
            text-align: center;
            margin: 0px auto;
        }

    .tab-box div.tab-btn-container:last-child {
        border-right: none;
    }

    .tab-btn-container a:hover h4 {
        text-decoration: underline;
    }
    /* -- / navigation button controls -- */

    .ma-2steps-wizard > li {
        width: 50%;
    }

    .ma-3steps-wizard > li {
        width: 33%;
    }

        .ma-3steps-wizard > li:first-child {
            width: 34%;
        }

    .ma-4steps-wizard > li {
        width: 25%;
    }

    .ma-5steps-wizard > li {
        width: 20%;
    }

    .ma-6steps-wizard > li {
        width: 16.5%;
    }

        .ma-6steps-wizard > li:first-child {
            width: 17.5%;
        }
    /* -- / nav pills -- */


    /* -- table controls -- */

    .table > thead > tr > th,
    .table > tbody > tr > th,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > tbody > tr > td,
    .table > tfoot > tr > td {
        border-bottom: 1px solid #ddd;
        border-top: 0px;
    }

    .table-condensed > thead > tr > th,
    .table-condensed > tbody > tr > th,
    .table-condensed > tfoot > tr > th {
        background-color: #ddd;
    }

    .table-condensed > thead > tr:nth-child(even) td,
    .table-condensed > tbody > tr:nth-child(even) td,
    .table-condensed > tfoot > tr:nth-child(even) td {
        background-color: #f3f3f3;
    }

    .table-condensed > thead > tr td,
    .table-condensed > tbody > tr td,
    .table-condensed > tfoot > tr td {
        padding: 8px 10px;
    }

    label.radio {
        font-weight: normal;
    }

    .tab-disable {
        pointer-events: none;
    }

    .tab-enable {
        pointer-events: auto;
    }
    /* ===== / form controls ===== */


    /* ===== accordian controls ===== */

    .panel-group .panel {
        border-radius: 0px;
    }

    .panel-default > .panel-heading {
        border-top: 2px solid #a7a5a5;
        padding-top: 15px;
        padding-bottom: 15px;
        border-radius: 0px;
    }

    .panel-group .panel {
        border-radius: 0px;
        border-top: 0px;
    }

    .panel-title .indicator {
        color: #a1a1a1;
    }


    /* ===== / accordian controls ===== */

    .common-accordion .panel.panel-default {
        box-shadow: none;
        border: none;
        margin-bottom: 10px;
        background-color: #EEEEEE;
    }

    .common-accordion h2.accordion-title {
        border-bottom: 1px solid #454545;
        padding: 15px 0;
    }



    .common-accordion .panel-default > .panel-heading {
        border-top: hidden;
        background-color: #ffffff;
        box-shadow: none;
        padding: 2em 8em;
    }

    .common-accordion .ac-bg-transparent .panel-heading-resetter h4 {
        color: #000 !important;
    }

    .common-accordion .panel-title {
        position: relative;
        font-size: 26px;
        border-bottom: 1px solid #cccccc;
    }

        .common-accordion .panel-title h2 {
            font-size: 20px;
            font-weight: normal;
            margin: 10px 0;
        }

        .common-accordion .panel-title p.sub-title {
            margin-top: 5px;
            color: #a7a5a5;
        }

        .common-accordion .panel-title > a:hover,
        .common-accordion .panel-title > a:focus {
            text-decoration: none;
        }

        .common-accordion .panel-title .indicator,
        .common-accordion .panel-title .indicator-text {
            display: inline-block;
            position: absolute;
            right: 0px;
            top: 50%;
            transform: translateY(-50%);
        }

        .common-accordion .panel-title .indicator-text {
            right: 40px;
            font-size: 15px;
        }

            .common-accordion .panel-title .indicator-text .expand-txt {
                display: block;
                color: #005b66;
            }

            .common-accordion .panel-title .indicator-text .collapse-txt {
                display: none;
            }

            .common-accordion .panel-title .indicator-text.expanded .expand-txt {
                display: none;
            }

            .common-accordion .panel-title .indicator-text.expanded .collapse-txt {
                display: block;
            }

    .myProfile-accordian .panel-title a .indicator-text .collapse-txt {
        display: block !important;
    }

    .myProfile-accordian .panel-title a .indicator-text .expand-txt {
        display: none !important;
    }

    .myProfile-accordian .panel-title > a.collapsed .indicator-text .collapse-txt {
        display: none !important;
    }

    .myProfile-accordian .panel-title > a.collapsed .indicator-text .expand-txt {
        display: block !important;
    }

    .myProfile-accordian .panel-title > a.collapsed .indicator.fa-plus-circle:before {
        background-image: url(../images/icons/expand-add.svg) !important;
    }

    .common-accordion.panel-group .panel + .panel {
        margin-top: 0px;
    }

    .common-accordion .panel-collapse.collapse.in {
        border: hidden;
    }

        .common-accordion .panel-collapse.collapse.in .panel-body {
            border-top: none;
            border: hidden;
        }

    .panel-group .panel-heading + .panel-collapse > .panel-body,
    .panel-group .panel-heading + .panel-collapse > .list-group {
        border: hidden;
    }

    .common-accordion .panel-collapse .panel-body {
        background: #ffffff;
    }

        .common-accordion .panel-collapse .panel-body .container {
            padding-top: 20px;
            padding-bottom: 20px;
        }

    .common-accordion .collapsing {
        transition: 1s;
    }

    .common-accordion .popover {
        left: 0px !important;
        max-width: 100%;
        background: #a7a5a5;
        border-radius: 0px;
        position: relative;
        margin-top: 0px;
    }

        .common-accordion .popover.bottom > .arrow {
            left: 0px !important;
            margin-left: 0px;
            border-bottom-color: rgba(0, 0, 0, 1);
        }

    .common-accordion .indicator.expanded-icon:before {
        background-image: url(../images/icons/expand-minus.svg);
        content: " ";
        display: inline-block;
        height: 38px;
        width: 30px;
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
    }

    .common-accordion .indicator .fa-plus-circle {
        background-image: url(../images/icons/expand-add.svg);
        content: " ";
        display: inline-block;
        height: 38px;
        width: 30px;
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
    }

    .showmore-toggle-link.collapsed .fa-plus-circle {
        background-image: url(../images/icons/expand-add.svg);
        content: " ";
        display: inline-block;
        height: 38px;
        width: 30px;
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
    }

    .showmore-toggle-link .fa-plus-circle {
        background-image: url(../images/icons/expand-minus.svg);
        content: " ";
        display: inline-block;
        height: 38px;
        width: 30px;
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
    }

    .white-button.collapsed .fa-plus-circle {
        background-image: url(../images/icons/expand-add.svg);
        content: " ";
        display: inline-block;
        height: 38px;
        width: 30px;
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
    }

    .white-button .fa-plus-circle {
        background-image: url(../images/icons/expand-minus.svg);
        content: " ";
        display: inline-block;
        height: 38px;
        width: 30px;
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
    }

    .accordion-toggle.collapsed .fa-plus-circle {
        background-image: url(../images/icons/expand-add.svg);
        content: " ";
        display: inline-block;
        height: 38px;
        width: 30px;
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
    }

    .accordion-toggle .fa-plus-circle {
        background-image: url(../images/icons/expand-add.svg);
        content: " ";
        display: inline-block;
        height: 38px;
        width: 30px;
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
    }

    .common-accordion .indicator.fa-plus-circle:before {
        content: "";
    }

    .common-accordion .indicator.fa-minus-circle:before {
        background-image: url(../images/app-icon.png);
        background-position: -53px -233px;
        content: " ";
        display: inline-block;
        height: 30px;
        width: 30px;
    }

    .common-accordion .panel-title .title {
        display: inline-block;
        width: 30%;
    }

    .common-accordion .panel-title .sub-title {
        color: #6e6e6e;
        font-weight: normal;
        margin-top: 5px;
        margin-left: 20px;
    }

    .common-accordion .accordian-title {
        border-bottom: 1px solid #454545;
        padding: 15px 0;
    }

    .common-accordion .panel-title.show-more-searchs {
        border: hidden;
        height: 50px;
        width: 120px;
    }

    .indicator-text {
        color: #005b66;
    }

    /* ///////////////// MY ACCOUNT STYLES ///////////////// */


    /* -- common list controls -- */

    .no-bullets {
        list-style-type: none;
    }

    .list-p-b-15 li {
        padding-bottom: 15px;
    }

    .list-p-b-20 li {
        padding-bottom: 20px;
    }

    .list-decimal {
        list-style-type: decimal;
        list-style-position: inside;
        padding: 0 0 0 170px;
    }

    .list-center {
        list-style-position: inside;
        padding: 0 0 0 240px;
    }

    .common-list {
        padding: 0px;
    }

        .common-list li {
            list-style: none;
            display: table;
            ;
            padding: 15px 0;
        }

        .common-list .font-icon-2x {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
            margin-right: 10px;
        }

        .common-list li span {
            padding-right: 15px;
        }

    .list-style2 {
        margin: 0px;
        padding: 0px;
    }

        .list-style2 li {
            list-style: none;
        }

            .list-style2 li a {
                display: block;
                position: relative;
                padding: 15px;
                border-bottom: 1px solid #707070;
                color: #242424;
                font-size: 16px;
                font-weight: 600;
            }

                .list-style2 li a:hover {
                    text-decoration: underline;
                }

                .list-style2 li a span.listicon {
                    position: absolute;
                    top: 50%;
                    right: 20px;
                    margin-top: -5px;
                    font-size: 20px;
                }

    .selectable-list a.option-box-1.selected {
        padding-left: 100px;
    }

    .selectable-list a.list-group-item span.font-icon-2x {
        color: #4CAF50;
        font-size: 62px;
        left: 10px;
        position: absolute;
        top: 50%;
        margin-top: -32px;
    }

    /* -- / common list controls -- */

    .circle-ico-1 {
        width: 100px;
        height: 100px;
        border: 1px solid #666;
        border-radius: 50%;
        display: inline-block;
        padding-top: 38px;
        margin-left: 3%;
    }

    .circle-ico-2 {
        width: 60px;
        height: 60px;
        border: 1px solid #666;
        border-radius: 50%;
        display: inline-block;
        padding-top: 13px;
        margin-left: 3%;
        text-align: center;
        font-size: 24px;
    }

    .equal-height-widget-1 {
        min-height: 395px;
    }

    .equal-height-widget-2 {
        min-height: 240px;
    }

    .ma-widget.equal-height-widget-1 {
        min-height: 395px;
    }

    .ma-widget.equal-height-widget-3 {
        min-height: 300px;
    }

    .institute-widget-1 {
        height: 200px;
    }

    .institute-widget-1 {
        height: 200px;
        border: 1px solid #cccccc;
        border-bottom: 4px solid #005b66;
        margin-bottom: 10px;
    }

        .institute-widget-1 img {
            max-height: 100px;
        }

    .thumb-container-1 {
        min-height: 100px;
    }

    .waiting {
        background-image: url("/Style Library/H1/images/WaitingIndicator.gif");
        border: 1px solid #ccc;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 300px;
        background-size: 10%;
    }

    .error {
        border: 1px solid #ccc;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        width: 100%;
        height: 100px;
    }

        .error:after {
            content: "Error message comes in here";
            position: absolute;
        }

    .custom-err-1 {
        height: auto !important;
        padding: 10px;
        background-color: #eee;
        border: 1px solid #eee !important;
    }

    .red {
        border: 1px solid #005b66 !important;
        color: #005b66 !important;
    }

    .valid {
        position: relative !important;
        width: 25px;
        height: 14px;
        display: inline-block;
        top: 0px !important;
    }

        .valid:after {
            content: "\f058" !important;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #005b66;
            font-size: 24px;
            padding-right: 0.5em;
            position: absolute;
            top: -7px;
            left: 10px;
        }

    .validdate {
        position: relative !important;
        width: 25px;
        height: 14px;
        display: inline-block;
        top: 0px !important;
        left: -6px;
    }

        .validdate:after {
            content: "\f058" !important;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #005b66;
            font-size: 24px;
            padding-right: 0.5em;
            position: relative;
            top: -7px;
            left: -10px;
        }

    .notvalid {
        position: relative !important;
        width: 25px;
        height: 14px;
        display: inline-block;
        top: 0px !important;
    }

        .notvalid:after {
            content: "\f057" !important;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #801B14;
            font-size: 24px;
            padding-right: 0.5em;
            position: absolute;
            top: -7px;
            left: 10px;
        }

    .notvaliddate {
        position: relative !important;
        width: 25px;
        height: 14px;
        display: inline-block;
        left: -25px;
    }

        .notvaliddate:after {
            content: "\f057" !important;
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #801B14;
            font-size: 24px;
            padding-right: 0.5em;
            position: relative;
            top: -7px;
            left: 10px;
        }

    .pure .notvalid {
        position: relative;
        top: 0px;
    }

    .pure .valid {
        position: relative;
        top: 0px;
    }

    .modal-body .form-group {
        margin-bottom: 0px;
    }


    /* IE10 and IE11
================== */
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    }

    @-moz-document url-prefix() {
    }


    /* datepicker button styles */
    .datepicke-btn > .btn {
        left: -45px;
        z-index: 9 !important;
        border: none;
        padding: 0;
        min-width: 35px;
        margin-top: -2px;
        background-color: transparent;
        padding: 2px
    }

        .datepicke-btn > .btn:hover {
            background: transparent;
        }

        .datepicke-btn > .btn:focus {
            outline: dashed thin !important;
        }

    .valid.date-pick-validity,
    .notvalid.date-pick-validity {
        height: 28px;
    }

    .show {
        display: block !important;
    }

    /* list */

    ul.list-cercle {
        list-style-type: disc;
        list-style-position: inside;
        padding: 0px;
    }

        ul.list-cercle li {
            padding: 5px 0;
        }

    /* box tabs */

    .boxTabs {
        display: block;
    }

    .tabs-flexcontainer {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-align-content: flex-end;
        align-content: flex-end;
    }

    .box-tabs,
    .tab-box {
        margin-bottom: 30px;
    }

        .box-tabs .active::after,
        .tab-box .active::after {
            content: "";
            position: absolute;
            bottom: -5px;
            left: 50%;
            border-width: 15px 15px 0;
            border-style: solid;
            border-color: #bbbbbb transparent;
            display: block;
            margin-left: -15px;
            width: 0;
        }

    .tab-close,
    a.tab-close:visited {
        position: absolute;
        right: 50px;
        font-size: 32px;
        color: #005b66;
        display: none;
        z-index: 6;
    }

    a.tab-close:hover {
        color: #005b66;
    }

    .tab-pap .ico-completed {
        display: none;
        position: absolute;
        top: -25px;
        left: 0;
        right: 0;
        margin-right: 0;
    }

    .font-blue {
        color: #005b66;
        font-family: Roobert-Bold;
        font-weight: bold;
    }

    .active .tab-pap .ico-completed {
        display: block;
    }
    /* question answer */

    .q-answer {
        position: relative;
    }

        .q-answer .font-icon-2x {
            font-size: 40px;
            position: relative;
            display: none;
        }


    .option-box-1.selected {
        border: 1px solid #5CB85C;
    }

    .q-answer.active {
        border: 1px solid #005b66;
    }

        .q-answer.active .font-icon-2x,
        .option-box-1.selected .font-icon-2x {
            display: block;
        }

    .q-answer .btn {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
    }

    .q-answer.active .btn.btn-primary {
        color: #005b66;
        border: 3px solid #005b66;
        background-color: #ffffff;
    }

    .para-inline-icon {
        display: inline-block;
        font-size: 21px;
        height: 30px;
        vertical-align: top;
        width: 30px;
    }

    span.v-align-center {
        display: inline-block;
        vertical-align: super;
    }

    .option-box-1 {
        border: 1px solid #f2f2f2;
    }

        .option-box-1.active {
        }

        .option-box-1 .font-icon-2x {
            display: none;
        }

        .option-box-1.selected .font-icon-2x {
            position: absolute;
            left: -44px;
            top: 26%;
        }
    /* steps bradcrimb */


    /** The Magic **/

    .btn-breadcrumb .btn:not(:last-child):after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 10px solid white;
        position: absolute;
        top: 50%;
        margin-top: -17px;
        left: 100%;
        z-index: 3;
    }

    .btn-breadcrumb .btn:not(:last-child):before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 17px solid transparent;
        border-left: 10px solid rgb(173, 173, 173);
        position: absolute;
        top: 50%;
        margin-top: -17px;
        margin-left: 1px;
        left: 100%;
        z-index: 3;
    }

    /** The Spacing **/

    .btn-breadcrumb .btn {
        padding: 6px 12px 6px 24px;
    }

        .btn-breadcrumb .btn:first-child {
            padding: 6px 6px 6px 10px;
        }

        .btn-breadcrumb .btn:last-child {
            padding: 6px 18px 6px 24px;
        }

        .btn-breadcrumb .btn.btn-default:not(:last-child):after {
            border-left: 10px solid #fff;
        }

        .btn-breadcrumb .btn.btn-default:not(:last-child):before {
            border-left: 10px solid #ccc;
        }

        .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
            border-left: 10px solid #ebebeb;
        }

        .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
            border-left: 10px solid #adadad;
        }


    /* search result */
    .search-result-row2 {
        background: #EEEEEE none repeat scroll 0 0;
        padding: 25px 30px 25px 15px;
        margin-bottom: 20px;
        position: relative;
    }

        .search-result-row2 .search-col-title {
            border-bottom: 1px solid #dadad8;
            margin: 10px -15px;
            min-height: 41px;
            padding: 0 15px;
        }

    .search-result-row {
        background: #EEEEEE none repeat scroll 0 0;
        padding: 25px 30px 25px 100px;
        margin-bottom: 20px;
        position: relative;
    }

    .search-result-row-new {
        background: #EEEEEE none repeat scroll 0 0;
        padding: 25px 30px 25px 30px;
        margin-bottom: 20px;
        position: relative;
    }

    .search-result-row .select-icon {
        position: absolute;
        left: 40px;
        top: 50%;
        margin-top: -25px;
    }

    .search-result-row.selected {
        color: #ffffff;
        border: none;
        background-color: #005b66;
    }

    .custom-btn-width {
        width: 185px;
        text-align: center; /* Centers text content horizontally */
    }

    .search-result-row .search-col-title {
        border-bottom: 1px solid #dadad8;
        margin: 10px -15px;
        min-height: 41px;
        padding: 0 15px;
    }

    .steps .ma-4steps-wizard > li {
        width: 33%;
    }

    /* -- timeline point 1 */

    .timeline-point-1,
    .timeline-point-1-blank {
        min-height: 35px;
        padding-left: 50px;
        background-image: url(../images/timeline-point-1.png);
        background-repeat: no-repeat;
        background-position: top 56% left;
    }

    .timeline-point-1-blank {
        min-height: 25px;
        background-position: top left;
    }
    /* -- / timeline point 1 */


    /* 5 column grid */

    .col-xs-15,
    .col-sm-15,
    .col-md-15,
    .col-lg-15 {
        position: relative;
        min-height: 1px;
        padding-right: 10px;
        padding-left: 10px;
    }

    .col-xs-15 {
        width: 16%;
        float: left;
    }

    @media (min-width: 768px) {
        .col-sm-15 {
            width: 16%;
            float: left;
        }

        .common-accordion .panel-default > .panel-heading {
            padding: 2em 1em;
        }

        .ma-widget-block-padding {
            padding: 0px 0px;
        }
    }

    @media (min-width: 992px) {
        .col-md-15 {
            width: 16%;
            float: left;
        }
    }

    @media (min-width: 1200px) {
        .col-lg-15 {
            width: 16%;
            float: left;
        }

        .common-accordion .panel-default > .panel-heading {
            padding: 1em 0 0.5em;
        }

        .ma-widget-block-padding {
            padding: 0px 10px 0px 10px;
        }

        .widget-box.border-right {
            border-right: 2px solid #999999;
        }

        .widget-box.border-right2 {
            border-right: 2px solid #999999;
        }

        .widget-box.padding-25 {
            padding: 25px;
        }

            .widget-box.padding-25.bordered {
                background: url("../images/border.png") no-repeat right 100px / 2px 311px;
            }

        .profile-pop {
            margin: 0px;
        }

        .profile-row .col-md-4 {
            position: static;
        }

        #slidemenu .navbar-right li a.dropdown-toggle {
            max-width: 122px;
        }

        #slidemenu .navbar-right li:nth-child(1) a.dropdown-toggle,
        #slidemenu .navbar-right li:nth-child(2) a.dropdown-toggle,
        #slidemenu .navbar-right li:nth-child(3) a.dropdown-toggle {
            max-width: 89px;
        }

        .content-box-style2.small-box,
        .highbill-box.small-box {
            padding: 25px;
            height: 220px;
        }

        #slidemenu .navbar-right li:nth-child(1) a.dropdown-toggle {
            max-width: 97px;
        }

        #slidemenu .navbar-right li:nth-child(2) a.dropdown-toggle {
            max-width: 80px;
        }

        #slidemenu .navbar-right li:nth-child(3) a.dropdown-toggle {
            max-width: 74px;
        }

        #slidemenu .navbar-right li:nth-child(4) a.dropdown-toggle {
            max-width: 122px;
        }

        #slidemenu .navbar-right li:nth-child(5) a.dropdown-toggle {
            max-width: 130px;
        }

        #slidemenu .navbar-right li:nth-child(6) a.dropdown-toggle {
            max-width: 130px;
        }

        @-moz-document url-prefix() {
            #slidemenu .navbar-right li:nth-child(3) a.dropdown-toggle {
                max-width: 75px;
            }
        }
    }

    /* only mobile */
    @media screen and (max-width: 32em) {
        .align-left-m {
            text-align: left;
        }

        .align-center-m {
            text-align: center;
        }

            .align-center-m i {
                float: none !important;
            }

        .m-full-btn {
            width: 100%;
            white-space: normal;
        }

        .steps .ma-4steps-wizard > li {
            width: 32%;
        }

        .col-xs-15 {
            width: 50%;
            float: left;
            margin-top: 15px;
        }

        .no-lr-margin {
            margin-left: 0px;
            margin-right: 0px;
        }

        .ma-widget-block-padding {
            padding: 0px;
        }

        .notvalid,
        .valid {
            width: 14px;
        }

        .content-box-btn-bottom {
            position: relative;
        }

        .content-box.content-box-light {
            padding: 15px;
        }
    }

    @media screen and (max-width: 580px) {
        .w100xxs {
            width: 100%;
        }

        .h1-as-p-m-btn {
            width: 100%;
            margin: 0 0 10px 0 !important;
        }

        .h1-as-s-mt {
            margin-top: 100px;
        }
    }

    @media only screen and (max-width: 768px) {
        .desktop-only {
            display: none;
        }

        .web-only {
            display: block;
        }

        #hydroOnePageTitleElement {
            white-space: inherit;
        }

        .common-accordion .panel-title .title {
            display: inline-block;
            width: inherit;
        }

        .common-accordion h2.accordion-title {
            margin: 0px 15px;
        }

        .ma-widget-block-padding .widget-header-link {
            font-size: 12px;
            top: 5px;
            width: 100px;
        }

        .process-completion-list li a {
            margin: 8px 4px;
        }

        .ma-icon-widget1-right h3 {
            margin: 35px 0 0;
        }

        .select-all-header-right {
            text-align: left !important;
        }
    }

    @media only screen and (min-width: 768px) {
        .desktop-only {
            display: block;
        }

        .web-only {
            display: none;
        }
    }

    /* -- footer msg */
    .Footer_Top_Row_2 {
        position: relative;
    }

    .footer-env-lbl {
        position: absolute;
        right: 0px;
        bottom: 0px;
        z-index: 99;
        display: inline-block;
    }

    /* -- sp overrides -- */
    .ms-signInLink {
        display: none !important;
    }

    /* --hide clear button in IE -- */
    input[type=text]::-ms-clear,
    input[type=number]::-ms-clear,
    input[type=tel]::-ms-clear,
    input[type=email]::-ms-clear {
        display: none;
    }

    /* -------------- WIZARD STYLES -------------- */
    .ma-wizard-list {
        text-align: center;
        padding: 0px;
        margin: 0px;
        margin-top: 25px;
        margin-bottom: 25px;
    }

        .ma-wizard-list li {
            list-style: none;
            color: #313131;
            display: inline-block;
            vertical-align: top;
        }

            .ma-wizard-list li button {
                height: 90px;
                width: 90px;
                display: inline-block;
                text-align: center;
                -moz-border-radius: 50px;
                -webkit-border-radius: 50px;
                border-radius: 50px;
                margin-bottom: 10px;
                text-decoration: none;
                cursor: pointer;
                font-size: 15px;
                padding: 25px;
                box-sizing: border-box;
                word-wrap: break-word;
                outline: none;
                font-weight: normal;
                border: 3px solid transparent;
            }

            .ma-wizard-list li button {
                background: #EEEEEE;
                color: #616161;
                cursor: text;
                border: 3px solid transparent;
            }

                .ma-wizard-list li button:hover {
                    background: #fff !important;
                    border: 3px solid #005b66 !important;
                    color: #005b66;
                    cursor: pointer !important;
                }

                .ma-wizard-list li button:focus {
                    outline: 1px dashed #000 !important;
                }

                .ma-wizard-list li button:disabled {
                    background: #EEEEEE;
                    color: #616161;
                    cursor: text;
                    border: 3px solid transparent;
                }

                    .ma-wizard-list li button:disabled:hover {
                        background: #EEEEEE !important;
                        color: #616161 !important;
                        cursor: text !important;
                        border: 3px solid transparent !important;
                    }

            .ma-wizard-list li.active button:disabled:hover {
                background: #005b66 !important;
                color: #fff !important;
                cursor: text !important;
                border: 3px solid transparent !important;
            }

    .ma-wizard-completed button {
        color: #fff !important;
        background: #616161 !important;
        cursor: pointer !important;
    }

        .ma-wizard-completed button:hover {
            background: #fff !important;
            border: 3px solid #005b66;
            color: #005b66 !important;
            cursor: pointer !important;
        }

        .ma-wizard-completed button:disabled {
            color: #616161 !important;
            background: #EEEEEE !important;
            cursor: pointer !important;
        }

    /* Active Red Button */
    .ma-wizard-list .active button,
    .ma-wizard-list .active button:hover {
        font-weight: normal;
        position: relative;
        padding: 25px;
        background: #005b66 !important;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        cursor: text;
    }

        .ma-wizard-list .active button:after {
            content: '';
            position: absolute;
            border-style: solid;
            border-width: 15px 15px 0;
            border-color: #005b66 transparent;
            display: block;
            width: 0;
            z-index: 1;
            bottom: -12px;
            left: 30px;
        }

    .ma-wizard-list .active button {
        color: #fff !important;
        background: #005b66;
    }

    /* Mobile wizard */
    .ma-mobile-wizard {
        padding-bottom: 2rem;
    }

    .ma-mobile-wizard-list {
        text-align: center;
        padding: 0px;
        margin: 0px;
        margin-top: 25px;
    }

        .ma-mobile-wizard-list li {
            list-style: none;
            display: inline-block;
            vertical-align: top;
            margin-right: 10px;
        }

            .ma-mobile-wizard-list li:last-child {
                margin-right: 0;
            }

            .ma-mobile-wizard-list li button {
                height: 10px;
                width: 55px;
                display: inline-block;
                background: #EEEEEE;
                border: none;
                box-shadow: none;
            }

        .ma-mobile-wizard-list button:hover {
            background: #005b66;
        }

        .ma-mobile-wizard-list .active button {
            background: #005b66 !important;
        }

    .ma-mobile-wizard-completed button {
        background: #616161 !important;
    }

    .ma-mobile-wizard-list li button:disabled {
        background: #EEEEEE;
    }

    .ma-mobile-wizard h2 {
        margin-top: 0;
    }

    /* Mobile wizard */

    /* Seperator */
    .ma-wizard-sep:after {
        content: '---';
        font-size: 30px;
        color: #ccc;
    }

    .ma-wizard-sep {
        padding: 20px 5px 0px 5px;
        height: 100px;
        vertical-align: middle !important;
    }

    @media only screen and (max-width: 480px) {
        .ma-wizard-list li button {
            width: 50px !important;
            height: 50px !important;
            font-size: 11px;
            padding: 5px;
            padding-top: 2px;
            min-width: 50px !important;
        }

        .ma-wizard-sep {
            padding: 10px 1px 0px 1px;
            height: 50px;
            vertical-align: middle;
        }

            .ma-wizard-sep:after {
                content: '-';
                font-size: 20px;
                color: #ccc;
            }

        .ma-wizard-list .active button:after {
            bottom: -8px;
            left: 13px;
            border-width: 10px 10px 0;
        }

        .ma-wizard-list .active button,
        .ma-wizard-list .active button:hover {
            padding: 9px;
        }

        .uib-daypicker .btn {
            padding: 10px 10px;
            min-width: 2em;
        }
    }

    /* Mobile wizard */
    @media only screen and (max-width: 580px) {
        .h1-mobile-only {
            display: block;
        }

        .h1-desktop-only {
            display: none;
        }
    }

    @media only screen and (min-width: 580px) {
        .h1-mobile-only {
            display: none;
        }

        .h1-desktop-only {
            display: block;
        }
    }

    /* Mobile wizard */

    /* -------------- WIZARD STYLES -------------- */
    .cmn-toggle {
        position: absolute;
        margin-left: -9999px;
        visibility: hidden;
    }

        .cmn-toggle + label {
            display: block;
            position: relative;
            cursor: pointer;
            outline: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

    /* ============================================================
  SWITCH 1 - ROUND
============================================================ */
    input.cmn-toggle-round + label {
        padding: 2px;
        width: 90px;
        height: 30px;
        background-color: #dddddd;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
        border-radius: 60px;
    }

        input.cmn-toggle-round + label:before,
        input.cmn-toggle-round + label:after {
            display: block;
            position: absolute;
            top: 1px;
            left: 1px;
            bottom: 1px;
            content: "";
        }

        input.cmn-toggle-round + label:before {
            right: 1px;
            background-color: #EEEEEE;
            -webkit-border-radius: 60px;
            -moz-border-radius: 60px;
            -ms-border-radius: 60px;
            -o-border-radius: 60px;
            border-radius: 60px;
            -webkit-transition: background 0.4s;
            -moz-transition: background 0.4s;
            -o-transition: background 0.4s;
            transition: background 0.4s;
        }

        input.cmn-toggle-round + label:after {
            width: 28px;
            background-color: #fff;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%;
            -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
            -webkit-transition: margin 0.4s;
            -moz-transition: margin 0.4s;
            -o-transition: margin 0.4s;
            transition: margin 0.4s;
        }

    input.cmn-toggle-round:checked + label:before {
        background-color: #8ce196;
    }

    input.cmn-toggle-round:checked + label:after {
        margin-left: 60px;
        text-align: center;
    }

    .post-code {
        border: 1px solid #cbcbcb;
        height: 46px;
        width: 122px;
    }

    .post-code-input {
        width: 50px;
        margin: 5px;
    }

        .post-code-input input {
            border-width: 0px 0px 1px 0px;
            box-shadow: none;
        }

    /*   NEW CHECK BOX / RADIO STYLES */
    .ho-control {
        display: block;
        position: relative;
        padding-left: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 20px;
        cursor: pointer;
        background: #f7f7f7;
        color: #3B3B3B;
        display: inline-block;
    }

        .ho-control.full-width {
            width: 100%;
        }

        .ho-control a {
            color: #333;
            text-decoration: underline;
            font-weight: 600;
        }

    .ho-control-active a {
        color: #fff;
        text-decoration: underline;
    }

    .ho-control-active {
        background: #005b66;
        color: #fff;
    }

        .ho-control-active a {
            color: #fff !important;
        }

    .ho-control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .ho-control-indicator {
        position: absolute;
        top: 12px;
        left: 10px;
        height: 20px;
        width: 20px;
        background: #fff;
        outline: dashed thin #005b66;
    }

    .ho-control-radio .ho-control-indicator {
        border-radius: 50%;
    }

    .ho-control-radio {
        margin-right: 4px
    }

    .ho-control-indicator {
        position: absolute;
        top: 12px;
        left: 10px;
        height: 20px;
        width: 20px;
        background: #fff;
    }

    .ho-control input ~ .ho-control-indicator {
        outline: dashed thin #005b66;
    }

        .ho-control input ~ .ho-control-indicator:hover,
        .ho-control input ~ .ho-control-indicator:focus,
        .ho-control:hover input ~ .ho-control-indicator,
        .ho-control input:focus ~ .ho-control-indicator,
        .ho-control:hover input ~ .ho-control-indicator:hover,
        .ho-control input:focus ~ .ho-control-indicator:focus,
        .ho-control input:checked ~ .ho-control-indicator {
            outline: solid thin #005b66;
        }

    .ho-control input:checked ~ .ho-control-indicator {
        background: #fff;
    }

    .ho-control:hover input:not([disabled]):checked ~ .ho-control-indicator,
    .ho-control input:checked:focus ~ .ho-control-indicator {
        background: #fff;
    }

    .ho-control input:disabled ~ .ho-control-indicator {
        background: #C3C3C3;
        opacity: 0.6;
        pointer-events: none;
    }

    .ho-control-indicator:after {
        content: '';
        position: absolute;
        display: none;
    }

    .ho-control input:checked ~ .ho-control-indicator:after {
        display: block;
    }

    .ho-control-checkbox .ho-control-indicator:after {
        left: 6px;
        top: 1px;
        width: 6px;
        height: 12px;
        border: solid #005b66;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .ho-control-checkbox input:disabled ~ .ho-control-indicator:after {
        border-color: #7b7b7b;
    }

    .ho-control-checkbox {
        margin-right: 4px;
    }

    .ho-control-radio .ho-control-indicator:after {
        left: 5px;
        top: 5px;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: #005b66;
    }

    .ho-control-radio input:disabled ~ .ho-control-indicator:after {
        background: #7b7b7b;
    }

    .gray_container {
        background: #F2F1F2;
        padding: 30px 0px;
        margin-bottom: 30px;
    }


    .line-border {
        border-bottom: 1px solid grey;
        position: relative;
    }

        .line-border span {
            background: #ffffff;
            display: inline-block;
            font-size: 18px;
            line-height: 20px;
            margin: -9px auto auto -30px;
            position: absolute;
            padding: 0px 20px;
        }

    .required-note:before {
        content: "*";
        color: #801B14;
        font-size: 22px;
        font-family: arial;
    }

    .required-note {
        display: block;
        font-size: 14px;
        color: #444;
        font-weight: normal;
    }

    .wizard-info {
        margin: 30px 0px;
    }

    /* Page Layout - Edit Mode Panel */
    .edit-mode-panel {
        width: 30% !important;
    }

    /* PHONE-NUMBER */

    /* --------- CARD -----------*/
    .card {
        position: relative;
        display: block;
        margin-bottom: .75rem;
        background-color: #fff;
        border-radius: .25rem;
    }

    .card-block {
        padding: 1.25rem;
    }

        .card-block p {
            margin-bottom: 5px;
        }

    /* profile popover */
    .popover.profile-pop {
        background-color: #EEEEEE;
        box-shadow: none;
        max-width: inherit;
        left: 0px !important;
        top: 0px !important;
        border-radius: 0px;
        border: none;
        margin: 15px 15px 50px 15px;
    }

        .popover.profile-pop .arrow {
            width: 0;
            height: 0;
            border-left: 50px solid transparent;
            border-right: 50px solid transparent;
            border-bottom: 50px solid #EEEEEE;
        }

            .popover.profile-pop .arrow:after {
                border-bottom-color: #EEEEEE;
            }

    .bio {
        position: relative;
    }

    .full-bio {
        min-height: 200px;
        background-color: #EEEEEE;
        position: relative;
        padding: 30px 100px;
        margin: 0px 0;
        display: none;
        margin-bottom: 30px;
    }

    .full-bio-link .hd-bio .caret-right {
        transform: rotate(90deg);
    }

    .full-bio-link .hd-bio {
        display: none;
    }

    .full-bio-link .sh-bio {
        display: block;
    }

    .full-bio-link.show .hd-bio {
        display: block;
    }

    .full-bio-link.show .sh-bio {
        display: none;
    }

    .card-block {
        position: relative;
    }

        .card-block .arrow {
            width: 0;
            height: 0;
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
            border-bottom: 30px solid #EEEEEE;
            position: absolute;
            bottom: -10px;
            left: 100px;
            display: none;
        }

    .full-bio .bio-socialicon {
        font-size: 3em;
        color: #000000;
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .social-profiles a {
        color: #000000;
    }

    .profile-row {
        position: relative;
    }

        .profile-row .card {
            position: inherit;
        }

    /* expand-box */
    .expand-box-row div[class*="col-"] {
        margin-bottom: 15px;
    }

    .expand-box {
        padding: 30px 20px;
    }

        .expand-box.two-line {
            padding: 20px 20px;
        }

        .expand-box .expand-link {
            margin: 5px 0px;
            position: relative;
            padding-right: 75px;
        }

    .expand-link p {
        margin: 0px;
    }

    .expand-box .expand-link span.expand {
        position: absolute;
        display: inline-block;
        right: 0px;
        top: 50%;
        margin-top: -10px;
        color: #005b66;
        line-height: 12px;
        font-size: 15px;
    }

        .expand-box .expand-link span.expand .font-awesome-icon {
            font-size: 24px;
            vertical-align: middle;
            margin-top: -2px;
            margin-left: 5px;
        }

    .expand-box .expand-content {
        display: none;
    }

    /*   SURANGA     */
    .bgred {
        background: #005b66;
        padding: 25px 0 !important;
    }

    .header-2 {
        padding: 25px 60px;
        color: #fff;
    }

        .header-2 h2 {
            margin-top: 0px;
        }

            .header-2 h2.phone-number {
                margin-bottom: 0px;
            }

    .btn-app-common.white-button {
        border-radius: 0px;
        min-width: 200px;
        font-weight: bold;
        background-color: #ffffff;
        color: #005b66;
        padding: 8px 20px;
        min-height: 45px;
    }

    .Header_Social_Icons {
        color: #e4ebed;
        text-align: left;
        margin-bottom: 25px;
        padding: 15px 0;
    }

        .Header_Social_Icons i {
            margin: 0px;
            font-size: 20px;
            color: #005b66;
        }

        .Header_Social_Icons a:link,
        .Header_Social_Icons a:visited {
            color: #444444;
            background-color: #ffffff;
            display: inline-block;
            width: 40px;
            height: 40px;
            margin-right: 15px;
            border-radius: 3px;
            padding: 10px;
        }

    .report-power {
        font-weight: bold;
    }


    @media only screen and (max-width: 768px) {

        .header-2 {
            padding: 15px;
            text-align: center;
        }

        .Header_Social_Icons {
            color: #e4ebed;
            text-align: center;
        }

        .header-2 .tn-app-common {
            width: 100% !important;
        }
    }

    @media only screen and (max-width: 480px) {
        .header-2 h2.phone-number {
            font-size: 24px;
        }

        .report-power {
            font-size: 24px;
            margin-top: 0;
            color: #005b66;
        }
    }

    /* Edit phone number */
    .ng-intl-tel-input-disabled input {
        border: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .ng-intl-tel-input-disabled div.arrow {
        display: none !important;
    }

    .ctrl-phone-display {
        padding-top: 7px;
    }

        .ctrl-phone-display .intl-tel-input .selected-flag .iti-flag {
            top: 16px !important;
        }

    .ctrl-phone-flag {
        float: left;
        width: 45px;
    }

    .ctrl-phone-label {
        float: left;
        padding-left: 45px;
    }

    /* Changes by Hasitha Yapa */
    .list-style2 li {
        list-style: none;
    }

    .list-style2.no-border li a {
        border: none;
        color: #005b66;
        display: inline-block;
        font-weight: 600;
    }

        .list-style2.no-border li a:hover {
            text-decoration: underline;
        }

    .no-border .caret-right {
        color: #005b66;
        POSITION: relative;
        top: -3px;
    }

    .money-energy-list .leftArrow {
        width: 180px;
        min-height: 182px;
    }

    .peak-wrapper {
        width: 100%;
        display: block;
        padding: 15px 10px;
        min-height: 55px;
        margin: 5px 0;
        float: left;
    }

        .peak-wrapper:first-child {
            margin-top: 0px;
        }

    .peak-bg-green {
        background: #8fbb3c;
    }

    .peak-bg-yellow {
        background: #f5c600;
    }

    .peak-bg-orange {
        background: #c85920;
    }

    span.peak-text {
        font-size: 16px;
        border-right: 1px solid #000;
        padding-right: 5px;
    }

    span.peak-amount {
        font-size: 17px;
    }

    .view-time a {
        width: 100%;
    }

    .white {
        color: #fff;
    }

    .meter-bottom {
        margin: 10px 0;
    }

        .meter-bottom p {
            display: inline-block;
            float: left;
            margin: 0px 15px 0 0;
            font-size: 12px;
            font-weight: normal;
        }

        .meter-bottom .peak-tablet {
            padding: 1px 5px;
            color: #fff;
            margin-right: 5px;
        }

    .bill-column .icon_list_1 {
        margin: 30px 0 0px;
    }

        .bill-column .icon_list_1 li {
            width: auto;
            min-height: auto;
            border: none;
            padding-left: 0;
        }

    .section-info p {
        max-width: 60%;
        margin: 0px auto;
    }

    .content-box-mybill {
        position: absolute;
        right: -35px;
        top: 30px;
    }

    .mybill-padding-reset {
        background-color: rgba(246, 249, 254, 0.89);
        padding: 35px 190px 25px 40px;
        position: relative;
        min-width: 525px;
        min-height: 180px;
    }

        .mybill-padding-reset a {
            min-width: 255px;
            min-height: 45px;
            padding: 8px 15px;
            margin: 0;
            position: absolute;
        }

    .mybill-padding-reset-new-wp {
        background-color: rgba(246, 249, 254, 0.89);
        padding: 35px 40px 25px 40px;
        position: relative;
        min-width: 525px;
        min-height: 180px;
    }

        .mybill-padding-reset-new-wp a {
            min-width: 285px;
            min-height: 45px;
            padding: 8px 15px;
            margin: 0;
            position: absolute;
        }

    .icon.small_white {
        height: 50px;
        width: 40px;
        background-size: auto auto;
    }

    .icon_phone_white {
        background-position: -212px -218px;
        vertical-align: middle;
    }

    .power-outage {
        min-width: 110px;
    }

    .content-box-outage {
        position: absolute;
        right: 30px;
        top: 30px;
    }

    .lead-over {
        margin-bottom: 0px;
    }

        .lead-over small {
            font-style: italic;
            font-weight: 100;
        }

            .lead-over small::before {
                content: '';
            }

    /* ///////////////// New PSD /////////////////////// */
    .content-box-businessC {
        position: absolute;
        right: -30px;
        top: -20px;
    }

    .list_style3 {
        list-style: none;
        padding: 0;
    }

        .list_style3 li {
            margin: 10px 0 20px;
        }

            .list_style3 li a {
                padding: 0px 50px 0px 0px;
                display: block;
                color: #242424;
                background: url(../images/arrow_right.png) right 1.5em center no-repeat;
                font-size: 17px;
            }

    .panel-body-bg {
        background: #EEEEEE !important;
    }

    .panel-default-resetter {
        padding: 20px 30px;
    }

    .panel-heading-resetter {
        border-bottom: 2px solid #424242 !important;
        padding: 10px 0px !important;
        background-color: transparent !important;
    }

    .panel-title-resetter {
        padding-bottom: 10px;
    }

    .white-bg {
        background-color: transparent !important;
        color: #005b66 !important;
    }

    .white-bg-cat {
        background-color: #fff !important;
        color: #005b66 !important;
    }

    .btn .caret-left {
        margin-top: -2px;
        margin-right: 10px;
    }

    .caret-left {
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        border-right: 6px solid;
        display: inline-block;
        height: 0;
        opacity: 1;
        vertical-align: middle;
        width: 0;
    }

    .btn-resetter a {
        width: 48%;
        margin: 0px 5px;
        float: left;
    }

    .panel-title-resetter a {
        font-size: 18px;
        font-weight: bold;
    }

    .login-wrap-padding {
        padding: 20px 30px 30px;
        display: block;
        overflow: hidden;
    }

    .fa-1x-new {
        font-size: 1.4em;
    }

    .congratz-text-box span:first-child {
        display: inline-block;
        float: left;
    }

        .congratz-text-box span:first-child i {
            margin-right: 10px;
        }

    .congratz-text-box span:last-child {
        display: inline-block;
        width: 88%;
        margin-left: 30px;
    }

    .login-wrap-padding .white-bg {
        border: hidden !important;
    }

    .mLogin a {
        color: #4e4e4e;
        font-weight: 600;
    }

        .mLogin a:hover,
        .mLogin a:visited,
        .mLogin a:focus {
            text-decoration: underline;
        }

    .dark-gray-panel {
        background: #616161;
        padding: 25px 65px;
    }

        .dark-gray-panel p {
            color: #fff;
            margin-bottom: 0;
            max-width: 89%;
            display: inline-block;
        }

    .icon.small_clock {
        height: 40px;
        width: 40px;
        background-size: auto auto;
    }

    .icon-clock {
        background-position: -256px -220px;
        vertical-align: middle;
        position: relative;
        top: -10px;
        margin-right: 10px;
    }

    .article-head {
        margin-bottom: 0;
    }

    .article-head {
        margin-bottom: 0;
        font-weight: bold;
    }

    .article-links {
        list-style: none;
        padding: 0;
    }

        .article-links li a {
            min-width: 0;
            line-height: 25px;
            font-size: 17px;
            font-weight: 400;
        }


    /* article style guide spacing */
    .article-main-container .container .widget-box {
        max-width: 640px;
    }

    @media screen and (min-width: 992px) {
        .article-main-container .container .widget-box {
            width: 640px;
        }
    }

    .article-main-container .container .widget-box:nth-child(1) > p:first-of-type {
        margin-bottom: 28px;
    }

    .article-main-container .container .widget-box img.full-width {
        padding-top: 7px;
        padding-bottom: 12px;
    }

    .article-main-container .container .widget-box h1,
    .article-main-container .container .widget-box h2,
    .article-main-container .container .widget-box h3 {
        margin-bottom: 23px;
    }

    .article-main-container .container .widget-box blockquote.articlequote {
        margin-top: 32px;
        margin-bottom: 35px;
        padding: 0px;
    }

    .article-main-container .container .widget-box .bulat-list li {
        margin-bottom: 13px;
    }

    /* / article style guide spacing */
    .pay-panel-wrapper {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .heading {
        display: block;
        overflow: hidden;
    }

    .icon-flash {
        background-position: -300px -220px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .red-border {
        line-height: 20px;
        margin: 0;
        display: inline-block;
        width: 90%;
        border-bottom: 2px solid #005b66;
        padding-bottom: 5px;
        font-weight: bold;
    }

    .ul-numbering {
        margin: 0;
        padding: 0 15px 0;
    }

        .ul-numbering li {
            list-style-type: decimal;
            font-size: 17px;
        }

    .rest-btn a {
        min-width: 0;
        padding: 12px 0;
    }

    .red-text {
        color: #005b66 !important;
    }

    .red-text-email {
        color: #005b66 !important;
        text-transform: lowercase;
    }

    .text-email {
        text-transform: lowercase;
    }

    .wrap-padding {
        padding: 0 15px;
        display: block;
        overflow: hidden;
    }

        .wrap-padding h3 {
            margin-top: 0;
        }

    .block-wrapper {
        padding: 20px 20px;
        display: block;
        overflow: hidden;
        width: 100%;
        text-decoration: none;
        color: #333;
        height: 95px;
    }

        .block-wrapper:hover,
        .block-wrapper:focus {
            text-decoration: none;
            background: #005b66;
            color: #fff;
        }

            .block-wrapper:hover p > small,
            .block-wrapper:focus p > small {
                color: #fff;
            }

            .block-wrapper:hover .icon-flash,
            .block-wrapper:focus .icon-flash {
                background-position: -343px -220px;
                vertical-align: middle;
            }

    .block-gray {
        background: #EEEEEE;
    }

    .block-red {
        background: #005b66;
    }

    .block-wrapper-active {
        text-decoration: none !important;
        background: #005b66 !important;
        color: #fff !important;
    }

        .block-wrapper-active .icon-flash {
            background-position: -343px -220px;
            vertical-align: middle;
        }


        .block-wrapper-active p > small {
            color: #fff !important;
        }

    .block-wrapper p,
    .call-block p {
        display: inline-block;
        width: 80%;
        font-size: 20px;
        margin-bottom: 0;
        line-height: 1;
    }

        .block-wrapper p.tag-line,
        .call-block p.tag-line {
            width: 100%;
        }

        .block-wrapper p > span {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            display: inline-block;
            margin-left: 10px;
        }

            .block-wrapper p > span.green {
                background: #5fc440;
            }

        .block-wrapper p > small {
            margin-left: 47px;
            line-height: 0;
            color: #818181;
            position: relative;
            font-weight: 400;
            top: -10px;
        }

    .block-wrapper .icon-flash {
        position: relative;
        top: 5px;
    }

    .block-wrapper-popover {
        background: #fff;
        border: 2px solid #fc0000;
        padding: 15px 15px;
        display: block;
        margin-top: 10px;
        overflow: hidden;
    }

        .block-wrapper-popover::before {
            content: '';
            position: absolute;
            left: 42%;
            top: -8px;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #f00;
            clear: both;
        }

        .block-wrapper-popover::after {
            content: '';
            position: absolute;
            left: 42%;
            top: -5px;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #fff;
            clear: both;
        }

    .block-wrapper-popover-live::before,
    .block-wrapper-popover-live::after {
        left: 14%;
    }

    .block-wrapper-popover-email::before,
    .block-wrapper-popover-email::after {
        left: 80%;
    }

    .call-block-active {
        text-decoration: none !important;
        background: #4e4e4e !important;
        color: #fff !important;
        background: url(../images/arrow_bottom_white.png) #4e4e4e no-repeat 90% !important;
    }


    .call-block {
        padding: 20px 20px 20px 40px;
        display: block;
        overflow: hidden;
        width: 100%;
        text-decoration: none;
        color: #333;
        min-height: 80px;
        background: url(../images/arrow_top.png) #EEEEEE no-repeat 90%;
    }

        .call-block:hover,
        .call-block:focus {
            text-decoration: none;
            background: #4e4e4e;
            color: #fff;
            background: url(../images/arrow_bottom_white.png) #4e4e4e no-repeat 90%;
        }

        .call-block p > small {
            margin-left: 0;
        }

        .call-block.middle-margin p {
            margin-top: 10px;
        }

    .call-block-content {
        overflow: hidden;
        display: block;
        width: 100%;
        padding: 25px 25px;
    }

    .time-input {
        width: 50%;
        float: left;
    }

    .bill-payment-item {
        float: none !important;
    }

    .rmv-width .time-input {
        width: inherit !important;
    }

    .time-input input {
        width: 50px;
        float: left;
        display: inline;
        margin-right: 10px;
    }

    .time-input span {
        font-size: 17px;
        position: relative;
        /*top: 3px;*/
    }

        .time-input span:first-child {
            margin-right: 5px;
        }

        .time-input span:last-child {
            margin-left: 5px;
        }

    .switch-wrapper {
        display: block;
        overflow: hidden;
        margin-top: 35px;
    }

    .margin-remover h3 {
        margin: 0;
    }

    @media only screen and (max-width: 768px) {
        .register-marketing-desc {
            padding-left: 4px;
        }
    }

    @media only screen and (min-width: 768px) {
        .register-marketing-slider {
            width: 8%;
        }
    }

    @media only screen and (min-width: 992px) {
        .register-marketing-slider {
            width: 16.66666667%;
        }
    }

    /* //////////////// Switch Styles ////////////////// */
    .switch {
        position: relative;
        display: inline-block;
        width: 55px;
        height: 30px;
        overflow: hidden;
        margin: 1px;
        padding: 0;
    }

        .switch input {
            display: none;
        }

        .switch:focus {
            outline: 1px dashed #000;
        }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #b0b0b0;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .slider:before {
            position: absolute;
            content: "";
            height: 20px;
            width: 20px;
            left: 6px;
            bottom: 5px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

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

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

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


    /**************************** Folder 5 CSS **************************************/
    .red-dropdown {
        border-bottom: 2px solid #005b66;
        border-left: none;
        border-right: none;
        border-top: none;
        box-shadow: none;
        height: 50px;
        color: #005b66;
        font-size: 26px;
        width: 90% !important;
        cursor: pointer;
        text-align: center;
    }

    .red-dropdownTitle {
        text-align: center !important;
        text-align-last: center !important;
        width: 70% !important;
    }

    .red-dropdown:hover,
    .red-dropdown:focus {
        border-left: transparent;
        border-right: transparent;
        border-top: transparent;
        border-bottom: 2px solid #005b66;
        box-shadow: none;
    }

    .red-dropdown-type2 {
        border-bottom: 2px solid #4d4d4d;
        color: #616161;
    }

        .red-dropdown-type2:hover,
        .red-dropdown-type2:focus {
            border-left: transparent;
            border-right: transparent;
            border-top: transparent;
            border-bottom: 2px solid #4d4d4d;
            box-shadow: none;
        }

    .red-dropdown[disabled] {
        background-color: transparent;
    }

        .red-dropdown[disabled]:hover {
            border-bottom: 2px solid #e1e1e1;
        }

    .red-dropdown option {
        font-size: 24px !important;
        text-align: left;
    }

    .light-gray {
        background: #e1e1e1;
    }

        .light-gray p {
            color: #252525;
        }

    .icon-exp {
        background-position: -13px -274px;
        vertical-align: top;
        position: relative;
        top: 10px;
        margin-right: 10px;
    }

    .section-bottom {
        display: block;
        overflow: hidden;
    }

        .section-bottom > .widget-box {
            display: block;
            overflow: hidden;
        }

            .section-bottom > .widget-box h2 {
                margin-bottom: 45px;
            }

    .chk-radio-btn label {
        padding: 22px 35px;
        width: 100%;
    }

    .chk-radio-btn .ho-control-indicator {
        top: 23px;
    }

    .step-btn-wrapper {
        width: 60%;
        margin: 50px auto 0;
    }

    .pricing-radio-btn label {
        padding: 22px 55px 22px 45px;
        width: 100%;
        text-align: left;
    }

        .pricing-radio-btn label > .ho-control-indicator {
            top: 35px;
        }

    .pricing-radio-btn .icon.icon-info {
        height: 30px;
        width: 30px;
        background-size: auto auto;
        float: right;
        position: relative;
        right: -50px;
        top: -15px;
    }

    .icon-info {
        background-position: -69px -279px;
        vertical-align: middle;
        margin-right: 10px;
    }

    .number-wizard {
        list-style: none;
        margin: 30px auto 60px;
        border-bottom: 2px solid #cccccc;
        padding-bottom: 30px;
        width: 60%;
    }

        .number-wizard li {
            display: inline-block;
            width: 45px;
        }

            .number-wizard li span {
                height: 25px;
                width: 25px;
                border-radius: 50%;
                background: #4e4e4e;
                display: block;
                color: #fff;
                padding-top: 4px;
            }

    .num-wiz-red {
        background: #005b66 !important;
    }

    .number-wizard-grp label {
        font-size: 26px !important;
        text-align: right;
        padding-right: 25px;
    }

    .number-wizard-grp select {
        float: left;
        width: auto;
        padding: 0 30px 0 10px;
    }

    .result-wrapper {
        display: block;
        overflow: hidden;
        padding: 30px 20px;
        background: #EEEEEE;
        margin-top: 35px;
    }

        .result-wrapper ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .result-wrapper ul li {
                color: #424242;
                font-size: 17px;
            }

            .result-wrapper ul li {
                color: #424242;
                font-size: 17px;
                display: block;
                overflow: hidden;
                margin-bottom: 20px;
            }

    .icon-blub {
        background-position: -13px -323px;
        vertical-align: middle;
        position: relative;
        top: -7px;
        margin-right: 10px;
    }

    .icon.small_blub {
        height: 60px;
        width: 40px;
        background-size: auto auto;
        float: left;
    }

    .result-wrapper ul li p {
        margin: 0;
        padding: 15px 0 0 60px;
    }

    .icon.small_email {
        height: 37px;
        width: 40px;
        background-size: auto auto;
    }

    .icon-email {
        background-position: -64px -342px;
        vertical-align: middle;
        position: relative;
        top: -1px;
        margin-right: 10px;
    }

    .result-wrapper .btn-resetter a {
        min-height: 66px;
    }

        .result-wrapper .btn-resetter a:first-child {
            padding-top: 18px;
        }

    .btn-app-border-new:focus,
    .btn-app-border-new.focus {
        color: #ffffff;
        background-color: #005b66;
    }

    .cost-cal-dbl-wrap-right {
        padding-left: 30px;
    }

    .cost-cal-dbl-wrap h3 {
        font-size: 20px !important;
        font-weight: bold !important;
    }

    .cost-cal-dbl-wrap p {
        font-size: 17px;
        color: #424242;
        margin: 0 0 20px;
    }

    a.gry-btn {
        background-color: #005b66;
    }

    .gry-btn:hover,
    .gry-btn:visited,
    .gry-btn:focus {
        border: 3px solid #767676 !important;
        color: #005b66 !important;
        background-color: #fff;
    }

    .cost-cal-dbl-wrap-divider {
        border-right: 2px solid #a0a0a0;
    }

    .disable {
        color: #cccccc;
    }

    .disable-editemail {
        cursor: not-allowed;
        color: #cccccc;
        pointer-events: none;
    }

    .disable-editupdate {
        cursor: not-allowed;
        color: #cccccc;
        pointer-events: none;
    }

    /*.disable-editupdateBack {
    background-color: silver !important;
}
*/
    ul.cost-cal-menu {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .cost-cal-menu li {
        position: relative;
        display: inline-block;
        float: left;
        margin-right: 18px;
    }

        .cost-cal-menu li:last-child {
            margin-right: 0px;
        }

    .cost-cal-menu a {
        display: inline-block;
        padding: 15px 0px;
        min-width: 140px;
        min-height: 132px;
        position: relative;
        width: 140px;
        height: 140px;
    }

    .cost-cal-white-bg {
        background-color: #fff;
    }

    .cost-cal-menu a:hover,
    .cost-cal-menu a:focus,
    .cost-cal-menu a:visited,
    .cost-cal-selected {
        text-decoration: none;
        border: 3px solid #005b66;
    }

    .cost-cal-selected {
        background-color: #fff !important;
    }

        .cost-cal-menu a:hover:before,
        .cost-cal-selected:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: -20px;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 20px solid #005b66;
            clear: both;
            margin: 0 auto;
        }

        .cost-cal-menu a:hover:after,
        .cost-cal-selected:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: -15px;
            width: 0;
            height: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-top: 20px solid #fff;
            clear: both;
            margin: 0 auto;
        }

    .menu-warp {
        position: relative;
        display: block;
    }

        .menu-warp .notification {
            height: 25px;
            width: 25px;
            border-radius: 50%;
            background: #005b66;
            padding: 3px 9px;
            position: absolute;
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            right: 5px;
            top: -10px;
        }

        .menu-warp .img-wrap {
            display: block;
            height: 55px;
            width: 55px;
            margin: 0 auto;
            background-color: #616161;
            padding-top: 10px;
            padding-left: 10px;
            border-radius: 50%;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
        }

    .cost-cal-menu a:hover .img-wrap {
        background-color: #005b66;
    }

    .cost-cal-menu .img-wrap-active-new {
        background-color: #005b66;
    }

    .menu-warp .menu-titile {
        font-size: 15px;
        font-weight: bold;
        color: #616161;
        text-align: center;
        margin: 10px auto 0;
        display: block;
    }

    .icon.small_menu_icons {
        height: 35px;
        width: 35px;
        background-size: auto auto;
        float: left;
        vertical-align: middle;
        position: relative;
    }

    .menu-icon-1 {
        background-position: -18px -650px;
    }

    .menu-icon-2 {
        background-position: -54px -650px;
    }

    .menu-icon-3 {
        background-position: -98px -650px;
    }

    .menu-icon-4 {
        background-position: -138px -650px;
    }

    .menu-icon-5 {
        background-position: -180px -650px;
    }

    .menu-icon-6 {
        background-position: -220px -650px;
    }

    .cost-cal-gray-bg {
        background-color: #EEEEEE;
    }

        .cost-cal-gray-bg:hover,
        .cost-cal-gray-bg:focus {
            background-color: #ffffff;
        }

    .carousel-control.right,
    .carousel-control.left {
        background-image: none;
    }

    .carousel-width {
        width: 15%;
        margin: 0 10px;
        padding: 0;
    }

    .menu-carousel .item {
        height: 165px;
        left: 8% !important;
    }

    .menu-carousel .carousel-control {
        width: 0%;
        top: -40px;
        color: #858585;
    }

    .menu-icon-sub-1 {
        background-position: -18px -652px;
    }

    .menu-icon-sub-2 {
        background-position: -15px -592px;
    }

    .menu-icon-sub-3 {
        background-position: -53px -592px;
    }

    .menu-icon-sub-4 {
        background-position: -91px -592px;
    }

    .menu-icon-sub-5 {
        background-position: -132px -592px;
    }

    .small-blocks {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .small-blocks li {
            display: inline-block;
            margin-right: 20px;
            float: left;
            overflow: hidden;
        }

            .small-blocks li a {
                padding: 20px 15px;
                background: #fff;
                font-size: 18px;
                color: #3f3f3f;
                font-weight: bold;
                display: inline-block;
                min-width: 122px;
            }

        .small-blocks a:hover {
            text-decoration: none;
        }

        .small-blocks li a .add-new-btn {
            height: 20px;
            width: 20px;
            color: #fff;
            background-color: #005b66;
            border-radius: 50%;
            display: inline-block;
            padding: 0px 5px;
            font-size: 16px;
            line-height: 20px;
        }

    .cost-cal-mobile-btn {
        display: none;
    }

    .week-icon-box {
        list-style: none;
        padding: 0;
        margin-top: 40px;
        margin-bottom: 0;
    }

        .week-icon-box li {
            display: inline-block;
            height: 40px;
            width: 40px;
            background: #616161;
            color: #fff;
            padding: 8px 12px;
            text-align: center;
            font-size: 17px;
            margin-right: 5px;
        }

            .week-icon-box li a {
                color: #fff;
            }

    .week-icon-box-selected {
        background: #005b66 !important;
    }

    .week-btn-wrapper {
        display: block;
        overflow: hidden;
        height: auto;
        width: 100%;
    }

        .week-btn-wrapper a {
            min-height: 40px;
            min-width: 162px;
            padding: 12px 35px;
            background-color: #616161;
            color: #fff;
            font-size: 17px;
            margin-top: 15px;
            display: inline-block;
            margin-right: 5px;
            text-align: center;
        }

    .week-btn-selected {
        background: #005b66 !important;
    }

    .update-btn-wrapper {
        margin-top: 45px;
        width: 100%;
        display: block;
        overflow: hidden;
    }

        .update-btn-wrapper a {
            min-width: 162px;
        }

    .freeq-wrapper {
        padding: 54px 15px;
        display: block;
        overflow: hidden;
    }

    .peak-indicator-wrapper {
        display: block;
        overflow: hidden;
        width: 97%;
        margin-top: 40px;
        float: left;
    }

        .peak-indicator-wrapper span {
            min-width: 95px;
            display: inline-block;
            text-align: center;
            font-size: 17px;
            padding-bottom: 10px;
            margin-right: 4px;
            float: left;
        }

    .peak-red-border {
        border-bottom: 3px solid #005b66;
    }

    .peak-yellow-border {
        border-bottom: 3px solid #e4dd21;
    }

    .peak-green-border {
        border-bottom: 3px solid #a6e421;
    }

    .peak-indicator-wrapper a {
        margin-right: 0;
        min-width: 184px;
    }

    .gray2 {
        background: #8f8f8f;
    }

    .estimation-div {
        width: 22%;
        border-right: 2px solid #fff;
        display: inline-block;
        float: left;
        overflow: hidden;
    }

        .estimation-div h2,
        .estimation-div p {
            color: #fff;
            margin: 0;
        }

        .estimation-div p {
            font-weight: 300;
        }

    .estimation-right-div {
        width: 78%;
        display: inline-block;
        float: left;
        overflow: hidden;
        padding: 4px 25px;
    }

        .estimation-right-div a {
            margin-right: 10px;
            background-color: #fff;
            color: #005b66;
            float: left;
        }

            .estimation-right-div a:last-child {
                margin-right: 0;
            }

    .estimate-lower-sec h2 {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .estimate-lower-sec .heading,
    .estimate-lower-sec .m-t-30 {
        color: #fff;
    }

    .estimate-lower-sec .chk-radio-btn {
        padding: 0;
    }

    .chk-radio-btn label p {
        margin: 0;
        margin-left: 40px;
    }

    .estimate-lower-sec .chk-radio-btn .ho-control-indicator {
        left: 30px;
        top: 30px;
    }

    .close {
        position: absolute;
        opacity: 1;
        float: right;
        right: 40px;
        height: 25px;
        width: 25px;
        overflow: hidden;
    }

        .close:hover {
            opacity: 1;
        }

        .close:before,
        .close:after {
            position: absolute;
            left: 11px;
            content: ' ';
            height: 18px;
            width: 3px;
            background-color: #005b66;
            top: 2px;
        }

        .close:before {
            transform: rotate(45deg);
        }

        .close:after {
            transform: rotate(-45deg);
        }

    .estimate-lower-sec {
        display: block;
        overflow: hidden;
    }

        .estimate-lower-sec .update-btn-wrapper {
            text-align: center;
        }

    /*
 *  0 - Classes for time selector spinner
 *  =================================================
 */

    .time-selector {
        width: 300px;
        height: 172px;
        margin: 4px;
    }

        .time-selector .time-spinner-wrapper {
            display: inline-block;
            float: left;
            width: 180px;
            height: 140px;
            margin: 10px 0;
            position: relative;
        }

        .time-selector .time-spinner {
            margin-left: 60px;
            height: 100px;
            width: 120px;
            overflow: hidden;
            clear: both;
            border: 1px solid darkgray;
            background-color: transparent;
            z-index: 1;
        }

        .time-selector .upper-half,
        .time-selector .lower-half {
            position: absolute;
            top: 0;
            left: 0;
            width: 120px;
            height: 50px;
            margin-left: 60px;
            z-index: 0;
        }

        .time-selector .upper-half {
            top: 20px;
            background: linear-gradient(to bottom, #dcdcdc, white);
        }

        .time-selector .lower-half {
            top: 70px;
            background: linear-gradient(to top, #dcdcdc, white);
        }

        .time-selector .top-arrow,
        .time-selector .bottom-arrow {
            background-color: #eeeeee;
            border: solid 1px #dcdcdc;
            clear: both;
            height: 20px;
            margin-left: 60px;
            cursor: pointer;
        }

            .time-selector .top-arrow:hover,
            .time-selector .bottom-arrow:hover {
                background-color: #f0f0f0;
            }

        .time-selector .ampm-selection {
            display: inline-block;
            float: left;
            width: 120px;
            height: 120px;
            margin: 10px 0;
            padding-top: 60px;
        }

            .time-selector .ampm-selection .ampm-button {
                padding: 0 8px;
                height: 20px;
                cursor: pointer;
                width: 32px;
                text-align: left;
            }

        .time-selector .time {
            padding: 0 2px;
            height: 20px;
            clear: both;
            overflow: hidden;
            background-color: transparent;
            z-index: 1;
        }

            .time-selector .time span.hour {
                display: inline-block;
                float: right;
                text-align: right;
                width: 32px;
            }

            .time-selector .time span.minute {
                display: inline-block;
                float: right;
                text-align: left;
                width: 52px;
                margin-left: 8px;
            }

        .time-selector .selected {
            font-weight: bold;
        }

        .time-selector .time-spinner-selected {
            transform: rotateX(0deg);
        }

    /*
 *  0 - Classes for the circular time frame selector
 *  ================================================
 */
    .time-frame-editor .ampm-header {
        display: block;
        text-align: center;
    }

    .time-frame-editor .am {
        float: left;
        width: 50%;
        display: inline-block;
        border-right: 2px solid rgba(97, 97, 97, 0.3);
    }

    .time-frame-editor .pm {
        float: left;
        width: 50%;
        display: inline-block;
        background-color: rgba(145, 145, 145, 0.7);
    }

    .time-frame-editor h2 {
        padding: 10px 0 0 0;
        margin: 0;
    }

    .time-frame-editor .pm h2 {
        color: #fff;
    }

    .time-frame-editor .am h2 {
        color: #494949;
    }

    .time-frame-editor-body {
        display: block;
    }

        .time-frame-editor-body .pm {
            padding: 0 20px 20px 6px;
        }

        .time-frame-editor-body .am {
            padding: 0 6px 20px 20px;
            border-right: 2px solid rgba(97, 97, 97, 0.3);
        }




    /* ================= hour board ================== */
    .hour-board {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .pm .hour-board {
        color: #ffffff;
        border-color: #ffffff;
        text-align: left;
    }

    .am .hour-board {
        color: #919191;
        border-color: #919191;
        text-align: right;
    }

    .hour-board li {
        height: 9px;
    }

    .am .hour-board li {
    }

    .pm .hour-board li {
    }

    .hour-board li.selected {
        color: #005b66;
        border-color: #005b66;
    }

    .hour-board span {
        display: inline-block;
        color: inherit;
        font-weight: bold;
        font-size: 10px;
        width: 12px;
        text-align: center;
        margin: 0;
        padding-top: 3px;
    }

    .pm .hour-board span {
        float: left;
        padding-right: 3px;
    }

    .am .hour-board span {
        float: right;
        padding-left: 3px;
        padding-top: 0;
    }

    .hour-board hr {
        display: inline-block;
        padding: 0;
        margin: 7px auto;
        height: 0;
        width: 80%;
        max-height: 0;
        font-size: 1px;
        line-height: 0;
        clear: both;
        border-bottom-width: 1px;
        border-left-width: 0;
        border-right-width: 0;
        border-top-width: 1px;
        border-style: solid;
        border-color: inherit;
        color: inherit;
    }

    .hour-board li hr.half-hour {
        border-top-width: 0px;
    }

    /* === circular selector */

    .circular-selector {
        display: inline-block;
        position: absolute;
        height: 232px;
        width: 232px;
        border-radius: 50%;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 0;
        top: 42px;
        z-index: 9;
        overflow: hidden;
        text-align: center;
        background-color: #fff;
        transform: none;
    }

        .circular-selector .circular-selector-arc0 {
            position: absolute;
            width: 232px;
            height: 232px;
            border-radius: 50%;
            clip: rect(0px, 232px, 232px, 116px);
            overflow: hidden;
        }

        .circular-selector .circular-selector-arc1 {
            position: absolute;
            width: 232px;
            height: 232px;
            border-radius: 50%;
            clip: rect(0px, 116px, 232px, 0px);
            overflow: hidden;
        }

        .circular-selector .circular-selector-inner {
            display: block;
            position: absolute;
            height: 192px;
            width: 192px;
            border-radius: 50%;
            left: 20px;
            top: 20px;
            right: 0;
            vertical-align: middle;
        }

    .circular-selector-inner .circular-selector-inner-left {
        position: absolute;
        width: 192px;
        height: 192px;
        border-radius: 50%;
        background-color: #919191;
        overflow: hidden;
    }

    .circular-selector-inner .circular-selector-inner-right {
        position: absolute;
        width: 192px;
        height: 192px;
        border-radius: 50%;
        clip: rect(0px, 192px, 192px, 96px);
        background-color: #EEEEEE;
        overflow: hidden;
    }

    /* == circular timeframe display === */

    .circular-timeframe-arc0 {
        position: absolute;
        width: 232px;
        height: 232px;
        border-radius: 50%;
        clip: rect(0px, 116px, 232px, 0px);
        overflow: hidden;
    }

    .circular-timeframe-arc1 {
        position: absolute;
        width: 232px;
        height: 232px;
        border-radius: 50%;
        clip: rect(0px, 116px, 232px, 0px);
        overflow: hidden;
    }

    .circular-indicator {
        position: absolute;
        width: 20px;
        height: 20px;
        background-color: #ebebeb;
        color: white;
        z-index: 10;
        border-color: #5f5f5f;
        border-radius: 50%;
        border-width: 2px;
        border-style: solid;
        box-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    }

    /* === user hours display === */

    .circular-selector .user-chart-wrapper {
        display: block;
        position: absolute;
        height: 172px;
        width: 172px;
        border-radius: 50%;
        vertical-align: middle;
    }

    .user-chart-wrapper .user-cal-hrs-wrapper {
        position: absolute;
        border-radius: 50%;
        height: 132px;
        width: 132px;
        left: 24px;
        top: 24px;
        background-color: #fff;
        padding: 0;
    }

    .user-cal-hrs-wrapper .hrs {
        font-size: 57px;
        line-height: 30px;
        text-align: center;
        font-weight: bold;
        margin-bottom: 10px;
        margin-top: 42px;
        display: block;
        color: #616161;
    }

    .user-cal-hrs-wrapper .hrs-text {
        font-size: 15px;
        color: #616161;
        letter-spacing: 2px;
        text-align: center;
    }

    /* === time of use billing periods === */

    .tou-period-background {
        background-color: lightgrey;
        position: absolute;
        left: 5px;
        top: 5px;
        width: 182px;
        height: 182px;
        border-radius: 50%;
    }

        .tou-period-background .pie-left {
            position: absolute;
            width: 182px;
            height: 182px;
            border-radius: 50%;
            clip: rect(0px, 182px, 182px, 91px);
            overflow: hidden;
        }

        .tou-period-background .pie-right {
            position: absolute;
            width: 182px;
            height: 182px;
            border-radius: 50%;
            clip: rect(0px, 91px, 182px, 0px);
            overflow: hidden;
        }

    /* === end time frame editor area classes === */

    .item-value-wrapper {
        display: block;
        overflow: hidden;
        height: auto;
        width: 100%;
    }

        .item-value-wrapper .value-header-section {
            padding: 15px 40px 15px 20px;
            display: block;
            overflow: hidden;
            background-color: #616161;
            min-height: 80px;
        }

    .value-header-section span {
        font-size: 18px;
        color: #fff;
    }

    .value-header-section .delete-icon-wrapper {
        display: block;
        float: right;
        height: 21px;
        width: 21px;
        background: #fff;
        border-radius: 50%;
        margin-top: 2px;
        position: absolute;
        right: 20px;
        top: 20px;
    }

    .icon.delete_small_icons {
        height: 35px;
        width: 35px;
        background-size: auto auto;
        float: left;
        vertical-align: middle;
        position: relative;
    }

    .delete-icon {
        background-position: -105px -284px;
    }

    .modal-header {
        border-bottom: none;
    }

    .modal-text {
        padding: 0 50px;
        text-align: center;
    }

    .value-body-section {
        background: #EEEEEE;
        min-height: 150px;
        padding: 25px 20px;
        display: block;
        overflow: hidden;
    }

        .value-body-section .left-sec {
            display: block;
            width: 70%;
            overflow: hidden;
            float: left;
        }

        .value-body-section .right-sec {
            width: 30%;
            display: block;
            overflow: hidden;
        }

            .value-body-section .right-sec .timeframe-icon-wrapper {
                position: relative;
                height: 68px;
                width: 68px;
                margin: 1px auto 3px;
                background-color: transparent;
            }

                .value-body-section .right-sec .timeframe-icon-wrapper .tf-iconframe-arc0 {
                    position: absolute;
                    width: 68px;
                    height: 68px;
                    border-radius: 34px;
                    clip: rect(0px, 68px, 68px, 34px);
                    overflow: hidden;
                    z-index: 1;
                }

                .value-body-section .right-sec .timeframe-icon-wrapper .tf-iconframe-arc1 {
                    position: absolute;
                    width: 68px;
                    height: 68px;
                    border-radius: 50%;
                    clip: rect(0px, 34px, 68px, 0px);
                    overflow: hidden;
                    background-color: #005b66;
                    z-index: 1;
                }

                .value-body-section .right-sec .timeframe-icon-wrapper .tf-iconframe-arc360 {
                    position: absolute;
                    width: 68px;
                    height: 68px;
                    border-radius: 50%;
                    overflow: hidden;
                    background-color: #005b66;
                    z-index: 1;
                }

                .value-body-section .right-sec .timeframe-icon-wrapper .tf-iconframe-background {
                    position: absolute;
                    top: 2px;
                    left: 2px;
                    width: 64px;
                    height: 64px;
                    border-color: #a0a0a0;
                    border-width: 1px;
                    border-style: solid;
                    border-radius: 50%;
                    z-index: 0;
                    background-color: transparent;
                }

                .value-body-section .right-sec .timeframe-icon-wrapper .tf-iconframe-inner {
                    position: absolute;
                    width: 58px;
                    height: 58px;
                    top: 5px;
                    left: 5px;
                    border-radius: 50%;
                    background-color: #EEEEEE;
                    z-index: 2;
                }

            .value-body-section .right-sec h4 {
                line-height: 15px;
                padding-top: 5px;
            }

    .item-value {
        display: block;
        color: #252525;
        font-weight: bold;
    }

    .item-value-text {
        font-size: 12px;
        color: #252525;
    }

    .left-sec h2 {
        padding-bottom: 10px;
        border-bottom: 2px solid #8b8b8b;
        width: 80%;
        margin: 0 auto 13px;
    }

    .left-sec sup {
        font-size: 60%;
    }

    .left-sec p {
        margin-bottom: 0;
    }

    .left-sec input {
        width: 70px;
    }

    .left-sec a,
    .right-sec a {
        color: #005b66;
    }

        .left-sec a .caret-right,
        .right-sec a .caret-right {
            border-bottom: 4px solid transparent;
            border-top: 4px solid transparent;
            border-left: 4px solid;
            display: inline-block;
            height: 0;
            opacity: 1;
            vertical-align: middle;
            width: 0;
            margin-left: 10px;
            margin-top: -2px;
        }

    .right-sec p {
        font-size: 15px;
        margin-bottom: 0;
    }

    #carousel-example-generic2 .carousel-control {
        width: 0%;
    }

    #carousel-example-generic2 .left {
        left: -20px;
    }

    #carousel-example-generic2 .right {
        right: -20px;
    }

    .left-sec-name {
        width: 90%;
        border: none !important;
        padding: 2px 10px;
        margin-top: 5px;
    }

    .value-red-header {
        background-color: #005b66 !important;
    }

    .meter-reading-light-gray-sec {
        display: block;
        overflow: hidden;
        padding: 33px 35px 22px;
        background: #EEEEEE;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

        .meter-reading-light-gray-sec h2,
        .meter-reading-light-gray-sec p {
            margin: 0;
        }

    .meter-reading-dark-gray-sec {
        display: block;
        overflow: hidden;
        padding: 33px 35px 22px;
        background: #EEEEEE;
        border-radius: 5px;
    }

        .meter-reading-dark-gray-sec p {
            display: inline-block;
            color: black;
        }

    .need-for-help {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .need-for-help li a {
            font-size: 17px;
            color: #005b66;
        }

            .need-for-help li a p {
                font-weight: 600;
            }

    .width-setup {
        width: 62%;
    }

    /* New Upadates -01/19 */
    .modal-body .Add {
        margin-right: 0;
    }

    .popup-email-input {
        width: 200px;
        padding: 10px;
    }

    .popup-heading {
        margin: 0;
    }

    .modal-text-close {
        padding: 0px 40px 0 80px;
    }

        .modal-text-close .validdate:after {
            top: 10px;
            left: -30px;
        }

    .padding-remover {
        padding-left: 0;
        padding-right: 0;
    }

    .meter-reading-dark-gray-sec input {
        padding: 16px 15px;
        border: none;
        min-height: 45px;
        float: left;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .meter-reading-dark-gray-sec a {
        padding: 8px 20px;
        float: left;
        min-width: 160px;
    }

    .meter-reading-dark-gray-sec button {
        height: 45px;
        padding: 5px 20px;
    }

    .meter-reading-light-gray-sec input {
        padding: 16px 15px;
        border: none;
        min-height: 45px;
        float: left;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }

    .meter-reading-light-gray-sec a {
        padding: 8px 20px;
        float: left;
        min-width: 160px;
    }

    .timeline-gray {
        background: #EEEEEE;
    }

    .meter-history-wrapper span strong {
        color: #434343;
    }

    /* New Upadates -01/20 */
    .gry-btn-bg {
        background-color: #616161;
    }

    .meter-history-wrapper {
        padding: 33px;
        color: #5d5d5d;
    }

        .meter-history-wrapper span:last-child {
            border-bottom: 3px solid #005b66;
            padding-bottom: 5px;
        }

    .meter-reading-wrapper {
        display: inline-block;
        overflow: hidden;
        width: 50%;
        float: left;
    }

    .meter-video-wrapper,
    .meter-image-wrapper {
        display: inline-block;
        float: left;
        width: 100%;
        position: relative;
    }

    .meter-reading-wrapper p {
        padding: 10px 20px;
        margin-top: 10px;
        display: block;
        overflow: hidden;
    }

    .meter-video-wrapper .video-btn {
        background-image: url(../images/vide-btn.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0 auto;
        width: 73px;
        height: 73px;
        transform: translate(-50%, -50%);
    }

    .meter-reading-head {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .m-red-padding {
        overflow: hidden;
    }

    .hv-diff {
        color: #005b66 !important;
    }

    .timeline-N {
        list-style: none;
        position: relative;
        margin: 0;
        padding: 0;
    }

        .timeline-N li {
            display: block;
            min-height: 50px;
        }

    .remove-bg-color {
        background-color: transparent !important;
    }

    .timeline-N li:nth-child(even) {
        background-color: #EEEEEE;
    }

    .timeline-N-icon {
        background-image: url(../images/timeline-point-top.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 15px;
    }

    .timeline-N-icon2 {
        background-image: url(../images/timeline-point-middle.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-N-icon3 {
        background-image: url(../images/timeline-point-bottom.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-height {
        height: 50px;
        text-align: center;
    }

    .timeline-N li .timeline-left {
        display: inline-block;
        float: left;
        overflow: hidden;
        width: 50%;
    }

    .timeline-N li .timeline-right {
        display: inline-block;
        float: left;
        width: 50%;
        padding: 15px 20px 15px 80px;
        position: relative;
    }

    .timeline-left-padding {
        padding: 15px 130px;
    }

    .timeline-left p,
    .timeline-right p {
        color: #4e4e4e;
        margin: 0;
    }

    .timeline-italic p,
    .text-italic {
        font-style: italic;
    }

    .timeline-bold p {
        font-weight: normal;
    }

    .timeline-red p {
        color: #005b66;
    }

    .hydroOne-icon {
        background-image: url(../images/hydroOne-icon.png);
        height: 21px;
        width: 21px;
        display: inline-block;
        position: absolute;
        margin-left: 10px;
    }

    .cost-cal-li {
        width: 145px !important;
    }

    .red-dropdown {
        -webkit-appearance: none;
    }

    select.red-dropdown {
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: '';
        background: transparent url(../images/re-dropdown-icon.png) no-repeat 96% center;
    }

        select.red-dropdown::-ms-expand {
            display: none;
            background: transparent url(../images/re-dropdown-icon.png) no-repeat 96% center;
        }

        select.red-dropdown[disabled] {
            -moz-appearance: none;
            text-indent: 0.01px;
            text-overflow: '';
            background: transparent url(../images/re-dropdown-dis-icon.png) no-repeat 96% center;
        }

            select.red-dropdown[disabled]::-ms-expand {
                display: none;
                background: transparent url(../images/re-dropdown-dis-icon.png) no-repeat 96% center;
            }

    .installment-wrapper {
        padding: 42px 24px;
        overflow: hidden;
        display: block;
    }

    .installment-wrapper-new {
        padding: 20px 0 0;
        overflow: hidden;
        display: block;
        width: 100%;
    }

    span.installment-steps {
        text-align: center;
        height: 53px;
        width: 53px;
        border-radius: 50%;
        background-color: #005b66;
        display: block;
        margin: 0 auto;
        font-size: 24px;
        color: #fff;
        padding: 9px;
        margin-bottom: 20px;
    }

    span.installment-steps-l {
        text-align: center;
        height: 90px;
        width: 90px;
        border-radius: 50%;
        background-color: #005b66;
        display: block;
        margin: 0 auto;
        font-size: 22px;
        color: #fff;
        padding: 30px 5px;
        margin-bottom: 20px;
    }

    .installment-tip {
        margin: 20px 0 0;
    }

    .installment-payment-wrapper {
        display: block;
        overflow: hidden;
        height: auto;
        margin-bottom: 60px;
    }

        .installment-payment-wrapper p {
            display: block;
            overflow: hidden;
            width: 100%;
            margin-top: 20px;
        }

    .text-red {
        color: #005b66 !important;
    }

    .installment-payment-sub-wrapper {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .installment-payment-left,
    .installment-payment-right {
        width: 50%;
        display: inline-block;
        overflow: hidden;
        float: left;
        height: 50px;
    }

        .installment-payment-left p,
        .installment-payment-right p {
            font-size: 24px;
            margin: 5px 0 20px;
        }

        .installment-payment-left p {
            padding-right: 15px;
        }

        .installment-payment-right p {
            padding-left: 15px;
        }

    .timeline-N em {
        color: #a6a6a6;
    }

    .timeline-N .font-awesome-icon {
        color: #000000;
        margin-right: 5px;
    }

    .timeline-point-top-blue {
        background-image: url(../images/timeline-point-top-blue.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 15px;
    }

    .timeline-N-icon-blueX {
        background-image: url(../images/timeline-point-top-blueX.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 15px;
        background-size: 20px 50px;
    }

    .timeline-N-icon-blue-cross {
        background-image: url(../images/timeline-point-top-blue-cross.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 15px;
    }

    .timeline-N-icon2-blue {
        background-image: url(../images/timeline-point-middle.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-N-icon2-blue-bottom {
        background-image: url(../images/timeline-point-bottom-blue2.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-N-icon2-blue-top {
        background-image: url(../images/timeline-point-top-blue2.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-N-icon2-green {
        background-image: url(../images/timeline-point-middle-green.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-N-icon2-blue-cross {
        background-image: url(../images/timeline-point-middle-blue-cross.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-N-icon3-blue {
        background-image: url(../images/timeline-point-bottom-blue.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-N-icon-bottom-green {
        background-image: url(../images/timeline-point-bottom-last-green.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-N-icon-bottom-cross {
        background-image: url(../images/timeline-point-bottom-last-cross.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-N-icon-bottom-blue-half {
        background-image: url(../images/timeline-point-bottom-last-blue-half.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .timeline-N-icon-bottom-blueX {
        background-image: url(../images/timeline-point-bottom-last-blue.png);
        background-repeat: no-repeat;
        margin: 0 auto;
        background-position: 100% 0px;
        background-size: 20px 50px;
    }

    .redI-icon {
        background-image: url(../images/red-i.png);
        height: 16px;
        width: 16px;
        display: inline-block;
        margin-right: 5px;
    }

    .timeline-right .text-red {
        position: relative;
    }

    /* 01-26 */
    .fil-pad-resetter {
        padding: 9px 20px;
    }

    .remove-link-btn {
        width: 80px;
        color: #005b66;
        margin-top: -5px;
    }

        .remove-link-btn span {
            width: 25px;
            height: 25px;
            background: #005b66;
            border-radius: 50%;
            padding: 5px 5px;
            color: #fff;
        }

    .selected .remove-link-btn {
        color: #fff;
    }

        .selected .remove-link-btn span {
            width: 25px;
            height: 25px;
            background: #ffffff;
            border-radius: 50%;
            padding: 5px 5px;
            color: #005b66;
        }

    .selected button,
    .selected button:hover {
        background-color: #fff;
        color: #005b66;
    }

    .indicator-resetter p {
        width: 110px;
        left: 0;
        margin-top: 5px;
    }

        .indicator-resetter p .font-awesome-icon {
            position: relative !important;
            display: inline-block !important;
            float: left;
            margin-top: 12px;
        }

    /* 01-30 */
    .advance-wrapper {
        padding: 50px 70px;
        display: block;
        overflow: hidden;
    }

    .advance-wrapper-meter {
        padding: 50px 0px;
        display: block;
        overflow: hidden;
    }

    .advance-wrapper input {
        font-size: inherit;
        padding: 10px 10px;
        margin-top: 20px;
        width: 120px;
    }

    .advance-wrapper label {
        font-size: 17px;
        padding: 10px 10px;
    }

    .advance-wrapper a.update {
        height: 45px;
        padding: 7px;
    }

    .value-slick-slider .slick-prev {
        transform: translate(-120%, 280%);
    }

    .value-slick-slider .slick-next {
        transform: translate(120%, -310%);
    }

    /* 01-31 */
    .item-value-gap-container {
        min-height: 170px;
    }

    .
    /* 02-01 */
    .maintenance-time {
        list-style: none;
        max-width: 100%;
        width: 35%;
        margin: 50px auto;
        display: block;
        overflow: hidden;
    }

    .maintenance-time li {
        width: 50%;
        display: inline-block;
        float: left;
        text-align: center;
        height: 40px;
        color: #4e4e4e;
    }

    .li-height {
        height: 20px !important;
    }

    .report-links-wrapper {
        display: block;
        overflow: hidden;
        width: 100%;
        margin: 40px auto 0;
    }

        .report-links-wrapper .report-links {
            display: block;
            background-color: #f6f6f6;
            width: 40%;
            margin: 10px auto;
            position: relative;
            overflow: hidden;
            min-height: 80px;
            padding: 18px 0 0 45px;
        }

    .report-links p {
        display: inline-block;
        position: absolute;
        top: 18px;
    }

    .report-links .second-line {
        display: block;
        margin-left: 45px;
        margin-bottom: 0;
        position: absolute;
        top: 40px;
        color: #4e4e4e;
        font-size: 15px;
    }

    .second-line strong {
        letter-spacing: 1px;
    }

    .icon-phone {
        background: url(../images/phone-icon.png);
        height: 17px;
        width: 17px;
        display: inline-block;
        position: relative;
        bottom: -2px;
        margin-right: 5px;
    }

    .main-follow-us {
        max-width: 45% !important;
    }

        .main-follow-us a {
            text-decoration: underline;
            color: #005b66;
        }

            .main-follow-us a:hover,
            .main-follow-us a:hover,
            .main-follow-us a:hover {
                color: #005b66;
                text-decoration: underline;
            }

    /* 02-06 */
    .disclose-yr,
    .disclose-text {
        margin: 0;
        text-align: right;
        color: #616161;
    }

    .disclose-title {
        display: inline-block;
        overflow: hidden;
        margin: 0;
        line-height: 30px;
        width: 75%;
        float: left;
        margin-right: 20px;
    }

    .disclose-link {
        display: inline-block;
        overflow: hidden;
        width: 13%;
        float: right;
        margin-top: 5px;
    }

    .disclose-list {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block;
        clear: both;
        overflow: hidden;
    }

    .quarterly .right-box {
        width: 30%;
        float: left;
        margin: 0 10px;
    }

        .quarterly .right-box h2 {
            font-size: 28px;
        }

    /* 02-07 */
    .disclosures-main {
        margin-bottom: 10px !important;
        padding: 0 !important;
    }

    .disclosures-wrapper {
        display: block;
        overflow: hidden;
        padding: 10px 25px 0px 25px;
        min-height: 100px;
    }

    .disclosures-btn-wrapper {
        display: block;
        width: 100%;
        overflow: hidden;
        margin-top: 30px;
    }

    .disclosures-wrapper a {
        max-width: 38% !important;
    }

    .disclose-link1 a {
        margin-right: 10px;
    }

    .image-wrapper {
        background: #fff;
        min-width: 145px;
        min-height: 185px;
        border-top: 3px solid #005b66;
        padding: 60px 20px 60px;
        text-align: center;
    }

        .image-wrapper .qur-yr {
            font-size: 30px;
            display: block;
            color: #616161;
            padding: 0;
        }

        .image-wrapper .qur {
            font-size: 50px;
            color: #616161;
            font-weight: bold;
            line-height: 20px;
            padding: 0;
            display: block;
            margin-top: 7px;
        }

    .content-box-style2-qur .image-wrapper {
        min-height: 135px;
        padding: 20px 20px 20px;
        margin: 0 auto 15px;
        background: #EEEEEE;
        border-top: 5px solid #005b66;
    }

    .caret-down {
        border-right: 6px solid transparent;
        border-top: 6px solid;
        border-left: 6px solid transparent;
        display: inline-block;
        height: 0;
        opacity: 1;
        vertical-align: middle;
        width: 0;
        margin-top: -2px;
        margin-left: 5px;
    }

    /* 02-08 - Corporate structure styles */
    .tree {
        width: auto;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }

        .tree ul {
            padding-top: 20px;
            position: relative;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            overflow: hidden;
        }

        .tree li {
            float: left;
            text-align: center;
            list-style-type: none;
            position: relative;
            padding: 0px 5px 0 5px;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            z-index: 9;
        }

            .tree li:after {
                right: auto;
                left: 50%;
                border-left: 1px solid #ccc;
            }

            /*We need to remove left-right connectors from elements without 
any siblings*/
            .tree li:only-child::after,
            .tree li:only-child::before {
                display: none;
            }

            /*Remove space from the top of single children*/
            .tree li:only-child {
                padding-top: 0;
            }

            /*Remove left connector from first child and 
right connector from last child*/
            .tree li:first-child::before,
            .tree li:last-child::after {
                border: 0 none;
            }

        .tree ul ul::before {
            content: '';
            position: absolute;
            top: 0;
            left: 50%;
            height: 20px;
            margin-left: 30px;
            -ms-transform: rotate(15deg);
            -webkit-transform: rotate(15deg);
            transform: rotate(30deg);
            width: 100px;
            height: 10px;
            background-color: #939597;
            display: block;
        }

        .tree ul ul::after {
            content: '';
            position: absolute;
            top: 0;
            right: 55%;
            height: 20px;
            margin-left: 30px;
            -ms-transform: rotate(15deg);
            -webkit-transform: rotate(15deg);
            transform: rotate(145deg);
            width: 100px;
            height: 10px;
            background-color: #939597;
        }

        .tree li a {
            padding: 10px 20px;
            text-decoration: none;
            color: #fff;
            font-size: 17px;
            display: inline-block;
            -moz-border-radius: 5px;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            background-color: #939597;
            text-transform: uppercase;
            font-weight: bold;
            min-width: 200px;
            z-index: 999;
            position: inherit;
        }

        .tree li span {
            padding: 10px 20px;
            text-decoration: none;
            color: #fff;
            font-size: 17px;
            display: inline-block;
            -moz-border-radius: 5px;
            transition: all 0.5s;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            background-color: #939597;
            text-transform: uppercase;
            font-weight: bold;
            min-width: 200px;
            z-index: 999;
            position: inherit;
        }

    .tree-left,
    .tree-left-child {
        left: -70px;
    }

    .tree-right-chlid {
        left: 470px;
        top: -172px;
    }


    .parent-cop {
        background: #ed1b2d !important;
    }

    .toolTip-div {
        height: 50px;
        min-width: 34%;
        position: absolute;
        border-bottom: 2px solid #939597;
        top: 170px;
        left: 90px;
    }

    .border-left {
        border-left: 2px solid #939597;
        position: absolute;
        top: 50%;
        bottom: 0;
    }

    .border-right {
        border-right: 2px solid #939597;
        position: absolute;
        top: 50%;
        bottom: 0;
        right: 0;
    }

    .toolTip-text {
        position: absolute;
        margin: 0 auto;
        display: block;
        overflow: hidden;
        width: 80%;
        left: 0;
        right: 0;
        top: 28px;
        background: #fff;
        color: #939597;
        line-height: 20px;
    }

    .corp-head {
        position: absolute;
        top: 8%;
        left: 10%;
        font-size: 20px;
        font-weight: bolder;
        text-transform: uppercase;
        color: #005b66;
    }

    /* End Corporate structure styles */

    /* 02-09 - Masonry grid styles */
    #container {
        background: #FFF;
        padding: 5px;
        margin-bottom: 20px;
        border-radius: 5px;
        clear: both;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .masonry-header {
        padding: 0 80px;
    }

    .centered {
        margin: 0 auto;
    }

    .box {
        padding: 50px;
        font-size: 11px;
        line-height: 1.4em;
        float: left;
    }

    .box-red {
        background-color: #005b66;
        color: #ffffff;
        font-size: 30px;
    }

        .box-red p {
            font-size: 30px !important;
        }

    .box-gray-1 {
        background-color: #d6d6d6;
        color: #5b5b5b;
    }

    .box-gray-2 {
        background-color: #767676;
        color: #ffffff;
    }

    .box-gray-3 {
        background-color: #EEEEEE;
        color: #5b5b5b;
    }

    .box-white {
        background-color: #ffffff;
        color: #4d4d4d;
    }


    .box p {
        font-size: 25px;
        font-weight: 600;
        line-height: 28px;
    }


    .rtl .box {
        float: right;
        text-align: right;
        direction: rtl;
    }



    .col1 {
        width: 80px;
    }

    .col2 {
        width: 180px;
    }

    .col3 {
        width: 280px;
    }

    .col4 {
        width: 300px;
    }

    .col5 {
        width: 400px;
    }

    .col6 {
        width: 600px;
    }


    /**** Gutters ****/

    .has-gutters .box {
        margin: 5px 0;
    }

    .has-gutters .col1 {
        width: 90px;
    }

    .has-gutters .col2 {
        width: 230px;
    }

    .has-gutters .col3 {
        width: 370px;
    }

    .has-gutters .col4 {
        width: 550px;
    }

    /**** Transitions ****/

    .transitions-enabled.masonry,
    .transitions-enabled.masonry .masonry-brick {
        -webkit-transition-duration: 0.7s;
        -moz-transition-duration: 0.7s;
        -ms-transition-duration: 0.7s;
        -o-transition-duration: 0.7s;
        transition-duration: 0.7s;
    }

    .transitions-enabled.masonry {
        -webkit-transition-property: height, width;
        -moz-transition-property: height, width;
        -ms-transition-property: height, width;
        -o-transition-property: height, width;
        transition-property: height, width;
    }

        .transitions-enabled.masonry .masonry-brick {
            -webkit-transition-property: left, right, top;
            -moz-transition-property: left, right, top;
            -ms-transition-property: left, right, top;
            -o-transition-property: left, right, top;
            transition-property: left, right, top;
        }


    /* disable transitions on container */
    .transitions-enabled.infinite-scroll.masonry {
        -webkit-transition-property: none;
        -moz-transition-property: none;
        -ms-transition-property: none;
        -o-transition-property: none;
        transition-property: none;
    }

    .investor-req-left h2,
    .investor-req-left p {
        color: #fff !important;
        padding: 0 30px 0px 0;
    }

    .investor-req-right a {
        min-width: 240px;
        background-color: #fff;
        color: #005b66;
        margin-top: 25px;
    }

    .investor-gray {
        background: #767676;
    }

    /* End Masonry grid styles */

    /* 02-13 */
    .edit-red-text,
    .edit-red-text:hover,
    .edit-red-text:focus,
    .edit-red-text:visited {
        color: #005b66;
        font-weight: 600;
    }

        .edit-red-text:hover {
            text-decoration: underline;
        }

        .edit-red-text span,
        .edit-red-text span:hover,
        .edit-red-text span:focus,
        .edit-red-text span:visited {
            font-size: 14px;
        }

    .bill-pref-gray-sec {
        background-color: #4e4e4e;
        padding: 15px;
        margin-bottom: 0;
        height: 87px;
        display: block;
        overflow: hidden;
    }

        .bill-pref-gray-sec h2 {
            margin: 0;
            color: #fff;
            font-weight: bold;
        }

        .bill-pref-gray-sec p {
            margin: 0;
            color: #fff;
        }

    .nickname-content-sec::before {
        content: '';
        position: absolute;
        left: 47%;
        top: -12px;
        width: 0;
        height: 0;
        border-left: 30px solid transparent;
        border-right: 30px solid transparent;
        border-bottom: 20px solid #EEEEEE;
        clear: both;
    }

    .notify-toggle-wrapper {
        display: block;
        overflow: hidden;
        /*padding: 0 80px 20px;*/
        border-bottom: 2px solid #9f9f9f;
        margin-bottom: 20px;
    }

        .notify-toggle-wrapper .switch-wrapper {
            margin-top: 15px;
        }

        .notify-toggle-wrapper input:checked + .slider {
            background-color: #005b66;
        }

    .right-btn {
        text-align: right;
    }

        .right-btn a {
            margin-right: 0;
        }

    .billing-section-seperator {
        display: block;
        overflow: hidden;
        padding: 0 0px 20px;
        border-bottom: 2px solid #9f9f9f;
        margin-bottom: 20px;
    }

    .m-t-20 .notify-toggle-wrapper {
        padding: 0 80px 40px;
    }

    /* 02-14 */
    .search-result-title-wrapper {
        overflow: hidden;
        display: block;
        width: 100%;
    }

        .search-result-title-wrapper p {
            font-size: 20px;
            margin: 0;
        }

        .search-result-title-wrapper .search-result-count {
            font-size: 16px;
            color: #005b66;
            font-weight: 600;
        }

    .ms-srch-resultscount {
        margin-top: 5px;
    }

    .search-results {
        display: block;
        overflow: hidden;
        margin-top: 8px;
    }

        .search-results ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .search-results ul li {
                padding: 40px 0px 40px 0px;
                border-bottom: 1px solid #BCBCBC;
            }

                .search-results ul li:hover,
                .search-results ul li:focus,
                .search-results ul li:visited,
                .search-results ul li:last-child:hover {
                    background-color: #f3f3f3;
                    /*border: 2px solid #005b66;*/
                }

                .search-results ul li:last-child {
                    border-bottom: none;
                }

    .subheader_search_box .search-box-wrapper input {
        height: 48px !important;
        border: 1px solid #bcbcbc;
        box-shadow: none;
        background-color: #eeeeee;
        font-size: 14px;
        color: #656565;
        padding: 10px 16px 10px 32px;
    }

    .ma-search-widget {
        padding-bottom: 0px;
        padding-top: 16px;
    }

    .search-results-heading {
        margin-bottom: 40px;
        font-size: 48px;
        color: #242424;
        height: 40px;
    }

    .ms-srch-result #Paging {
        margin: 0px 0 80px 0;
    }

    .ms-srch-result-groups {
        margin-bottom: 48px;
    }

    .search-results-icon {
        float: left;
        margin-left: 16px;
        margin-top: -28px;
        position: relative;
        z-index: 3;
        color: #656565;
    }

    .ms-srch-result #Paging a {
        font-size: 20px;
        padding: 0px 8px !important;
        color: #424242 !important;
    }

        .ms-srch-result #Paging a:hover,
        .ms-srch-result #Paging a:focus,
        .ms-srch-result #Paging a:active {
            font-size: 20px;
            padding: 0px 8px !important;
            color: #fff !important;
            background-color: #005b66 !important;
            outline: none !important;
        }

    .ms-srch-result {
        margin-top: 40px;
    }

    .result-content {
        display: inline-block;
        overflow: hidden;
    }

        .result-content .title,
        .result-content .title a,
        .result-content .title a:focus,
        .result-content .title a:visited {
            font-size: 24px;
            color: #005b66;
            font-weight: 600;
        }

        .result-content .title {
            margin-bottom: 16px;
        }

        .result-content .search-link {
            margin: 0;
            color: #005b66 !important;
            font-size: 14px;
            margin-bottom: 8px;
            margin-top: 0px;
            cursor: pointer;
        }

    .ms-srch-item-path {
        width: 100% !important;
    }

    .ms-srch-item-summary {
        padding: 0;
    }

        .ms-srch-item-summary p {
            padding: 0;
            margin: 0;
            font-size: 16px;
            color: #424242;
        }

    .ms-srch-item-highlightedText {
        /*font-weight: 400 !important;*/
    }

    .ms-srch-sb-searchLink {
        font-weight: 600;
        font-size: 16px;
        margin: 0;
        padding: 11px 20px;
        min-height: 48px;
    }

    .ms-srch-sb-border,
    .ms-srch-sb-border:hover
    .ms-srch-sb-border:active {
        border: none;
    }

    .result-action {
        display: inline-block;
        overflow: hidden;
        width: 20%;
        float: right;
        text-align: right;
    }

        .result-action a {
            padding: 7px 10px;
            display: inline-block;
            background-color: #616161;
            width: auto;
            font-size: 17px;
            color: #fff;
            text-decoration: none;
            min-width: 80px;
            text-align: center;
        }

    .pagination > li > a,
    .pagination > li > span {
        position: relative !important;
        float: left;
        padding: 6px 12px !important;
        margin-left: -1px !important;
        line-height: 1.42857143;
        color: #005b66 !important;
        text-decoration: none !important;
        background-color: #fff;
        border: transparent;
        font-size: 17px;
    }

        .pagination > li > a.nxt-prv-btn,
        .pagination > li > a.nxt-prv-btn:hover {
            min-height: 24px;
            padding: 12px 10px;
            background-color: #fff;
        }

    .nxt-btn-color {
        color: #005b66 !important;
    }

    .prv-btn-color {
        color: #616161 !important;
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: #fff !important;
        background-color: #005b66 !important;
        border-color: transparent;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        margin-left: 0;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
    }

    .most-pop-wrapper h3,
    .most-pop-wrapper ul {
        margin: 0 !important;
    }

        .most-pop-wrapper ul li a {
            text-decoration: none !important;
        }

    /* 02-15 */
    .notify-toggle-wrapper-pref input:checked + .slider {
        background-color: #005b66;
    }

    .notify-toggle-wrapper-pref .time-input {
        float: right;
    }

    .notify-toggle-wrapper-pref .switch-wrapper {
        margin-top: 0;
    }

    .pref-content p {
        margin: 0;
    }

    .updated-msg {
        display: block;
        overflow: hidden;
        margin: 0 0 20px;
    }

        .updated-msg .font-awesome-icon {
            font-size: 25px;
        }

        .updated-msg h4 {
            margin: 0;
            position: relative;
            top: -2px;
            text-align: left;
        }

    /* 02-16 */
    .update-email {
        padding-top: 2px;
    }

    #needHelp,
    #needHelp:visited,
    #needHelp:hover,
    #needHelp:focus,
    .needHelp,
    .needHelp:visited,
    .needHelp:hover,
    .needHelp:focus,
    #forgotPassword,
    #forgotPassword:visited,
    #forgotPassword:hover,
    #forgotPassword:focus,
    .forgotPassword,
    .forgotPassword:visited,
    .forgotPassword:hover,
    .forgotPassword:focus,
    #forgotEmail,
    #forgotEmail:visited,
    #forgotEmail:hover,
    #forgotEmail:focus,
    .forgotEmail,
    .forgotEmail:visited,
    .forgotEmail:hover,
    .forgotEmail:focus {
        color: #005b66;
        font-weight: 600;
    }

        #needHelp:hover,
        #forgotPassword:hover,
        #forgotEmail:hover {
            text-decoration: underline;
        }

    #validationCheckuserName .notvalid:after {
        top: -10px;
    }

    .coupon-wrapper {
        min-height: 205px;
        object-fit: cover;
        padding: 15px 15px;
        position: relative;
        width: 100%;
    }

        .coupon-wrapper p {
            display: block;
            overflow: hidden;
            float: right;
            width: 50%;
            margin-top: 30px;
        }

    .btn-wrapper {
        display: block;
        overflow: hidden;
        position: absolute;
        bottom: 15px;
        width: 89%;
    }

        .btn-wrapper a {
            width: 47%;
            min-width: 0 !important;
            padding: 9px 5px;
            height: 47px;
            margin: 0 10px 0 0px;
            ;
        }

        .btn-wrapper .coupons-left {
            float: left;
        }

        .btn-wrapper .coupons-right {
            margin-right: 0;
            float: right;
        }

    /* 02-17 -latest */
    .installment-steps-desc a.red-text:hover,
    .installment-steps-desc a.red-text:focus,
    .installment-steps-desc a.red-text:visited {
        text-decoration: none;
        color: #005b66;
    }

    .green-button-list .icon.small.icon-list-item {
        left: 0px;
    }

    .green-button-list a {
        display: block;
        width: 100%;
        padding: 10px 10px 10px 0px;
        color: #616161;
    }

        .green-button-list a img {
            margin-right: 10px;
        }

    .panel-heading-resetter .panel-title {
        border: none;
    }

    /* 02-21 */
    .switch-acc-wrapper {
        display: block;
        overflow: visible;
        width: 100%;
    }

        .switch-acc-wrapper .account-wrapper {
            margin-top: 10px;
            width: 37%;
            margin-right: 10px;
            float: left;
            display: inline-block;
        }

            .switch-acc-wrapper .account-wrapper p {
                margin: 0;
            }

                .switch-acc-wrapper .account-wrapper p:first-child {
                    font-weight: 400;
                }


    .switch-acc-btn-wrapper {
        display: inline-block;
        float: left;
        width: 60%;
        margin-top: 10px;
    }

    /* 02-22 */
    .content-thumb-container-1 {
        min-height: 300px;
        min-width: 300px;
    }

    .content-thumb-container-2 {
        min-height: 160px;
    }

    .content-thumb-container-1-vid {
        min-height: inherit;
        min-width: inherit;
    }



    .iconlist-padd-remove .icon_list_1_text {
        padding: 0;
    }

    .section-btn .btn-lg {
        min-width: 260px;
        min-height: 45px;
        padding: 10px;
    }

    .section-btn .icon_list_1 li {
        margin: 0px;
        list-style: none;
        display: inline-block;
        width: 172px;
        padding-left: inherit;
        padding-right: inherit;
        box-sizing: border-box;
        vertical-align: top;
    }

        .section-btn .icon_list_1 li a {
            width: inherit !important;
        }

    .ma-row-new .widget-box p {
        padding-right: 50px;
    }

    .ma-row-new .widget-box-padding {
        padding-left: 40px;
    }

        .ma-row-new .widget-box-padding p {
            padding-right: 0;
        }

    .col-seperator-sec {
        border-right: 2px solid rgba(241, 241, 241, 0.4);
    }

    /* 02-24 */
    .article-padding {
        padding-top: 80px;
        padding-left: 30px;
    }

    .pay-panel-wrapper h3 {
        font-size: 18px !important;
    }

    .phone-number-mb-white {
        color: #fff !important;
    }

    /* 02-27 */
    .section-bottom-padding-remover {
        padding-bottom: 0 !important;
    }

    .section-top-padding-remover {
        padding-top: 20px !important;
    }

    .image-overlay-margin {
        margin-top: 20px;
    }

    .elements .image-overlay-margin {
        margin-top: 40px;
    }

    /* 03-04 */
    .wp-article-wrapper {
        padding: 40px;
    }

    .mobile-article-head {
        font-size: 18px;
        margin-bottom: 10px !important;
    }

    .wp-sub-title {
        font-size: 18px;
    }

    .sup-center {
        color: #424242;
        font-weight: bold;
    }

    .sup-cent-aLink {
        padding: 0 !important;
        min-height: 0 !important;
        text-align: left;
        position: relative;
        top: -10px;
        display: block;
        width: 100px;
        font-weight: 100;
    }

    .accordion-section-new .panel-group {
        margin-bottom: 0 !important;
    }

        .accordion-section-new .panel-group .panel-default {
            margin-bottom: 0 !important;
        }

    /* 03-07 */
    .section-bottom .chk-radio-btn label {
        padding: 20px 35px;
        width: 100%;
    }

    .estimate-lower-sec h2 {
        margin-bottom: 0px;
    }

    /* 03-10 */
    .financial-report-head-sec-text {
        font-size: 24px !important;
        line-height: 30px !important;
        margin: 0 !important;
    }

    .financial-bsw .estimation-div,
    .financial-bsw .estimation-right-div {
        width: 50%;
        border-right: none;
    }

    .bg-transparent {
        background-color: transparent !important;
    }

        .bg-transparent .panel-title-resetter {
            color: inherit;
        }

    .validation-marks-wrapper {
        position: absolute;
        display: block;
        overflow: hidden;
        width: 35px;
        right: 5px;
        height: 30px;
        padding: 3px 0;
        bottom: 7px;
    }

    /* 03-14 */
    span.installment-steps-new {
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background-color: #005b66;
        display: block;
        margin: 20px auto;
        font-size: 18px;
        font-weight: bold;
        color: #fff;
        padding: 35px 10px;
    }

    .table-btn-wrapper button {
        min-width: 140px;
        padding: 5px 5px;
        min-height: 40px;
        font-size: 15px;
        outline: transparent;
    }

    .H1-wp-wrapper {
        min-height: 350px;
        padding: 75px 0 50px !important;
    }

    .masanory-grid-wrapper {
        display: block;
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .ms-red-clr-wrapper {
        width: 310px;
        height: 475px;
        background: #005b66;
        padding: 53px 39px 40px 38px;
    }

    .ms-rect-wrapper {
        width: 630px;
        height: 180px;
        padding: 53px 64px 36px 48px;
        position: absolute;
        top: 0;
        left: 310px;
    }

    .ms-rect-wrapper-wht {
        width: 630px;
        height: 180px;
        padding: 53px 64px 36px 48px;
    }

    .ms-sqr-wrapper {
        width: 320px;
        height: 295px;
        padding: 75px 49px;
        position: absolute;
        top: 180px;
        left: 310px;
    }

    .ms-sqr-wrapper-2 {
        width: 320px;
        height: 295px;
        padding: 45px 50px;
        position: absolute;
        top: 180px;
        left: 630px;
    }

    .ms-sqr-wrapper-h2 {
        width: 310px;
        height: 415px;
        padding: 70px 40px;
        position: absolute;
        top: 480px;
        left: 630px;
    }

    .ms-sqr-wrapper-3 {
        padding: 52px 25px 25px 37px;
        width: 310px;
        height: 240px;
    }

    .ms-sqr-wrapper-4 {
        padding: 52px 50px 41px 50px;
        width: 320px;
        height: 240px;
        position: absolute;
        left: 310px;
        top: 655px;
    }

    .ms-sqr-wrapper-5 {
        width: 470px;
        height: 238px;
        padding: 53px 50px 40px 38px;
    }

    .ms-sqr-wrapper-6 {
        width: 470px;
        height: 238px;
        padding: 50px;
        position: absolute;
        left: 470px;
        top: 895px;
    }

    .ms-ft-30 {
        font-size: 30px;
        font-weight: bold;
        line-height: 35px;
    }

    .ms-ft-25 {
        font-size: 25px;
        font-weight: bold;
        line-height: 30px;
    }

    .ms-ft-25,
    .ms-ft-30 {
        font-family: 'Roobert-Bold';
    }

    .ms-white {
        color: #fff;
    }

    .ms-lt-gray {
        color: #EEEEEE;
    }

    .ms-drk-gray {
        color: #4d4d4d;
    }

    .ms-drk-gray-2 {
        color: #5b5b5b;
    }

    .ms-black {
        color: #282828;
    }

    .ms-bg-white {
        background: #ffffff;
    }

    .ms-bg-lt-gray {
        background: #d6d6d6;
    }

    .ms-bg-drk-gray {
        background: #767676;
    }

    .ms-bg-lt-gray1 {
        background: #EEEEEE;
    }

    @media only screen and (max-width: 480px) {
        .masanory-grid-wrapper div {
            width: 100%;
            position: inherit;
            display: block;
            overflow: hidden;
            left: 0;
            padding: 50px;
            height: inherit;
            top: 0;
        }

        .Footer_Social_Icons {
            position: absolute;
            top: -230px !important;
            margin: 0px auto;
            left: 0px;
            right: 0px;
        }

        .list_pressitem a {
            text-decoration: underline;
        }
    }

    .amnt-sup {
        font-size: 55%;
        margin-right: 5px;
    }

    .analyst-cov-wrapper {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .analyst-cov-ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .analyst-cov-ul li {
            padding: 10px 20px;
        }

            .analyst-cov-ul li:nth-child(even) {
                background: #EEEEEE;
            }

            .analyst-cov-ul li a {
                font-size: 18px;
                font-weight: 400;
                color: #4d4d4d;
                text-decoration: none;
            }

    .pdf-links li {
        margin-bottom: 5px;
        padding: 0px;
    }

        .pdf-links li a {
            display: inline-block;
            margin-top: 5px;
        }


    /* 03-24 */
    .acc-profile-height {
        min-height: 102px;
        position: relative;
        display: block;
    }

    .acc-profile-height-ul {
        height: 86px;
    }

    .acc-profile-height p {
        margin: 0;
        position: absolute;
        bottom: 25px;
    }

    .acc-profile-new-btn {
        min-width: inherit !important;
        margin-right: 0 !important;
        margin-top: 10px !important;
    }

    .ListIcon-1 {
        display: inline-block;
    }

    .ListIcon-2 {
        display: none;
    }

    .icon_list_1 li a:hover .ListIcon-1 {
        display: none;
    }

    .icon_list_1 li a:hover .ListIcon-2 {
        display: inline-block;
    }

    .tel {
        font-size: 15px;
    }

    .mr-pad-set {
        padding: 15px 20px 15px 120px;
        text-align: left;
    }

    .new-gry-btn-bg {
        background-color: #4e4e4e !important;
        white-space: normal;
    }

        .new-gry-btn-bg:hover,
        .new-gry-btn-bg:focus,
        .new-gry-btn-bg.focus {
            border: 3px solid #4e4e4e;
            font-weight: bold;
            color: #4e4e4e;
            background-color: #ffffff !important;
        }

    .ob-btn-text-wrap a {
        white-space: inherit;
        margin-right: 0;
        padding: 10px 30px;
    }

    .ac-bg-transparent {
        background-color: transparent !important;
    }

        .ac-bg-transparent .panel-heading {
            border-bottom: 1px solid #ccc !important;
        }

    .lawyer-datepicker-pos {
        left: -10px;
    }

        .lawyer-datepicker-pos:after {
            left: -10px;
        }

    .datepicke-btn button {
        outline: transparent !important;
    }

    input[type="radio"],
    input[type="checkbox"] {
        margin: -2px 0 0;
    }

    .content-box-btn {
        position: relative;
    }

        .content-box-btn b {
            position: absolute;
            right: 15px;
            top: 45%;
        }


        .content-box-btn .caret-right {
            position: absolute;
            right: 15px;
            top: 45%;
        }


        .content-box-btn .caret-right {
            position: absolute;
            right: 15px;
            top: 45%;
        }

    .press-btn-resizer {
        min-width: 300px;
        margin-right: 0 !important;
    }

    .sb-btn-wrap {
        width: 250px;
        white-space: inherit;
    }

    .bg-bill-text center {
        margin-top: 5px;
    }

    .row-bg-changer {
        background: #e1e1e1 !important;
    }

    .highbill-box-border {
        border-bottom: 3px solid #005b66;
    }

    .highbill-box.small-box {
        padding: 25px;
        height: 220px;
    }

    .summary-billing-tbl-padding-20 {
        padding: 20px !important;
    }

    .disclosures-wrapper .content-box-btn-bottom {
        position: absolute;
        bottom: -15px;
    }

    .mybill-padding-reset-new-wp a b {
        position: initial;
    }

    .big-investor .btn-app-border {
        position: absolute;
    }

    .para-block {
        width: 100%;
        display: block;
        overflow: hidden;
    }

    .installment-wrapper p.installment-steps-desc {
        min-height: 60px;
    }

    #spanPreferredDateRequired {
        margin-top: 0px !important;
    }

    .selectedContractView .ma-txt1:first-child strong {
        font-style: italic;
        color: #606060;
    }

    .sh-relative {
        position: relative !important;
    }

    .rm-curs li p {
        cursor: context-menu;
        display: block;
        position: relative;
        padding: 15px;
        border-bottom: 1px solid #707070;
        color: #242424;
        font-size: 16px;
    }

        .rm-curs li p span.listicon {
            position: absolute;
            top: 50%;
            right: 20px;
            margin-top: -5px;
            font-size: 20px;
        }

    /* ///////////////// MEDIA QUERIES ///////////////// */
    @media only screen and (max-width: 320px) {

        .h1-breadcrumb {
            font-size: 12px;
        }

            .h1-breadcrumb .breadcrumb > li + li:before {
                padding: 0 5px;
            }

        .meter-bottom {
            display: none;
        }

        .block-wrapper p,
        .call-block p {
            width: 79%;
        }

        /* folder 5*/
        .step-btn-wrapper a {
            width: 90%;
        }

        .pricing-radio-btn .icon.icon-info {
            top: -25px !important;
        }

        .number-wizard {
            width: 100%;
            padding-left: 0;
        }

            .number-wizard li {
                width: 40px;
            }

        .result-wrapper ul li p {
            margin: 0;
            padding: 10px 0 0 60px;
        }

        .mobile-view .widget-box {
            height: auto;
        }

            .mobile-view .widget-box img {
                margin-bottom: 40px !important;
            }

        .meter-wrapper {
            padding: 120px 40px 140px !important;
        }

        /* New Upadates -01/19 */
        .meter-reading-dark-gray-sec,
        .meter-reading-light-gray-sec {
            padding: 33px 20px 22px;
        }

            .meter-reading-dark-gray-sec .icon-clock {
                top: -40px;
            }

            .meter-reading-dark-gray-sec > .first-p-child {
                width: 170px;
            }

            .meter-reading-dark-gray-sec input {
                padding: 13px 15px;
                width: 79% !important;
            }

            .meter-reading-dark-gray-sec a {
                padding: 9px 20px;
                font-size: 17px;
                width: 92% !important;
            }

            .meter-reading-light-gray-sec input {
                padding: 13px 15px;
                width: 79% !important;
            }

            .meter-reading-light-gray-sec a {
                padding: 9px 20px;
                font-size: 17px;
                width: 79% !important;
            }

            .meter-reading-light-gray-sec .heading {
                font-size: 22px;
            }

        .meter-video-wrapper .video-btn {
            width: 60px;
            height: 60px;
            background-size: 60px;
        }

        .meter-reading-dark-gray-sec .padding-remover {
            margin-top: 20px;
        }

        .m-shedule .heading {
            font-size: 22px;
            padding: 20px 40px;
            line-height: 30px;
        }

        .m-shedule .m-t-50 {
            margin-top: 30px;
        }

        .m-red-padding {
            padding-left: 0;
            padding-right: 0;
            display: block;
            width: 100%;
        }

        .meter-reading-wrapper p {
            text-align: center;
        }

        .article-mobile {
            width: 150px !important;
        }

        .content-thumb-container-1 {
            margin-right: 10px !important;
        }

        .section-btn .icon_list_1 li {
            width: 260px !important;
        }

        .inline-text-blk {
            width: 260px;
        }

        .ma-row-new .widget-padding {
            padding: 0 0px;
        }

        .pdf li a.under-line-red {
            left: 30px !important;
        }
    }

    @media only screen and (max-width: 480px) {
        .content-box.content-box-big .content-box-btn-bottom {
            position: absolute;
            bottom: 0px;
            left: 0;
            right: 0;
            width: 100%;
        }

        .mb-sec-gry {
            background: #EEEEEE;
        }

        .mb-sec-gry {
            background: #fff;
        }

        .mb-pad-red {
            padding: 0 !important;
        }

        .btn-app-border,
        a.btn-app-border {
            border-radius: 0px;
            border: none;
            color: #ffffff;
            background-color: #005b66;
            margin-right: 0px;
            transition: all 0.5s ease 0s;
            width: 80%;
            border: 3px solid transparent;
            white-space: inherit;
        }

        #labelViewAllReleases b.caret-down {
            top: 50%;
        }

        #labelViewAllReleases span.caret-down {
            top: 50%;
        }

        .content-box-btn,
        .btn-resetter a {
            min-width: 0px;
            white-space: inherit;
        }

        .btn-app-link,
        .btn-app-link:visited {
            white-space: normal;
            text-align: left;
        }

        .image-overlay-margin .widget-box.content-box,
        .image-overlay-single-col .widget-box.content-box {
            margin-bottom: 5px;
        }

        .icon_list_1 li a {
            text-decoration: none;
            display: block;
            width: inherit;
        }

        .icon_list_1_text {
            float: left;
            text-align: left;
            max-width: 200px;
            font-size: 16px;
            padding-top: 15px;
        }

        .list-style2 li {
            border-bottom: 1px solid #b7b7b7;
            padding: 0;
        }

        .province-list li {
            min-width: 100%;
        }

        .list-style2.no-border li a {
            display: inline-block;
            text-align: left;
            width: 85%;
            padding: 12px 0 !important;
        }

        .testimonial-text-center {
            text-align: center;
            margin-top: 30px;
        }

        .lead {
            margin-bottom: 0;
            font-size: 20px;
            font-weight: bold;
        }

        .faq-widgetBox h3 {
            line-height: 20px;
        }

        h2 {
            font-size: 26px;
            line-height: 40px;
        }

        .mobile-rs {
            padding: 0 50px;
        }

        .home-section3 .col-xs-6 {
            padding-right: 5px;
            padding-left: 5px;
        }

        section[class*="home-section"] a {
            font-size: 16px;
        }

        .content-box-btn b {
            position: absolute;
            right: 15px;
            top: 45%;
        }

        .content-box-big .btn-lg {
            padding: 12px 20px 12px 20px;
            white-space: normal;
            text-align: left;
            font-size: 16px;
        }

        .content-box.content-box-big .dark-filter .filter-content {
            padding: 20px 20px;
        }

        .filter-content h3 {
            margin-top: 0;
        }

        .filter-content p {
            font-size: 12px;
        }

        .content-box.content-box-big .light-filter .filter-content {
            padding: 10px 20px;
        }

        .list-style2 {
            padding: 0 10px;
        }

        .province-list {
            margin-top: 30px !important;
        }

        .province-list {
            display: block;
            overflow: hidden;
            margin-bottom: 15px !important;
            margin-top: 30px !important;
        }

        .padding-25 .btn-lg {
            min-width: 200px;
            padding: 12px 40px;
            width: 93%;
        }

        .peak-wrapper {
            text-align: center;
        }

        .meter-bottom {
            margin: 10px 0;
            overflow: hidden;
        }

            .meter-bottom p {
                display: inline-block;
                float: left;
                margin: 0px 8px 0 0;
                font-size: 13px;
                font-weight: 600;
                height: auto;
            }

        .section-info p {
            max-width: 90%;
        }

        .peak-wrapper:last-child {
            margin-bottom: 35px;
        }

        .bill-column .icon_list_1 li {
            padding-top: 10px;
            padding-bottom: 10px;
            margin-left: 60px !important;
            display: block;
        }

        .bill-column .leftArrow {
            background: none;
        }

        .bill-column .icon_list_1 {
            margin: 0px 0 0px;
        }

        .bill-column .btn {
            width: 100%;
            margin-top: 15px;
            margin-bottom: 40px;
        }

        .view-time a {
            margin-bottom: 4%;
        }

        .bill-column .icon_list_1_icon img {
            max-width: 100%;
        }

        .bill-column .icon_list_1_text {
            padding-top: 15px;
        }

        .mybill-padding-reset {
            background-color: rgba(246, 249, 254, 0);
            padding: 35px 190px 25px 40px;
            min-width: inherit;
        }

            .mybill-padding-reset .content-box-outage,
            .mybill-padding-reset .content-box-mybill,
            .mybill-padding-reset .content-box-businessC {
                position: initial;
                right: 30px;
                top: 30px;
            }

            .mybill-padding-reset .content-box-btn-bottom {
                position: inherit;
                bottom: 5px;
            }

        .list_style3 li {
            padding-bottom: 15px;
            border-bottom: 2px solid #424242;
        }

        .list_style3_remove_border li:last-child {
            border-bottom: none;
        }

        .congratz-text-box span:last-child {
            width: 100%;
            margin-left: 0px;
        }

        .red-dropdown {
            width: 100%;
            font-size: 17px;
            padding: 6px 10px;
        }

        .cost-calculator .icon_list_1 li {
            width: auto;
        }

        .step-btn-wrapper {
            margin-top: 0;
        }

        .number-wizard-grp select {
            width: 100%;
        }

        .number-wizard {
            width: 100%;
            margin: 0 0 20px;
        }

        .cost-cal-dbl-wrap-divider {
            border-right: transparent;
        }

        a.gry-btn {
            background-color: #4e4e4e;
            white-space: normal;
        }

        .gry-btn-mr {
            white-space: normal;
        }

        .cost-cal-dbl-wrap {
            text-align: center;
        }

        .cost-cal-dbl-wrap-divider a {
            white-space: normal;
        }

        .light-gray .icon.small_clock {
            margin-top: 10px;
        }

        .block-wrapper {
            margin-bottom: 10px;
        }

        .block-wrapper-popover {
            padding: 0;
            border: none;
        }

            .block-wrapper-popover::before,
            .block-wrapper-popover::after {
                border: none;
            }

            .block-wrapper-popover div:nth-child(4) {
                overflow: hidden;
            }

        .call-block-content div:nth-child(2) {
            overflow: hidden;
        }

        .issue-btn a {
            width: 48%;
            float: left;
        }

            .issue-btn a:first-child {
                margin-right: 10px;
                margin-bottom: 10px;
            }

        .call-block {
            padding: 10px 20px 10px 0;
            border-bottom: 2px solid #4e4e4e;
            background-color: transparent !important;
            min-height: 0;
            color: #333 !important;
            background: url(../images/arrow_top.png) transparent no-repeat 90% !important;
        }

        .call-block-active {
            text-decoration: none !important;
            background: #4e4e4e !important;
            background: url(../images/arrow_bottom.png) transparent no-repeat 90% !important;
        }

        .call-block:hover,
        .call-block:focus {
            background: url(../images/arrow_bottom.png) #fff no-repeat 90%;
            color: #333;
        }

        .call-block-content {
            padding: 15px 0px;
        }

        .dark-gray-panel {
            padding: 25px 25px;
            overflow: hidden;
            margin: 0 15px;
        }

            .dark-gray-panel .icon.small_clock {
                float: left;
                margin-top: 38px;
            }

            .dark-gray-panel p {
                max-width: 75% !important;
                display: inline-block;
                float: left;
            }

        .add-padding {
            padding: 0 10px;
        }

        .red-border {
            width: 82%;
        }

        .mobile-topup span {
            position: relative;
            top: -15px;
        }

        .article-head {
            margin-bottom: 0;
            text-align: left;
            margin-top: 0;
        }

        .article-links li {
            text-align: left;
        }

        .mobile-padd-remover {
            padding: 0;
        }

            .mobile-padd-remover h2 {
                text-align: left;
                font-size: 25px;
            }

            .mobile-padd-remover h3,
            .mobile-padd-remover p {
                text-align: left;
            }

        .btn-larger {
            width: 100%;
        }

        .panel-body-bg {
            padding: 0;
        }

        .btn-resetter a,
        .btn-mobile-resetter a {
            width: 100%;
            margin: 0px 5px 10px;
        }

            .btn-mobile-resetter a:first-child,
            .btn-mobile-resetter a:first-child:hover {
                background-color: transparent !important;
                border: 3px solid transparent !important;
            }

        .panel-default-resetter {
            padding: 20px 20px;
        }


        /* folder 5 css */
        .red-dropdown {
            width: 100%;
            font-size: 17px;
            padding: 6px 10px;
        }

        .cost-calculator .icon_list_1 li {
            width: auto;
        }

        .step-btn-wrapper {
            margin: 0;
            width: 100%;
        }

        .number-wizard-grp label {
            font-size: 17px;
            padding: 0;
            text-align: center;
        }

        .number-wizard-grp select {
            width: 100%;
            margin: 0 0 20px;
        }

        .cost-cal-dbl-wrap-divider {
            border-right: transparent;
        }

        a.gry-btn {
            background-color: #4e4e4e;
            white-space: normal;
            position: absolute;
            left: 35px;
            bottom: -20px;
        }

        .cost-cal-dbl-wrap {
            text-align: center;
            padding-left: 0;
        }

        .cost-cal-dbl-wrap-divider a {
            white-space: normal;
        }

        .light-gray .icon.small_clock {
            margin-top: 10px;
        }

        .mobile-view {
            background-size: 100% 200px;
            background-position: center top;
            display: -webkit-box;
            display: -moz-box;
            display: box;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            box-orient: vertical;
        }

            .mobile-view .widget-box {
                height: auto !important;
            }

        .content-box-img2 {
            margin: 60px 0 0 !important;
            position: inherit;
        }

        .content-box-img-outage {
            top: 10px;
        }

        .mobile-view .mybill-padding-reset-new-wp p {
            margin-top: 270px !important;
            margin-bottom: 0px !important;
        }

        h2.outage-heading {
            margin-top: 260px !important;
        }

        p.outage-para {
            margin-top: 60px !important;
        }

        .mobile-view .widget-box h2 {
            position: absolute;
            margin-top: 225px !important;
        }

            .mobile-view .widget-box h2.tree-trimming-h2 {
                position: absolute;
                margin-top: 270px !important;
            }

        .mobile-view .widget-box p {
            margin-top: 60px !important;
            margin-bottom: 30px !important;
        }

            .mobile-view .widget-box p.tree-trimming-p {
                margin-top: 100px !important;
            }

        .mobile-view .img-margin-setting {
            margin-top: 30px;
        }

        .mobile-view .widget-box a {
            width: inherit;
            padding: 12px 15px;
            width: 75%;
        }

            .mobile-view .widget-box a b {
                top: 42%;
            }

        .cost-cal-mobile-section {
            padding: 0px 0 !important;
        }

        .cost-cal-mobile li {
            width: 100%;
        }

            .cost-cal-mobile li a {
                width: 100%;
                min-height: 0;
                height: auto;
                background: transparent;
            }

        .cost-cal-mobile .img-wrap {
            display: none;
        }

        .cost-cal-mobile .menu-titile {
            text-align: left;
            display: inline-block;
            float: left;
            margin: 0 10px 0 0;
        }

        .cost-cal-mobile a:hover:before,
        .cost-cal-mobile a:hover:after {
            display: none;
        }

        .cost-cal-mobile a:hover,
        .cost-cal-mobile a:focus,
        .cost-cal-mobile a:visited,
        .cost-cal-selected {
            text-decoration: none;
            border: 3px solid transparent;
        }

            .cost-cal-menu a:hover:before,
            .cost-cal-selected:before,
            .cost-cal-menu a:hover:after,
            .cost-cal-selected:after {
                border-top: 20px solid transparent;
            }

        .cost-cal-selected {
            background-color: transparent !important;
        }

        .cost-cal-mobile .notification {
            height: 25px;
            width: 25px;
            border-radius: 50%;
            background: #005b66;
            padding: 3px 9px;
            position: initial;
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            right: 0;
            top: 0;
            display: inline-block;
        }

        .cost-cal-mobile-btn {
            margin: 0px 0px 10px 0px !important;
            display: inline-block;
            float: right;
            color: #005b66;
        }

        .cost-cal-mobile {
            text-align: left;
            margin-bottom: 30px;
        }

        .cost-cal-mobile-btn span {
            padding: 2px 8px !important;
        }

        .events_past .m-b-40 {
            margin-bottom: 10px;
        }

        .small-blocks li {
            margin-right: 0px;
            width: 100%;
            margin-bottom: 15px;
        }

            .small-blocks li a {
                width: 100%;
                text-align: center;
            }

        .week-icon-box li {
            height: 37px;
            width: 35px;
            color: #fff;
            padding: 7px 10px;
            margin-right: 5px;
        }

        .week-btn-wrapper a {
            min-height: 40px;
            min-width: 80px;
            padding: 10px 28px;
        }

        .update-btn-wrapper {
            margin-top: 15px;
        }

            .update-btn-wrapper a {
                margin: 0 auto;
                width: 80%;
                display: block;
            }

        .freeq-wrapper {
            padding: 0 !important;
            width: 100%;
        }

        .peak-indicator-wrapper {
            width: 100%;
        }

            .peak-indicator-wrapper span {
                min-width: 82px;
                margin-right: 4px;
                margin-bottom: 20px;
            }

        .estimation-div {
            width: 100%;
            text-align: center;
            border-right: none;
            margin-bottom: 20px;
        }

        .estimate-lower-sec {
            padding: 0;
            width: 100%;
        }

            .estimate-lower-sec p.m-t-30 {
                overflow: hidden;
                display: block;
                width: 100%;
            }

        .estimation-right-div {
            width: 100%;
            padding: 4px 15px;
        }

            .estimation-right-div a {
                margin-bottom: 10px;
                background-color: #fff;
                color: #005b66;
                white-space: nowrap;
            }

        .financial-bsw .estimation-div,
        .financial-bsw .estimation-right-div {
            width: 100%;
            border-right: none;
            text-align: left;
            padding: 0;
        }

        .meter-board hr,
        .am-wrapper .meter-board hr {
            width: 85%;
        }

        .meter-board span {
            font-size: 11px;
        }
        /* New Upadates -01/20 */
        .meter-reading-wrapper {
            width: 100%;
        }

        .meter-history-wrapper {
            padding: 0px;
            color: #a0a0a0;
            background: transparent;
        }

            .meter-history-wrapper span {
                width: 100%;
                display: block;
            }

        .meter-reading-head {
            padding: 30px 50px 10px;
            line-height: 30px;
        }

        .timeline-point-1-gray,
        .timeline-point-1-white {
            padding: 10px 40px;
        }

        .m-shedule {
            margin-top: 40px;
        }

        .meter-reading-dark-gray-sec input {
            width: 85% !important;
            border-radius: 0;
        }

        .meter-reading-dark-gray-sec #mr-a-submit {
            width: 85%;
            white-space: inherit;
            height: auto;
        }

        .meter-reading-dark-gray-sec a {
            min-width: 120px;
            width: 92%;
        }

        .meter-reading-light-gray-sec input {
            width: 90%;
        }

        .mobile-installment-payment,
        .mobile-installment-payment .payment-list {
            padding: 0;
        }

        .timeline-N li .timeline-left {
            width: 37%;
            padding: 15px 15px 15px 20px !important;
        }

        .timeline-N li .timeline-right {
            width: 60%;
            padding: 10px 0px 0px 15px !important;
            float: inherit;
        }

        .timeline-left p,
        .timeline-right p {
            font-size: 14px;
        }

        .installment-payment-left p,
        .installment-payment-right p {
            font-size: 16px;
        }

        .installment-payment-left p {
            padding-right: 0px;
        }

        .mobile-tip {
            text-align: center;
            margin-top: 0 !important;
        }

        /* 02-01 */
        .maintenance-time {
            width: 85%;
            margin-left: 0;
        }

        .report-links-wrapper .report-links {
            width: 90%;
        }

        .main-follow-us {
            max-width: 68% !important;
            line-height: 20px;
        }

        /* 02-09 - Masonry grid styles */
        .masonry-header {
            padding: 0 5px;
        }

        .col1,
        .col2,
        .col3,
        .col4,
        .col5,
        .col6 {
            width: 100%;
        }

        .box-red {
            height: 415px !important;
        }

        .col4 {
            height: 300px !important;
        }

        /* End Masonry grid styles */

        /* 02-13 */
        .bill-pref-gray-sec {
            padding: 10px 15px 15px;
        }

        .nickname-content-sec::before {
            left: 40%;
        }

        .notify-toggle-wrapper {
            padding: 0 0px 20px;
        }

            .notify-toggle-wrapper .time-input {
                width: 100%;
            }

        /* 02-16 */
        .btn-wrapper a {
            font-size: 16px;
        }

        .coupon-wrapper {
            margin-bottom: 20px;
        }

        /* 02-17 */
        .green-btn-page {
            text-align: center;
        }

        #carouselButtons {
            left: 15px !important;
            top: 130px !important;
        }

        .understanding-bill-img {
            margin-top: 35px !important;
        }

        .switch-acc-wrapper .account-wrapper {
            width: inherit !important;
            float: inherit;
            display: inline-block;
            text-align: center;
        }

        .switch-acc-btn-wrapper {
            float: inherit;
            width: inherit;
        }

            .switch-acc-btn-wrapper .switch-btn {
                padding: 10px !important;
            }

                .switch-acc-btn-wrapper .switch-btn:hover {
                    padding: 8px !important;
                }

        .switch-acc-wrapper .account-wrapper p:first-child {
            float: left;
        }

        .icon_list_1 li {
            display: inline-block;
        }

        .content-thumb-container-1 {
            min-height: 0;
            min-width: 0;
            text-align: left !important;
            width: 110px;
            display: inline-block;
            float: left;
            margin-right: 20px;
        }

            .content-thumb-container-1 img {
                height: 105px;
                width: 110px;
                object-fit: cover;
            }

        .article-mobile {
            display: inline-block;
            float: left;
            width: 180px;
            margin-top: 0;
            text-align: left !important;
        }

            .article-mobile h2 {
                font-size: 22px;
                line-height: 20px;
                text-align: left;
            }

            .article-mobile p {
                display: none;
            }

        .mob-xs-m-b {
            margin-bottom: 20px;
            display: block;
            overflow: hidden;
        }

        .row .mob-xs-m-b:last-child {
            margin-bottom: 0;
        }

        .phone-number {
            color: #005b66 !important;
        }

        .phone-number-mb-white {
            color: #fff !important;
        }

        .icon_list_1 li {
            padding-top: 15px;
            padding-bottom: 15px;
        }

            .no-border-mobile,
            .icon_list_1 li:last-child {
                border-bottom: none !important;
            }

        /* 02-23 */
        .mobile-enlargement {
            width: 100% !important;
            white-space: pre-wrap;
            margin-bottom: 10px;
        }

        .iconlist-padd-remove .icon_list_1_text {
            padding: 15px 14px;
        }

        .section-btn .icon_list_1 li {
            width: 280px;
        }

        .col-seperator-sec {
            border-right: none;
            border-bottom: 2px solid rgba(241, 241, 241, 0.4);
        }

            .col-seperator-sec a {
                margin-bottom: 40px;
            }

        .ma-row-new .widget-box p {
            padding-right: 0;
        }

        .ma-row-new .widget-box {
            text-align: left;
        }

        .ma-row-new .widget-box-padding {
            padding-left: 0px !important;
        }

        .ma-row-new .widget-padding {
            padding: 0 30px;
        }

        .outage-mobile-heading {
            margin-top: 280px !important;
        }

        /* 02-27 */
        .image-overlay-margin {
            margin-top: 0;
            padding: 0 2px;
        }

        .image-overlay-single-col {
            padding: 0 2px;
        }

        /* 03-04 */
        .wp-red-text-mob {
            width: 100%;
            display: block;
        }

        .sup-cent-wrap .expand-box {
            padding: 15px 20px;
        }

        .sup-cent-wrap .expand-link {
            text-align: left;
        }

        .sup-cent-aLink {
            display: none;
        }

        .mobile-insta-left {
            float: left !important;
            margin-left: 30px;
        }

        .need-for-help {
            text-align: center;
        }

        /* 03-13 */
        .mobile-billing .m-t-70 {
            margin-top: 0;
        }

        .pre-auth-mobile-btn {
            white-space: inherit;
            padding: inherit !important;
        }

        .bulat-list {
            padding: 0 30px 0 50px;
            text-align: left;
        }

        .H1-wp-wrapper {
            min-height: 460px !important;
            padding: inherit !important;
        }

        .search-result-row {
            padding: 25px 15px 25px 100px !important;
        }

        .article-mobile {
            display: inline-block;
            float: left;
            width: 60%;
            margin-top: 0;
            text-align: left !important;
        }

        .tree {
            zoom: 50%;
        }

        .placeholder-text input,
        .placeholder-text input::-webkit-input-placeholder {
            font-size: 12px;
            line-height: 3;
        }

        .widget-box-mb-tf ul {
            padding: 0 0 0 20px !important;
        }

        .highbill-mb-h2-pad {
            padding: 0 60px;
        }

        #LabelStartSavingDesHeaderStart {
            padding: 0 50px;
        }

        #LabelCostCalculatorDesHeaderCost {
            padding: 0 60px;
        }

        .hb-mb-m-t-20 .mobile-enlargement {
            margin-bottom: 20px;
        }

        .timeline-point-1 .toggle-title {
            padding-right: 40px;
        }

        .value-slick-slider .slick-prev {
            transform: translate(-30%, 280%);
        }

        .value-slick-slider .slick-next {
            transform: translate(10%, -334%);
        }

        .slick-next {
            transform: translate(40%, -298%);
        }

        .pdf-list .common-list li {
            display: table !important;
            width: auto;
        }

        .tree ul {
            padding-left: 20px;
        }

        .fin-overflow {
            overflow: hidden !important;
        }

        .pdf li a.under-line-red {
            left: 40px;
        }

        .highbill-box.small-box {
            height: auto;
        }

        .m-b-50 > .highbill-box.small-box {
            height: 240px;
        }

        .summary-billing-filter {
            display: block;
        }

        .mb-white-space-wrap {
            white-space: inherit;
        }

        .content-box-style2-qur .common-list li a {
            text-align: left;
        }

        .btn-app-common {
            white-space: inherit;
        }

        .sb-btn-wrap {
            width: inherit
        }

        .press-btn-resizer {
            min-width: 80%;
        }

        .mobile-view {
            background-size: 350% 200px !important;
        }

        .ctamobile-view {
            background-size: 150% 200px !important;
        }

        .acc-profile-new-btn {
            float: left !important;
        }

        .ma-search-box .input-group-btn {
            width: 30%;
            display: inline-block;
        }

            .ma-search-box .input-group-btn button {
                width: 30%;
                margin-right: 0;
                min-width: 115px;
            }

        .sr-row {
            padding: 25px 15px 25px 15px !important;
        }

        .login-wrap-padding #SecurityAnswer {
            padding: 0 40px 0 0;
        }
    }

    /* folder 5 css */
    @media only screen and (max-width: 768px) {

        .account-wrapper-full-width {
            width: 100% !important;
        }

        .full-bio {
            padding: 20px 20px;
        }



        .chk-radio-btn,
        .pricing-radio-btn {
            margin: 10px 0;
        }

            .pricing-radio-btn .icon.icon-info {
                top: -10px;
            }

        .cost-calculator .icon_list_1 li {
            width: 80%;
        }

        .content-box.mybill-padding-reset {
            background-color: rgba(246, 249, 254, 0);
            padding: 30px 30px 50px 30px;
            min-width: inherit;
            min-height: inherit;
        }

        .mybill-padding-reset {
            background-color: rgba(246, 249, 254, 0);
            padding: 35px 190px 25px 40px;
            min-width: inherit;
        }

        .mybill-padding-reset-new-wp {
            background-color: rgba(246, 249, 254, 0);
            padding: 35px 190px 25px 40px;
            min-width: inherit;
        }

        .mobile-view .mybill-padding-reset-new-wp h2 {
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            box-ordinal-group: 2;
            position: inherit !important;
            margin-top: 225px !important;
            left: 0;
            right: 0;
            line-height: 25px;
            font-size: 20px;
            padding-top: 0px;
        }

        .mobile-view .mybill-padding-reset-new-wp p {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .H1-wp-wrapper {
            min-height: 480px;
            padding: 75px 0 50px;
        }

        .mobile-view {
            background-size: 100% 200px;
            background-position: center top;
            display: -webkit-box;
            display: -moz-box;
            display: box;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            box-orient: vertical;
        }

            .mobile-view .widget-box {
                height: 410px;
            }

                .mobile-view .widget-box h2 {
                    -webkit-box-ordinal-group: 2;
                    -moz-box-ordinal-group: 2;
                    box-ordinal-group: 2;
                    position: absolute;
                    margin-top: 240px;
                    left: 0;
                    right: 0;
                    line-height: 25px;
                    font-size: 20px;
                    padding-top: 0px;
                }

        .H1-wp-wrapper {
            padding-top: 0px !important;
        }

        .mobile-view .widget-box h3 {
            -webkit-box-ordinal-group: 3;
            -moz-box-ordinal-group: 3;
            box-ordinal-group: 3;
            margin-top: 300px;
        }

        .mobile-view .widget-box img {
            left: 0;
            right: 0;
            margin: 100px auto 0;
            max-height: 160px;
        }

        .mobile-view .widget-box a {
            overflow: hidden;
            position: relative;
        }

        .mobile-view .widget-box p {
            margin-top: 300px;
            margin-bottom: 0;
        }


        .image-overlay-margin {
            margin-top: 0px;
        }

        col-seperator {
            border-right: 2px solid rgba(97, 97, 97, 0.3);
            display: block;
            overflow: hidden;
        }

        .freeq-wrapper {
            padding: 0px 15px;
        }

        .peak-indicator-wrapper {
            width: 100%;
            text-align: center;
        }

        .week-icon-box,
        .update-btn-wrapper,
        .week-btn-wrapper {
            text-align: center;
        }

        .search-result-row {
            padding: 25px 30px 25px 100px;
        }

        .search-result-row-select-account {
            padding: 24px 24px 24px 24px !important;
        }

        .search-result-row.with-option {
            padding: 25px 15px 25px 20px;
        }

        .search-result-row.selectedContract {
            padding: 25px 15px 25px 100px;
        }

        .search-result-row.no-bg {
            background-color: transparent;
            padding: 25px 30px 25px 30px !important;
        }

        .banner-content {
            left: 90px;
        }

        #carouselButtons {
            top: 130px;
            left: 15px !important;
        }

        .testimonial-text-center {
            text-align: center;
            margin-top: 30px;
        }

        label {
            display: inline-block;
        }

        .popover-content label {
            display: block;
        }

        .mob-xs-m-b {
            margin-bottom: 20px;
            display: block;
            overflow: hidden;
        }

        .content-thumb-container-1 {
            min-height: 0;
            min-width: 0;
            text-align: left !important;
            display: inline-block;
            float: left;
            margin-right: 20px;
        }

            .content-thumb-container-1 img {
                height: 105px;
                width: 110px;
                object-fit: cover;
            }

        .article-mobile {
            display: inline-block;
            float: left;
            width: 80%;
            margin-top: 0;
            text-align: left !important;
        }

            .article-mobile h2 {
                font-size: 22px;
                line-height: 20px;
                text-align: left;
            }

            .article-mobile p {
                display: none;
            }

        .card-block {
            text-align: left;
        }

            .card-block .card-title {
                font-weight: bold;
            }

            .card-block .card-text {
                font-style: italic;
            }

        .province-list {
            display: block;
            overflow: hidden;
            margin-bottom: 15px !important;
            margin-top: 30px !important;
        }

            .province-list li {
                min-width: 100%;
            }

        .list-style2.no-border li a {
            display: inline-block;
            text-align: left;
            width: 85%;
            padding: 12px 0 !important;
        }

        .list-style2 li {
            border-bottom: 1px solid #b7b7b7;
            padding: 0;
        }

        .big-annual .left-box {
            display: inline-block;
            margin-right: 0px;
            overflow: hidden;
            float: left;
            position: absolute;
            height: inherit;
            left: 40px;
            top: 30px;
        }

        .big-annual .right-box {
            float: right;
            display: inline-block;
            overflow: hidden;
            width: 85% !important;
            margin-top: 20px;
        }

        .header_boxes_text {
            display: inline-block;
        }

        .header_boxes_mobile_left .listicon {
            display: block;
            margin-top: 0px;
            position: absolute;
            right: 40px;
        }

        .number-wizard-grp select {
            float: inherit;
        }

        .cost-cal-dbl-wrap-divider {
            border-right: none;
        }

        .cost-cal-dbl-wrap-right {
            padding-left: 15px;
        }

        .corp-head {
            top: -10%;
        }

        .tree li a {
            min-width: inherit;
        }

        .tree-right-chlid {
            left: 370px;
            top: -216px;
        }

        .tree-left-child {
            left: 339px;
            top: -108px;
        }

        .aboutUs-hidden {
            display: none;
        }

        .timeline-left-padding {
            padding: 15px 110px;
        }

        .widget-box-mb-tf {
            text-align: left !important;
        }

            .widget-box-mb-tf ul {
                padding: 0;
            }

            .widget-box-mb-tf .list-style2 li {
                border: none;
                text-align: left;
            }

                .widget-box-mb-tf .list-style2 li a {
                    width: inherit;
                }

                    .widget-box-mb-tf .list-style2 li a .caret-right {
                        top: 0px;
                    }

        .contractor-banner .banner-content {
            margin-top: 200px;
            margin-bottom: 20px;
        }

        .pull-right .ma-txthighlight-red,
        a.ma-txthighlight-red,
        .ma-txthighlight-red a {
            float: left !important;
            margin-left: 20px;
        }

            .ma-txthighlight-red a.ng-binding {
                width: 100%;
            }

        .mb-search-btn {
            padding: 3px 12px;
        }

        .disclose-yr,
        .disclose-text {
            text-align: center;
        }

        .Footer_Social_Icons {
            position: absolute;
            top: -230px;
            margin: 0px auto;
            left: 0px;
            right: 0px;
        }

        .bill-column .leftArrow {
            background: none;
        }

        .bill-column .icon_list_1 {
            margin: 0px 0 0px;
        }

            .bill-column .icon_list_1 li {
                padding-top: 10px;
                padding-bottom: 10px;
                margin-left: 200px;
                display: block;
            }

        .bill-column .icon_list_1_text {
            padding-top: 15px;
        }

        .dark-gray-panel p {
            max-width: 82%;
        }

        .bill-column .icon_list_1_icon img {
            max-width: 100%;
        }

        .timeline-point-1 .indicator-text .expand-txt {
            display: none !important;
        }

        .timeline-point-1 .indicator-text .collapse-txt {
            display: none !important;
        }

        .cost-cal-mobile-section {
            padding: 0px 0 !important;
        }

        .cost-cal-mobile li {
            width: 100%;
        }

            .cost-cal-mobile li a {
                width: 100%;
                min-height: 0;
                height: auto;
                background: transparent;
            }

        .cost-cal-mobile .img-wrap {
            display: none;
        }

        .cost-cal-mobile .menu-titile {
            text-align: left;
            display: inline-block;
            float: left;
            margin: 0 10px 0 0;
        }

        .cost-cal-mobile a:hover:before,
        .cost-cal-mobile a:hover:after {
            display: none;
        }

        .cost-cal-mobile a:hover,
        .cost-cal-mobile a:focus,
        .cost-cal-mobile a:visited,
        .cost-cal-selected {
            text-decoration: none;
            border: 3px solid transparent;
        }

            .cost-cal-menu a:hover:before,
            .cost-cal-selected:before,
            .cost-cal-menu a:hover:after,
            .cost-cal-selected:after {
                border-top: 20px solid transparent;
            }

        .cost-cal-selected {
            background-color: transparent !important;
        }

        .cost-cal-mobile .notification {
            height: 25px;
            width: 25px;
            border-radius: 50%;
            background: #005b66;
            padding: 3px 9px;
            position: initial;
            font-size: 14px;
            font-weight: bold;
            color: #fff;
            right: 0;
            top: 0;
            /*text-indent: -2px;*/
            display: inline-block;
        }

        .cost-cal-mobile-btn {
            margin: 0px 0px 10px 0px !important;
            display: inline-block;
            float: right;
            color: #005b66;
        }

        .cost-cal-mobile {
            text-align: left;
            margin-bottom: 30px;
        }

        .cost-cal-mobile-btn span {
            padding: 2px 8px !important;
        }

        .value-body-section .left-sec {
            width: 62%;
        }

        .value-body-section .right-sec {
            width: 38%;
        }

        .value-slick-slider .slick-prev {
            transform: translate(-20%, 332%);
        }

        .value-slick-slider .slick-next {
            transform: translate(10%, -322%);
        }

        .cost-cal-s2-mob {
            text-decoration: none;
            border: 3px solid #005b66;
        }

        .cost-cal-s2-mob {
            background-color: #fff !important;
        }

            .cost-cal-menu a:hover:before,
            .cost-cal-s2-mob:before {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                bottom: -20px;
                width: 0;
                height: 0;
                border-left: 20px solid transparent;
                border-right: 20px solid transparent;
                border-top: 20px solid #005b66;
                clear: both;
                margin: 0 auto;
            }

            .cost-cal-menu a:hover:after,
            .cost-cal-s2-mob:after {
                content: '';
                position: absolute;
                left: 0;
                right: 0;
                bottom: -15px;
                width: 0;
                height: 0;
                border-left: 20px solid transparent;
                border-right: 20px solid transparent;
                border-top: 20px solid #fff;
                clear: both;
                margin: 0 auto;
            }

        .estimation-right-div a:last-child {
            margin-top: 10px;
        }

        .search-result-row.account-list .ma-txthighlight-red,
        .search-result-row.account-list .ma-link {
            width: 100%;
            display: block;
            clear: both;
        }

        .ma-txthighlight-red a {
            margin-left: 0 !important;
        }

        .small-blocks li {
            margin-top: 10px;
        }

        .highbill-box-border {
            border-bottom: 3px solid #005b66 !important;
        }

        .content-box-style2-qur .common-list li a {
            text-align: left;
        }

        .notify-toggle-wrapper {
            padding: 0 0px 20px;
        }

        .input-mb-group {
            display: block;
        }

        .disclose-list {
            overflow: hidden;
        }

        .ma-search-box .input-group {
            display: inline-block;
            width: 100%;
        }

            .ma-search-box .input-group input {
                display: inline-block;
                width: 70%;
            }

        .ma-search-box .input-group-btn {
            /*width: 300%;*/
            display: inline-block;
        }

            .ma-search-box .input-group-btn button,
            .ma-search-box .input-group-btn a {
                width: 30%;
                margin-right: 0;
            }

        #tagman-as-view-billing.btn-app-border {
            white-space: inherit;
        }

        .validation-marks-wrapper {
            right: 55px;
        }
    }

    @media only screen and (min-width: 768px) {
        .modal-sm {
            width: 380px;
        }
    }


    /* Password Strength Indicator */
    .ma-text-dropdown {
        background: #DDDDDD;
        color: #333;
        width: 290px;
        padding: 20px;
        z-index: 100;
    }

    .ma-dptext {
        position: relative !important;
    }

    .ma-text-dropdown {
        position: absolute;
        top: 30px;
        list-style: none;
    }

    .ma-text-dropdown-info {
        margin-bottom: 15px;
    }

    .ma-text-dropdown .fa-check-circle {
        color: #48B83B;
        margin-right: 10px;
    }

    .ma-text-dropdown .fa-times-circle {
        color: #801B14;
        margin-right: 10px;
    }

    .ma-arrow-up {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #DDDDDD;
        position: absolute;
        margin-top: -26px;
    }

    /* Show hide input field value place holder styles */
    .mask-unmask-content::-webkit-input-placeholder {
        color: #444 !important;
    }

    .mask-unmask-content:-moz-placeholder {
        /* Firefox 18- */
        color: #444 !important;
    }

    .mask-unmask-content::-moz-placeholder {
        /* Firefox 19+ */
        color: #444 !important;
    }

    .mask-unmask-content:-ms-input-placeholder {
        color: #444 !important;
    }

    /* --------------  LOADER -------------- */



    .pre-loader {
        background: rgba(255, 255, 255, 0.8);
        height: 100%;
        min-height: 460px;
        position: fixed;
        top: 0;
        left: 0px;
        width: 100%;
        z-index: 9999999;
    }

    .pre-loader-logo {
        cursor: default;
        height: 100%;
        pointer-events: none;
        text-align: center;
        top: 0;
        transform: translate3d(0px, 40%, 0px);
    }

    .pre-loader-loader {
        bottom: 40%;
        cursor: default;
        left: 0;
        pointer-events: none;
        position: absolute;
        width: 100%;
    }

    .sk-chasing-dots {
        margin: 40px auto;
        width: 40px;
        height: 40px;
        position: relative;
        text-align: center;
        -webkit-animation: sk-chasingDotsRotate 2s infinite linear;
        animation: sk-chasingDotsRotate 2s infinite linear;
    }

        .sk-chasing-dots .sk-child {
            width: 60%;
            height: 60%;
            display: inline-block;
            position: absolute;
            top: 0;
            background-color: #005b66;
            border-radius: 100%;
            -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out;
            animation: sk-chasingDotsBounce 2s infinite ease-in-out;
        }

        .sk-chasing-dots .sk-dot2 {
            top: auto;
            bottom: 0;
            background-color: #6ed7b7;
            -webkit-animation-delay: -1s;
            animation-delay: -1s;
        }

    .pre-loader.ng-hide {
        -webkit-animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
        animation: animLoadedHeader 1s cubic-bezier(0.7, 0, 0.3, 1) forwards;
    }

    /* Events */

    .month_item {
        margin-bottom: 40px;
    }


    .events_month H2,
    .events_month H2 label {
        font-size: 25px;
        font-weight: bold;
        padding: 0px;
        margin: 0px;
    }

    .lst_month {
        padding: 0px;
        margin: 0px;
    }

        .lst_month li {
            list-style: none;
            display: inline-block;
            vertical-align: top;
            height: 45px;
        }

        .lst_month .month_arrow a {
            display: block;
            padding: 8px 15px;
        }

    .event_list_categories {
        border-bottom: 1px solid #ccc;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

        .event_list_categories h2 {
            margin-bottom: 25px;
        }

    .event_item_title {
        font-size: 18px;
    }

    .event_item_time {
        font-size: 18px;
    }

    .event_item_address {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .event_item_description {
    }

    .event_item_url a {
        color: #eb080b;
        word-wrap: break-word;
    }

    .event_item_date {
        color: #eb080b;
        font-size: 17px;
        font-weight: bold;
        padding-top: 5px;
    }

        .event_item_date span {
            display: block;
        }

    .event_item {
        margin-bottom: 40px;
    }

    .btn_load_more {
        margin: 25px 0px;
    }

    .event_item_month {
        font-size: 26px;
        padding-bottom: 25px;
        font-weight: bold;
    }

    .events_upcomming,
    .events_past {
        font-weight: 400;
        font-size: 17px;
        line-height: 28px !important;
        letter-spacing: 0px;
        color: #000;
    }

    .event_month_wrapper {
        border-bottom: 1px solid #ccc;
        margin-bottom: 30px;
    }

    @media only screen and (min-width: 768px) {
        .bg-50 {
            background: linear-gradient(to right, #EEEEEE 0%, #EEEEEE 50%, #fff 50%, #fff 100%);
        }

        .events_upcomming,
        .events_past {
            padding: 40px;
        }

        .no-border-mobile,
        .icon_list_1 li:last-child {
            border-bottom: none !important;
        }

        .col-seperator-sec {
            border-right: none;
            text-align: left !important;
            padding-left: 30px !important;
        }

        .ma-row-new .widget-box-padding {
            padding-left: 0px;
            text-align: left !important;
            padding-left: 30px !important;
        }

        .ma-row-new .widget-box p {
            padding-right: 0;
        }

        .Footer_Top_Row_1 {
            width: 770px;
        }
    }

    @media only screen and (max-width: 768px) {

        .event_item_icon {
            text-align: left;
        }

        .event_item_date {
            text-align: left;
        }

        .bg1 {
            background: #EEEEEE;
        }
    }



    /*  Breadcrumb */
    .breadcrumb-section2 {
        background: #616161;
        color: #ffffff;
        padding: 6px;
    }

        .breadcrumb-section2 a:link,
        .breadcrumb-section2 a:visited {
            color: #ffffff !important;
            margin: 0px 10px;
            font-size: 16px !important;
            margin-top: 10px;
        }

        .breadcrumb-section2 .breadcrumbCurrentNode {
            margin-left: 10px;
        }

        .breadcrumb-section2 .breadcrumbRootNode {
            display: none;
        }

        .breadcrumb-section2 .br-ico-home2 {
            vertical-align: text-bottom;
            margin-right: 5px;
        }


    .h1-breadcrumb2 {
        margin: 0px;
        padding: 0px;
    }

        .h1-breadcrumb2 li {
            margin: 0px;
            padding: 0px;
            vertical-align: top;
            display: inline-block;
        }

    .br-ico-links {
        padding-top: 8px !important;
    }

    .form-note {
        margin-top: 5px;
        color: #6e6e6e;
    }

    .cb_req {
        color: #f00;
    }

    .ho-control-active .cb_req {
        color: #fff;
    }

    .btn-form {
        font-size: 18px;
    }

    .ma-wizard-inner {
        border-bottom: 1px solid #4F4F4F;
        margin-bottom: 20px;
    }

    .formcontrol-xs {
        width: 120px;
    }

    .p-l-0 {
        padding-left: 0px;
    }

    .p-0 {
        padding: 0px !important;
    }

    .formcontrol-cal {
        width: 250px;
    }


    /* overide sharepoint thimable css */

    .ms-rtestate-field h1,
    .ms-rtestate-field h2 {
        color: inherit;
    }

    .p-b-r {
        padding-bottom: 0 !important;
    }

    .p-t-r {
        padding-top: 0 !important;
    }

    .gray-sec-tri-wrap {
        overflow: visible !important;
    }

    .gray-sec-tri::before {
        content: '';
        position: absolute;
        left: 30%;
        top: -30px;
        width: 0;
        height: 0;
        border-left: 60px solid transparent;
        border-right: 60px solid transparent;
        border-bottom: 30px solid #EEEEEE;
        clear: both;
    }

    /* Slick Slider */
    .slick-slider {
        text-align: center;
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    .slick-list-height .slick-list {
        height: 170px;
    }

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: -3px;
        display: block;
    }

        .slick-track:before,
        .slick-track:after {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
        outline: transparent;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }

    .slick-prev {
        display: block;
        position: absolute;
        z-index: 9;
        height: 40px;
        vertical-align: middle;
        transform: translate(-39%, 130%);
        background: url(../images/previous.png);
        background-repeat: no-repeat;
        width: 25px;
        min-width: 0;
        border: none;
        font-size: 0;
        outline: transparent;
    }

    .slick-next {
        display: block;
        height: 40px;
        position: absolute;
        right: 0;
        transform: translate(40%, -298%);
        vertical-align: middle;
        z-index: 9;
        background-image: url(../images/next.png);
        background-repeat: no-repeat;
        width: 25px;
        min-width: 0;
        border: none;
        font-size: 0;
        outline: transparent;
        background-color: transparent;
    }

        .slick-next:hover,
        .slick-prev:hover {
            background-color: transparent;
        }

    /* -------------blockquote-------------------*/

    blockquote.articlequote {
        border: none;
        font-size: 32px;
        margin: 1.5em 10px;
        padding: 0.5em 10px;
        quotes: "\201C""\201D""\2018""\2019";
    }

        blockquote.articlequote:before {
            color: #000000;
            content: open-quote;
            font-size: 1em;
            line-height: 0.1em;
            margin-right: 0.25em;
            vertical-align: -0.1em;
        }

        blockquote.articlequote:after {
            color: #000000;
            content: close-quote;
            font-size: 1em;
            line-height: 0.1em;
            margin-right: 0.25em;
            vertical-align: -0.1em;
        }

        blockquote.articlequote p {
            display: inline;
        }

    /* -------------/ blockquote-------------------*/

    h4.heading {
        font-weight: normal;
    }

    .stock .positive .font-awesome-icon,
    .stock .nagative .font-awesome-icon {
        display: inline-block;
        width: 10px;
        height: 10px;
        vertical-align: middle;
        margin-right: 5px;
    }

    .stock .positive .font-awesome-icon {
        color: #61c617;
    }

    .stock .nagative .font-awesome-icon {
        color: #005b66;
        -ms-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .stock p.title {
        font-size: 14px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 0px;
    }

    .stock p.sub {
        font-size: 12px;
    }

    a.under-line-red:hover {
        text-decoration: underline;
    }


    .content-box-style2 {
        position: relative;
        padding: 25px 25px 15px 195px !important;
        margin-bottom: 70px;
    }

    .widget-box.content-box.content-box-style2.small-box.ma-row-highlight-1.text-center {
        padding: 25px;
    }

    .big-investor {
        min-height: 420px;
    }

    .big-annual {
        padding: 30px;
        margin-bottom: 70px;
        display: block;
        overflow: hidden;
        position: relative;
        min-height: 250px;
    }

        .big-annual .left-box {
            display: inline-block;
            margin-right: 50px;
            overflow: hidden;
            float: left;
            position: absolute;
            height: 100%;
        }

        .big-annual .right-box {
            float: right;
            display: inline-block;
            overflow: hidden;
            width: 65%;
        }


    .right-box ul {
        margin: 0 0 10px;
        padding: 0;
    }

        .right-box ul li {
            width: 100%;
            padding: 0;
        }

    .right-box .disclose-title {
        color: #005b66;
        font-weight: bold;
        text-decoration: none;
        width: 87%;
        margin: 0;
    }

    .right-box .disclose-link {
        width: 13%;
        margin: 0;
        line-height: 40px;
    }

    .right-box .icon.small.icon_file {
        background-position: -15px -754px;
        width: 35px;
        padding: 0;
    }

    .content-box-style2 .left-box {
        position: absolute;
        left: 0px;
        top: 0px;
        padding-top: 25px;
        padding-left: 25px;
    }

    .content-box-style2 .common-list li {
        padding: 0px;
        width: 100%;
        margin-bottom: 5px;
    }

        .content-box-style2 .common-list li .icon {
            margin-right: 10px;
        }

        .content-box-style2 .common-list li a {
            display: block;
            float: left;
            position: relative;
            width: 80%;
            padding-top: 5px;
            font-size: 16px;
        }


    .icon.small.icon_file {
        background-position: -2px -754px;
        vertical-align: middle;
        background-size: auto auto;
        height: 35px;
        float: left;
    }

    .icon.small.icon_int {
        background-position: -46px -754px;
        vertical-align: middle;
        background-size: auto auto;
        height: 35px;
        float: left;
    }

    .icon.small.icon_voice {
        background-position: -90px -754px;
        vertical-align: middle;
        background-size: auto auto;
        height: 35px;
        float: left;
    }

    .content-box-style2 .btn-app-border.btn-ash,
    .content-box-style2 a.btn-app-border.btn-ash {
        left: 0px;
        right: 0px;
        margin: 0px auto;
        max-width: 80%;
        background-color: #616161;
        text-align: center;
    }

    .content-box-style2 .btn-app-border,
    .content-box-style2 a.btn-app-border,
    .disclosures-main .btn-app-border,
    .highbill-box .btn-app-border {
        left: 0px;
        right: 0px;
        margin: 0px auto;
        max-width: 80%;
        width: 80%;
    }

    .highbill-box .btn-app-border {
        position: absolute;
        white-space: inherit;
    }

    .press-list li {
        /*margin-bottom: 25px;*/
        padding: 0px;
    }

    .common-list.link-list li {
        margin: 0px;
        padding: 0px;
    }

        .common-list.link-list li a.btn {
            text-align: left;
        }

    section[class*="common-section"].padding-20 {
        padding: 20px 0px;
    }


    @media only screen and (max-width: 768px) {
        .widget-box.content-box.content-box-style2.big {
            margin-bottom: 70px;
            padding: 25px 25px 15px 195px;
            position: relative;
            margin-right: 0px;
            margin-bottom: 80px;
            height: inherit;
            min-height: 400px;
        }

        .content-box-style2 .btn-app-border.btn-ash,
        .content-box-style2 a.btn-app-border.btn-ash {
            position: absolute;
            bottom: 0px;
            overflow: hidden;
        }

        .content-box-style2.small-box {
            height: inherit;
            padding: 25px;
        }

        .content-box-style2 .btn-app-border,
        .content-box-style2 a.btn-app-border {
            left: 0;
            margin: 0 auto;
            max-width: 80%;
            right: 0;
            white-space: inherit;
        }

        .common-list.link-list li {
            margin: 0 auto;
            padding: 0;
        }

        .widget-box.mobile-left {
            text-align: left;
        }
    }


    .icon-list-item a {
        display: block;
        width: 100%;
        padding: 10px 10px 10px 45px;
        color: #616161;
    }


    .icon.small.icon-list-item {
        background-position: -148px -754px;
        vertical-align: middle;
        background-size: auto auto;
        height: 35px;
        width: 35px;
        float: left;
        position: absolute;
        top: 0px;
        left: 15px;
    }

    .active .icon.small.icon-list-item {
        background-position: -190px -754px;
    }

    .content-pop-sty1 {
        position: relative;
        padding-top: 50px;
    }

    .icon.small.icon-content-pop-sty1 {
        background-position: -235px -746px;
        background-size: auto auto;
        position: absolute;
        top: 10px;
        right: 15px;
        z-index: 9;
    }

    .ma-row-highlight-3 {
        background-color: #e6e6e8;
        color: #616161;
    }

    .row.ma-row-highlight-3 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .icon.small.icon-infoicon2 {
        background-position: -293px -746px;
        background-size: auto auto;
        position: absolute;
        top: 10px;
        right: 15px;
        z-index: 5;
    }

    .m-r-15 {
        margin-right: 15px;
    }

    .pop-show {
        display: none;
    }

        .pop-show.show {
            display: none;
        }



    /*  ERROR PAGES */
    .wr-404-top {
        text-align: center;
        padding-top: 50px;
    }

    .pageerror-message {
    }

        .pageerror-message .heading {
            font-size: 72px !important;
            line-height: 72px;
            margin-bottom: 30px;
            font-weight: normal !important;
        }

    .pageerror-description {
        font-size: 24px !important;
        padding-bottom: 50px;
    }

    .pageerror-image {
        margin-bottom: 70px;
    }

    .h3_underline {
        border-bottom: 1px solid #ccc;
        padding: 0px;
        margin: 0px;
        padding-bottom: 30px;
        font-weight: bold;
        font-size: 17px !important;
    }

    .red-link-list {
        padding: 0px;
        margin: 0px;
        margin-top: 40px;
    }

        .red-link-list li {
            padding: 0px;
            margin: 0px;
            list-style: none;
            margin-bottom: 10px;
        }

            .red-link-list li a {
                color: #005b66;
                font-size: 17px;
                text-decoration: underline;
            }

    .timeframe-list {
        padding: 0px;
        margin: 0px;
    }

        .timeframe-list li {
            padding: 0px;
            margin: 0px;
            list-style: none;
            margin-bottom: 15px;
        }

        .timeframe-list .timeframe-ico {
            float: left;
            margin-right: 20px;
        }

        .timeframe-list .timeframe-range {
            float: left;
            margin-right: 20px;
            width: 180px;
        }

        .timeframe-list .timeframe-btn {
            float: left;
        }

            .timeframe-list .timeframe-btn a {
                font-size: 18px;
                color: #005b66;
                font-weight: bold;
            }

    .timeframe-ico .timeframe-circle {
        width: 20px;
        height: 20px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

    .per-selection {
        border: none;
        background: transparent;
        cursor: pointer;
        font-size: 17px;
        outline: transparent;
        color: #fff;
    }

        .per-selection option {
            color: #000;
        }




    .icon-list-item a {
        display: block;
        width: 100%;
        padding: 10px 10px 10px 45px;
        color: #616161;
    }


    .icon.small.icon-list-item {
        background-position: -190px -754px;
        vertical-align: middle;
        background-size: auto auto;
        height: 35px;
        width: 35px;
        float: left;
        position: absolute;
        top: 0px;
        left: 15px;
    }

    .active .icon.small.icon-list-item {
        background-position: -148px -754px;
    }

    .content-pop-sty1 {
        position: relative;
        padding-top: 50px;
    }

    .icon.small.icon-content-pop-sty1 {
        background-position: -235px -746px;
        background-size: auto auto;
        position: absolute;
        top: 10px;
        right: 15px;
    }

    .row.ma-row-highlight-3 {
        margin-left: 0px;
        margin-right: 0px;
    }

    .icon.small.icon-infoicon2 {
        background-position: -293px -746px;
        background-size: auto auto;
        position: absolute;
        top: 10px;
        right: 15px;
        z-index: 99999;
    }

    .m-r-15 {
        margin-right: 15px;
    }

    .pop-show {
        display: none;
    }

        .pop-show.show {
            display: none;
        }

    .content-box-style2-qur {
        /* position: relative; */
        padding: 25px 25px 15px 25px;
        /* margin-bottom: 20px; */
        display: block;
        overflow: hidden;
    }

        .content-box-style2-qur.style2.small-box {
            position: relative;
            margin-bottom: 25px;
            padding: 50px;
        }

        .content-box-style2-qur .left-box {
            width: 40%;
            margin: 0 auto;
        }

        .content-box-style2-qur ul {
            margin: 0 0 15px;
        }

        .content-box-style2-qur .common-list li a {
            font-size: 16px;
            display: block;
            width: 90%;
            margin-left: 30px;
        }

        .content-box-style2-qur .image-wrapper .qur-yr,
        .content-box-style2-qur .image-wrapper .qur {
            color: #000;
        }

    .icon.small.icon_int {
        background-position: -46px -754px;
        vertical-align: middle;
        background-size: auto auto;
        height: 35px;
        float: left;
    }

    .icon.small.icon_voice {
        background-position: -90px -754px;
        vertical-align: middle;
        background-size: auto auto;
        height: 35px;
        float: left;
    }

    .content-box-style2 .btn-app-border.btn-ash,
    .content-box-style2 a.btn-app-border.btn-ash {
        left: 0px;
        right: 0px;
        margin: 0px auto;
        max-width: 80%;
        background-color: #616161;
        text-align: center;
    }


    .press-list li {
        padding: 0px;
    }

    .common-list.link-list li {
        margin: 0px;
        padding: 0px;
    }

        .common-list.link-list li a.btn {
            text-align: left;
        }

    section[class*="common-section"].padding-20 {
        padding: 20px 0px;
    }

    .content-box-style2.style3.small-box {
        position: relative;
        margin-bottom: 20px;
    }

    .left-background {
        background-position: top left;
        background-repeat: no-repeat;
        background-size: auto;
        height: 100%;
        overflow: hidden;
        width: 100%;
    }

    .content-box-style2 .btn-app-border.content-box-style2-btn {
        border-color: transparent;
        position: absolute;
        bottom: 0px;
        padding: 10px;
        font-size: 16px;
    }

        .content-box-style2 .btn-app-border.content-box-style2-btn:hover {
            border-color: #005b66;
        }


    .col-highlight-1 {
        height: 180px;
    }


    .video-details p strong {
        display: inline-block;
        min-width: 125px;
    }

    .video-details p {
        margin-bottom: 5px;
    }

    .modal-backdrop {
        z-index: 989;
    }




    /*  ////// RTE Custome Styles ///// */

    /* RTE - ELEMENT STYLES */

    H1.ms-rteElement-H1 {
        -ms-name: "HO-Header 1";
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    H2.ms-rteElement-H2 {
        -ms-name: "HO-Header 2";
        font-size: 30px;
        font-weight: normal;
        margin-bottom: 15px;
    }

    H3.ms-rteElement-H3 {
        -ms-name: "HO-Header 3";
        font-size: 26px;
        font-family: 'FuturaBT-Heavy';
        font-weight: bold;
        margin-bottom: 15px;
    }

    H4.ms-rteElement-H4 {
        -ms-name: "HO-Header 4";
        font-size: 18px;
        font-weight: bold;
        color: #0B0A0B;
        margin-bottom: 15px;
    }




    /* RTE - TEXT STYLES */
    .ms-rteStyle-HO-H1 {
        -ms-name: "HO-Header 1";
        font-size: 30px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .ms-rteStyle-HO-H2 {
        -ms-name: "HO-Header 2";
        font-size: 30px;
        font-weight: normal;
        margin-bottom: 15px;
    }


    .ms-rteStyle-HO-H3 {
        -ms-name: "HO-Header 3";
        font-size: 26px;
        font-family: 'FuturaBT-Heavy';
        font-weight: bold;
        margin-bottom: 15px;
    }


    .ms-rteStyle-HO-H4 {
        -ms-name: "HO-Header 4";
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 15px;
    }

    .ms-rteStyle-HO-Body {
        -ms-name: "HO-Body";
        font-size: 17px;
        font-family: 'canada-type-gibson';
        font-weight: normal;
        margin-bottom: 15px;
    }

    .ms-rteStyle-HO-Body-2 {
        -ms-name: "HO-Body-2";
        font-size: 15px;
        font-weight: normal;
        margin-bottom: 15px;
    }


    /* /////////////////// NEW HEADING STYLES ///////////////// */

    .ARTICLE_H1 {
        font-weight: 700;
        font-size: 40px;
        line-height: 60px;
        letter-spacing: -0.25px;
        color: #000;
    }

    .ARTICLE_H2 {
        font-weight: 700;
        font-size: 35px;
        line-height: 53px;
        letter-spacing: -0.2px;
        color: #000;
    }

    .ARTICLE_H3 {
        font-weight: 700;
        font-size: 30px;
        line-height: 45px;
        letter-spacing: 0px;
        color: #000;
    }

    .ARTICLE_H4 {
        font-weight: 700;
        font-size: 26px;
        line-height: 39px;
        letter-spacing: 0px;
        color: #000;
    }

    .ARTICLE_H5 {
        font-weight: 700;
        font-size: 23px;
        line-height: 36px;
        letter-spacing: 0px;
        color: #000;
    }

    .ARTICLE_H6 {
        font-weight: 700;
        font-size: 16px;
        line-height: 36px;
        letter-spacing: 1.5px;
        color: #000;
        text-transform: uppercase;
    }

    .ARTICLE_BODY_1 {
        font-weight: 400;
        font-size: 17px;
        line-height: 28px !important;
        letter-spacing: 0px;
        color: #000;
    }

    .ARTICLE_BODY_2 {
        font-style: italic;
        font-weight: 400;
        font-size: 17px;
        line-height: 28px !important;
        letter-spacing: -0.31px;
        color: #666;
    }


    /* SP STYLES */
    H1.ms-rteElement-ARTICLE-H1 {
        -ms-name: "HO-ARTICLE H1";
        font-weight: 700;
        font-size: 40px;
        line-height: 60px;
        letter-spacing: -0.25px;
        color: #000;
    }

    H2.ms-rteElement-ARTICLE-H2 {
        -ms-name: "HO-ARTICLE H2";
        font-weight: 700;
        font-size: 35px;
        line-height: 53px;
        letter-spacing: -0.2px;
        color: #000;
    }

    H3.ms-rteElement-ARTICLE-H3 {
        -ms-name: "HO-ARTICLE H3";
        font-weight: 700;
        font-size: 30px;
        line-height: 45px;
        letter-spacing: 0px;
        color: #000;
    }

    H4.ms-rteElement-ARTICLE-H4 {
        -ms-name: "HO-ARTICLE H4";
        font-weight: 700;
        font-size: 26px;
        line-height: 39px;
        letter-spacing: 0px;
        color: #000;
    }

    H5.ms-rteElement-ARTICLE-H5 {
        -ms-name: "HO-ARTICLE H5";
        font-weight: 700;
        font-size: 23px;
        line-height: 36px;
        letter-spacing: 0px;
        color: #000;
    }

    H6.ms-rteElement-ARTICLE-H6 {
        -ms-name: "HO-ARTICLE H6";
        font-weight: 700;
        font-size: 16px;
        line-height: 36px;
        letter-spacing: 1.5px;
        color: #000;
        text-transform: uppercase;
    }

    p.ms-rteElement-ARTICLE-BODY-1 {
        -ms-name: "HO-ARTICLE BODY 1";
        font-weight: 400;
        font-size: 17px;
        line-height: 28px !important;
        letter-spacing: 0px;
        /* color:#005b66;*/
    }

    p.ms-rteElement-ARTICLE-BODY-2 {
        -ms-name: "HO-ARTICLE BODY 2";
        font-style: italic;
        font-weight: 400;
        font-size: 17px;
        line-height: 28px !important;
        letter-spacing: -0.31px;
        color: #666;
    }

    .ms-rteElement-ARTICLE-H6 a span,
    .ms-rteElement-ARTICLE-H6 a:hover,
    .ms-rteElement-ARTICLE-H6 a:visited {
        color: #005b66;
    }

    .H6.ms-rteElement-ARTICLE-H6 a,
    .H6.ms-rteElement-ARTICLE-H6 a:hover,
    .H6.ms-rteElement-ARTICLE-H6 a:visited,
    .H6.ms-rteElement-ARTICLE-H6 a:focus {
        color: #005b66;
    }

    /* /////////////////// NEW HEADING STYLES ///////////////// */
    /* RTE List styles */
    .ms-rtestate-field ul li,
    .ms-rtestate-field ol li {
        font-size: 17px;
    }


    /* FONT STYLES */
    .ms-rteThemeFontFace-ho01 {
        -ms-name: 'Roobert-Bold';
        font-family: 'Roobert-Bold';
    }

    .ms-rteThemeFontFace-ho02 {
        -ms-name: 'Roobert-Bold';
        font-family: 'Roobert-Bold';
    }

    .ms-rteThemeFontFace-ho03 {
        -ms-name: 'Roobert-Bold';
        font-family: 'Roobert-Bold';
    }



    .list-style2.align-left li:first-child,
    .list-style2.align-left li:first-child a {
        padding-left: 0px;
    }

    .ma-row-highlight-4 {
        background-color: #616161;
        color: #ffffff;
    }


    .showmore-toggle-link.collapsed.indicator-resetter > p.indicator-text span.expand-txt {
        display: block;
    }

    .showmore-toggle-link.collapsed.indicator-resetter > p.indicator-text span.collapse-txt {
        display: none;
    }

    .showmore-toggle-link.indicator-resetter > p.indicator-text span.expand-txt {
        display: none;
    }

    .showmore-toggle-link.indicator-resetter > p.indicator-text span.collapse-txt {
        display: block;
    }

    .showmore-toggle-link.collapsed.indicator-resetter .indicator.fa-plus-circle:before {
        background-position: -16px -233px;
    }

    .showmore-toggle-link.indicator-resetter .indicator.fa-plus-circle:before {
        background-position: -56px -233px;
    }

    .phone-dtl {
        text-align: left;
    }

        .phone-dtl .media-body {
            padding-top: 15px;
        }

    @media only screen and (max-width: 768px) {
        .phone-dtl {
            margin: 0 auto;
            max-width: 300px;
            text-align: left;
        }
    }

    @media only screen and (max-width: 648px) {

        .col-xs-15,
        .col-sm-15 {
            width: 100%;
        }
    }


    .inner-collapse {
        margin-bottom: 1px;
    }


    .inner-collapse-header {
        background-color: #616161;
        color: #ffffff;
        margin-left: 0px;
        margin-right: 0px;
        padding-bottom: 15px;
    }

    .h1-widget-title-new-as {
        display: flex;
        position: relative; /* For absolute positioning of the button */
        min-height: 38px;
    }

        .h1-widget-title-new-as span {
            font-family: Roobert-Bold;
            font-size: 20px;
            color: white; /* Adjust the size of the title as needed */
            display: flex;
            align-items: center;
        }


    .manage-btn-new-as {
        position: absolute;
        right: 20px; /* Adjust distance from the right */
        padding: 10px 20px;
        background-color: #005B66; /* Button background color */
        color: white; /* Button text color */
        border: 2px solid white; /* White border */
        border-radius: 5px; /* Rounded corners */
        text-decoration: none; /* Remove underline */
        font-size: 12px;
        cursor: pointer;
    }

        .manage-btn-new-as:visited {
            background-color: #005b66;
            color: white; /* Darker blue on hover */
        }

    .manage-profile-button {
        position: absolute;
        right: 0;
        font-size: 16px;
        border: 1px solid #fff;
        color: #fff;
        cursor: pointer;
        padding: 6px 20px;
        text-align: center;
    }

        .manage-profile-button:hover {
            text-decoration: none;
        }

        .manage-profile-button:visited {
            background-color: #005b66;
            color: white;
        }

    .common-accordion .inner-collapse-header .indicator {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -15px;
    }

    .inner-collapse-header .btn-app-common {
        position: relative;
        padding-right: 60px;
        margin-top: 30px;
        min-width: inherit;
    }

        .inner-collapse-header .btn-app-common .indicator-text > .collapse-txt {
            display: block;
        }

        .inner-collapse-header .btn-app-common .indicator-text > .expand-txt {
            display: none;
        }

        .inner-collapse-header .btn-app-common.collapsed .indicator-text > .collapse-txt {
            display: none;
        }

        .inner-collapse-header .btn-app-common.collapsed .indicator-text > .expand-txt {
            display: block;
        }

        .inner-collapse-header .btn-app-common.collapsed span.indicator.fa-plus-circle:before {
            background-image: url(../images/icons/expand-minus.svg) !important;
        }

    .ma-row-highlight-4 {
        background-color: #616161;
        color: #ffffff;
    }

    .collapse-content-alert {
        border: 1px solid #616161;
        padding: 50px;
        margin-left: 0px;
        margin-right: 0px;
    }

    .padding-10 {
        padding: 10px;
    }

    .btn-lg.collapse-btn {
        width: 100%;
        text-align: left;
        position: relative;
    }

        .btn-lg.collapse-btn .caret-right {
            -ms-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            position: absolute;
            top: 40%;
            right: 15px;
        }

    .collapse.contact-wrapper {
        background-color: #ffffff;
        background-color: #cbcbcb;
        padding: 15px 15px 1px 15px;
    }

    img.img-full-width {
        width: 100%;
    }

    .alert-content-container {
        border: 1px solid #cbcbcb;
    }


    .switch-wrapper.switch-wrapper-onoff .slider {
        width: 65px;
        height: 22px;
        background-image: url('../images/app-icon.png');
        background-position: -237px -766px;
    }

        .switch-wrapper.switch-wrapper-onoff .slider:before {
            background-color: white;
            bottom: 1px;
            content: "";
            height: 20px;
            left: 43px;
            position: absolute;
            transition: all 0.4s ease 0s;
            width: 20px;
        }

    input:checked + .slider.slider2:before {
        transform: translateX(-41px);
    }

    input:checked + .slider.slider2 {
        background-position: -304px -766px;
    }

    .contact-list-item {
        position: relative;
        padding-left: 100px;
        padding-right: 100px;
    }

    .switch-wrapper.right {
        position: absolute;
        right: 50px;
        top: 50%;
        margin-top: -12px;
        width: 70px;
        display: inline-block;
    }

    @media only screen and (max-width: 768px) {
        .switch-wrapper.right {
            position: relative;
            margin-top: inherit;
            right: inherit;
        }

        .datepicke-btn > .btn {
            left: -39px;
            z-index: 999;
            border: none;
            padding: 0;
            min-width: 35px;
            margin-top: -2px;
        }
    }

    .sub-title-contact {
        color: #767676;
        font-weight: normal;
    }

    .title-contact {
        font-size: 24px;
        margin: 0px;
    }

    .b-bottom1 {
        border-bottom: 1px solid #cbcbcb;
    }

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

    .collapse-content-alert {
        position: relative;
    }

        .collapse-content-alert:after,
        .collapse-content-alert:before {
            bottom: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .collapse-content-alert:after {
            border-bottom-color: #ffffff;
            border-width: 30px;
            margin-left: -30px;
        }

        .collapse-content-alert:before {
            border-bottom-color: #ffffff;
            border-width: 30px;
            margin-left: -30px;
        }

    .icon.small.icon_mycell {
        background-size: auto auto;
        background-position: -323px -569px;
    }

    .icon.small.icon_con-email {
        background-size: auto auto;
        background-position: -323px -637px;
    }

    .contact-list-item .icon {
        position: absolute;
        left: 40px;
        top: 50%;
        margin-top: -30px;
    }

    .contact-list-item .caret-right {
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -5px;
        color: #cbcbcb;
    }


    /* RSS Styles*/
    .list_rss {
        padding: 0px;
        margin: 0px;
    }

        .list_rss li {
            padding: 0px;
            margin: 0px;
            list-style: none;
            background: url('../images/ico_rss2.png') no-repeat left 0.2em;
            padding-left: 40px;
        }

        .list_rss li {
            margin-bottom: 10px;
        }

            .list_rss li a:link,
            .list_rss li a:visited {
                color: #242424;
                font-size: 17px;
            }

            .list_rss li a:hover {
                text-decoration: underline;
            }

    .wr_rss {
        margin: 50px 0px;
    }


    .text-gray1 {
        color: #cbcbcb;
    }

    .print-btn {
        border: medium none;
        font-size: 24px;
        left: 15px;
        min-width: inherit;
        position: absolute;
        text-align: left;
        width: 50px;
    }

    .link-blue:link,
    .link-blue:visited {
        color: #005b66;
        text-decoration: underline;
        cursor: pointer;
        font-weight: 600;
    }


    .modal-big-padding {
        padding: 0px 40px;
    }

    .modal-dark-bg {
        background-color: #767676;
        margin-left: -65px;
        margin-right: -65px;
        padding: 20px 65px;
    }

    .text-gray1 input[type="radio"],
    .text-gray1 input[type="checkbox"] {
        line-height: normal;
        margin: -2px 10px 0 0;
        padding-right: 10px;
    }

    .modal-dialog .btn-ash,
    .modal-dialog a.btn-ash {
        text-align: center;
        min-height: 56px;
    }


    /* -------------- APP TABLE -------------- */
    .app-table {
    }

        .app-table .table-headding {
            background-color: #005b66;
            color: #ffffff;
            padding: 15px;
            border: 5px solid #ffffff;
        }

        .app-table .table-col {
            background-color: #EEEEEE;
            padding: 15px;
            border: 5px solid #ffffff;
            min-height: 100px;
        }

            .app-table .table-col.heghlight {
                background-color: #4e4e4e;
                color: #ffffff;
            }

            .app-table .table-col.small {
                min-height: 85px;
                font-size: 14px;
            }

    .table-col-value {
        display: inline-block;
        top: 50%;
        transform: translateY(50%);
    }


    @media only screen and (max-width: 768px) {

        .app-table .table-col,
        .app-table .table-col.small {
            min-height: inherit;
        }

        .table-col-value {
            display: inline-block;
            top: inherit;
            transform: none;
        }

        .row-border-bottom {
            border-bottom: 4px solid #767676;
            padding-bottom: 10px;
            margin-bottom: 10px;
        }
    }


    /* -------------- / APP TABLE -------------- */


    #carouselButtons {
        width: 100px;
        height: 100px;
    }

    #pauseButton {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
        -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
        box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 1);
        background-color: rgba(0, 0, 0, 0.6);
        position: relative;
        cursor: pointer;
    }



    #playButton {
        width: 30px;
        height: 30px;
        border: 2px solid #ffffff;
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.6);
        border-radius: 50%;
        cursor: pointer;
        margin-left: 10px;
        margin-bottom: 10px;
        min-width: inherit;
        position: relative;
    }

        #playButton span {
            font-size: 18px;
            line-height: 15px;
        }



    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

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

    @keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

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

    .loading {
        border-radius: 50%;
        width: 50px;
        height: 50px;
        border: 0.25rem solid rgba(255, 255, 255, 0.2);
        border-top-color: #eabd00;
        -webkit-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear;
    }

    .load-icon {
        position: absolute;
        top: 12px;
        left: 15px;
        animation: none;
        z-index: 6;
        color: #ffffff;
        font-size: 24px;
    }

    #pauseButton.cstop .loading {
        display: none;
    }


    .lang-links {
        display: inline-block;
        float: right;
    }

        .lang-links a {
            display: inline-block;
        }

    .carousel-fade .carousel-inner .item {
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .carousel-fade .carousel-inner .item,
    .carousel-fade .carousel-inner .active.left,
    .carousel-fade .carousel-inner .active.right {
        opacity: 0;
    }

    .carousel-fade .carousel-inner .active,
    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }

        .carousel-fade .carousel-inner .next,
        .carousel-fade .carousel-inner .prev,
        .carousel-fade .carousel-inner .active.left,
        .carousel-fade .carousel-inner .active.right {
            left: 0;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }

    .carousel-fade .carousel-control {
        z-index: 2;
    }

    @-webkit-keyframes slideleft {
        0% {
            -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1;
        }
    }

    @keyframes slideleft {
        0% {
            -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
            opacity: 0;
        }

        100% {
            -webkit-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1;
        }
    }

    .carousel-fade .carousel-inner .active .banner-content {
        -webkit-animation: slideleft 0.5s linear;
        animation: slideleft 0.5s linear;
    }


    .responsive-table TD,
    .responsive-table TH {
        font-size: 17px;
        font-weight: normal !important;
    }




    body section.common-section .responsive-table {
        width: 100%;
        margin-bottom: 1.5em;
        border-collapse: separate;
    }


    @media (min-width: 48em) {
        .responsive-table {
            font-size: .9em;
        }
    }

    @media (min-width: 62em) {
        .responsive-table {
            font-size: 1em;
        }
    }

    .responsive-table thead {
        position: absolute;
        clip: rect(1px 1px 1px 1px);
        /* IE6, IE7 */
        clip: rect(1px, 1px, 1px, 1px);
        padding: 0;
        border: 0;
        height: 1px;
        width: 1px;
        overflow: hidden;
    }

    @media (min-width: 48em) {
        .responsive-table thead {
            position: relative;
            clip: auto;
            height: auto;
            width: auto;
            overflow: auto;
        }
    }

    .responsive-table thead th {
        background-color: #005b66;
        border: 5px solid #ffffff;
        font-weight: normal;
        text-align: left;
        color: white;
    }

    .responsive-table tbody,
    .responsive-table tr,
    .responsive-table th,
    .responsive-table td {
        display: block;
        padding: 0;
        text-align: left;
        white-space: normal;
    }

    @media (min-width: 48em) {
        .responsive-table tr {
            display: table-row;
        }
    }

    .responsive-table th,
    .responsive-table td {
        padding: 0em;
        vertical-align: middle;
    }

    .responsive-table th {
        padding: 0.5em;
        text-align: left;
    }

    @media (min-width: 30em) {

        .responsive-table th,
        .responsive-table td {
            padding: .5em;
            text-align: left;
        }
    }

    @media (min-width: 48em) {

        .responsive-table th,
        .responsive-table td {
            display: table-cell;
            padding: .5em;
        }
    }

    @media (min-width: 62em) {

        .responsive-table th,
        .responsive-table td {
            padding: .75em .5em;
        }
    }

    @media (min-width: 75em) {

        .responsive-table th,
        .responsive-table td {
            padding: .75em;
        }
    }

    .responsive-table caption {
        margin-bottom: 1em;
        font-size: 1em;
        font-weight: bold;
        text-align: left;
    }

    @media (min-width: 48em) {
        .responsive-table caption {
            font-size: 1.5em;
        }
    }

    .responsive-table tfoot {
        font-size: .8em;
        font-style: italic;
    }

    @media (min-width: 62em) {
        .responsive-table tfoot {
            font-size: .9em;
        }
    }

    @media (min-width: 48em) {
        .responsive-table tbody {
            display: table-row-group;
        }
    }

    .responsive-table tbody tr {
        margin-bottom: 1em;
        border-bottom: 5px solid #616161;
    }

    @media (min-width: 48em) {
        .responsive-table tbody tr {
            display: table-row;
            border-width: 1px;
        }
    }

    .responsive-table tbody tr:last-of-type {
        margin-bottom: 0;
    }

    @media (min-width: 48em) {
        .responsive-table tbody tr:nth-of-type(even) {
            /*background-color: rgba(94, 93, 82, 0.1);*/
        }
    }

    .responsive-table tbody th[scope="row"] {
        background-color: #4e4e4e;
        color: white;
    }

    @media (min-width: 48em) {
        .responsive-table tbody th[scope="row"] {
            background-color: #4e4e4e;
            border: 5px solid #ffffff;
            color: #ffffff;
            font-weight: normal;
        }
    }

    .responsive-table tbody td {
        text-align: left;
        background-color: #EEEEEE;
        border-top: 10px solid #ffffff;
    }

    .responsive-table tbody tr td:last-child {
        margin-bottom: 10px;
    }

    .responsive-table tbody td span {
        display: block;
        text-align: left;
        padding: 5px;
    }

    @media (min-width: 30em) {

        .responsive-table tbody td {
            border: 5px solid #ffffff;
        }
    }

    @media (min-width: 48em) {
        .responsive-table tbody td {
            text-align: left;
        }

            .responsive-table tbody td span {
                text-align: left;
                padding: 5px;
            }
    }

    .responsive-table tbody td[data-type=currency] {
        text-align: left;
    }

    .responsive-table tbody td[data-title]:before {
        content: attr(data-title);
        float: left;
        height: 45px;
        border-bottom: 10px solid #ffffff;
        text-align: left;
        display: block;
        background-color: #005b66;
        color: #ffffff;
        width: 100%;
        padding: 8px;
    }

    @media (min-width: 30em) {
        .responsive-table tbody td[data-title]:before {
            font-size: .9em;
        }
    }

    @media (min-width: 48em) {
        .responsive-table tbody td[data-title]:before {
            content: none;
        }
    }

    .responsive-table tbody th.m-row-title {
        background-color: #005b66;
        color: #ffffff;
        border-bottom: 10px solid #ffffff;
    }

    /* help links */
    .h1-help-links li {
        background: #343434 !important;
    }

        .h1-help-links li a {
            display: block;
            padding: 5px 0px;
            color: #FFFFFF !important;
        }

    .h1-help-links .media-heading {
        padding-top: 5px;
    }

    .h1-help-links .media {
        min-height: 50px;
    }

    .h1-help-links .media-heading {
        margin: 0px;
        padding: 0px;
    }

    .h1-help-links .media-body {
        color: #999;
    }

    .block-wrapper:hover {
        color: #fff !important;
    }

    .block-wrapper:visited {
        color: #333;
    }

    .link-black:link,
    .link-black:visited,
    .link-black:hover {
        color: #000000;
    }

    .btn-app-black,
    .btn-app-black:visited {
        border-radius: 0px;
        min-width: 200px;
        background-color: #616161;
        color: #ffffff !important;
        padding: 10px 20px;
        border: 3px solid transparent;
    }

    .register-page-wrapper.has-error .form-control {
        border-color: #801B14;
        width: 85%;
    }

    .register-page-wrapper .form-control.ng-valid {
        width: 85%;
    }

    .form-group label .font-awesome-icon.fa-info-circle:before, .newTooltip .font-awesome-icon.fa-info-circle:before {
        content: "i";
    }

    .form-group label .font-awesome-icon.fa-info-circle, .newTooltip .font-awesome-icon.fa-info-circle {
        background-color: #000000;
        border-radius: 50%;
        color: #ffffff;
        display: inline-block;
        height: 18px;
        text-align: center;
        width: 18px;
        cursor: pointer;
    }

    .h1-popover .popover {
        background-color: #616161;
        color: #ffffff;
        min-width: 300px;
        border-radius: 0;
        left: 0;
        min-height: fit-content;
    }

        .h1-popover .popover .arrow {
            display: none;
        }

        .h1-popover .popover p {
            font-size: 12px;
            padding-top: 8px;
        }

    .installment-plan-popover .fa-info-circle {
        color: #005b66;
    }

    .installment-plan-popover .popover {
        display: inline-block !important;
        padding: 1px !important;
        height: 100px;
    }

    .popover-content label {
        padding: 2px !important;
    }

    .popover-content {
        padding: 12px 14px;
    }

    .h1-popover .popover .close-pop {
        margin-bottom: 10px;
    }

    .register-page-wrapper .popover {
        background-color: #616161;
        color: #ffffff;
        min-width: 300px;
        border-radius: 0;
        left: 0 !important;
        min-height: 150px;
        padding: 1px;
    }

        .register-page-wrapper .popover .arrow {
            display: none;
        }

        .register-page-wrapper .popover p {
            font-size: 12px;
        }

        .register-page-wrapper .popover .close-pop {
            margin-bottom: 10px;
        }


    .green-button-wrapper .popover {
        background-color: #616161;
        color: #ffffff;
        min-width: 300px;
        border-radius: 0;
        left: 0 !important;
        min-height: 150px;
        padding: 1px;
        z-index: 9999;
    }

        .green-button-wrapper .popover .arrow {
            display: none;
        }

        .green-button-wrapper .popover p {
            font-size: 12px;
            margin-bottom: 0;
        }

        .green-button-wrapper .popover .close-pop {
            margin-bottom: 10px;
        }

    .form-notification.white {
        margin-bottom: 40px;
        color: #333333;
    }

        .form-notification.white li {
            background-color: #ffffff;
            color: #ffffff;
            list-style: outside none none;
            padding: 10px;
        }



    .login-form-field.has-error .form-control {
        border-color: #801B14;
        width: 85%;
    }

    .login-form-field .form-control.has-val {
        width: 85%;
    }

    .login-wrap-padding .alert-info-msg {
        background-color: #fff;
        border-color: #fff;
        padding-left: 80px;
        position: relative;
    }

    a#forgotEmailLink {
        color: #005b66;
    }


    @media only screen and (max-width: 481px) {

        .login-wrap-padding .widget-box.no-padding,
        .login-wrap-padding .widget-box {
            padding: 0;
            text-align: left;
        }

        .login-wrap-padding .block-wrapper p,
        .login-wrap-padding .call-block p {
            width: 70%;
            white-space: nowrap;
        }

        .login-wrap-padding label {
            font-size: 16px;
        }
    }



    /* Secondry header search */
    .seconday-hero-search .banner-content {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

        .seconday-hero-search .banner-content p {
            margin-bottom: 15px;
        }

    .hero-section-secondary.seconday-hero-search {
        min-height: 315px !important;
    }

    .seconday-hero-search .btn {
        min-width: 135px !important;
    }

    .ms-dlgTitleBtns * {
        box-sizing: unset;
    }

    .ms-rte-embeddialog-preview {
        width: auto !important;
    }


    .search-result-row.no-bg {
        background-color: transparent;
        padding: 0 15px 20px;
        margin-bottom: 0;
    }


    .dialog-paperless-billing .search-result-row {
        background-color: transparent;
        padding: 12px 15px 15px 15px;
    }


    .popup-btn-md1 {
        min-width: 165px;
        padding: 10px 20px;
    }

    .border-sty2 {
        /*border-bottom: 2px solid #9f9f9f;*/
        padding-bottom: 20px;
    }

    .border-sty3 {
        border-top: 10px solid #ffffff;
    }

    .border-sty4 {
        border-top: 20px solid #ffffff;
    }

    .notify-toggle-wrapper.no-border {
        border: none;
    }

    .time-input input:checked + .slider {
        background-color: #005b66;
    }

.time-input input[disabled]:checked + .slider, .time-input input[disabled] + .slider {
    cursor: no-drop;
    opacity: 0.3;
}

    .terms-description {
        font-size: 12px;
        margin-top: 10px;
    }

    .h1-my-payment-bill {
        width: 100%;
    }

        .h1-my-payment-bill .switch-wrapper {
            /*margin-top:0px !important;*/
        }

    .account-dropdown {
        width: 250px;
    }

    @media only screen and (max-width: 481px) {
        .search-result-row.no-bg {
            background-color: transparent;
            padding: 25px 15px !important;
        }

        .bill-insert-wrapper {
            margin-left: 15px;
        }

            .bill-insert-wrapper .time-input {
                margin-right: 10px;
                float: left;
            }

        .time-input {
            width: inherit;
            float: inherit;
        }
    }

    .accordion-toggle.indicator-resetter > .indicator-text span.collapse-txt {
        display: block;
    }

    .accordion-toggle.indicator-resetter > .indicator-text span.expand-txt {
        display: none;
    }

    .accordion-toggle.indicator-resetter > .indicator.fa-plus-circle:before {
        background-position: -54px -233px;
    }

    .accordion-toggle.indicator-resetter.collapsed > .indicator-text span.collapse-txt {
        display: none;
    }

    .accordion-toggle.indicator-resetter.collapsed > .indicator-text span.expand-txt {
        display: block;
    }

    .accordion-toggle.indicator-resetter.collapsed > .indicator.fa-plus-circle:before {
        background-position: -16px -233px;
    }

    .tab-btn-container.no-border {
        border: none;
    }

    #YoutubeVideoForm .content-thumb-container-1 {
        min-height: inherit;
        min-width: inherit;
    }

    .boxTabs .listicon {
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -10px;
        display: none;
        color: #616161;
    }

    .boxTabs img {
        width: 90px;
        height: 90px;
    }

    .bill-tabs {
        position: relative;
    }

    @media only screen and (max-width: 481px) {
        .boxTabs .listicon {
            display: block;
        }

        .video-details {
            height: inherit;
            margin-bottom: 20px;
            overflow: inherit;
            padding-bottom: 30px;
            position: relative;
        }

        #YoutubeVideoForm .content-thumb-container-1 {
            width: auto;
        }

        .boxTabs {
            border-bottom: 2px solid #ccc;
            display: block;
            padding-bottom: 10px;
            padding-left: 95px;
            position: relative;
            min-height: 67px;
        }

            .boxTabs .ma-row-highlight-2 {
                background: none;
            }


        .box-tabs .active::after,
        .tab-box .active::after {
            display: none;
        }

        .bill-tabs .tab-close,
        .bill-tabs a.tab-close:visited {
            right: 20px;
            top: 20px;
        }

        .boxTabs img,
        .boxTabs h4 {
            display: inline-block;
        }

        .boxTabs h4 {
            display: inline-block;
            margin-top: 0;
            position: absolute;
            top: 35%;
        }

        .boxTabs .height5 {
            min-height: inherit;
            text-align: left;
        }

        .common-accordion .panel-title h2 {
            line-height: 24px;
            margin: 10px 0;
        }

        #BillPaymentPreferencesForm .gray-sec-tri-wrap {
            margin-top: 50px;
        }
    }

    select.input-sm {
        font-size: 14px;
        height: 34px;
        line-height: 30px;
        padding: 5px 0;
        text-align: left;
    }

    .breadcrumb-section.no-gap {
        margin-top: -1px;
    }



    .pdf-list .common-list li {
        display: inline-block;
        width: auto;
    }

    .common-list.pdf li:nth-child(2) {
        display: none;
    }

    .content-box-style2 .common-list.pdf li {
        position: relative;
        padding-left: 40px;
    }

        .content-box-style2 .common-list.pdf li span.icon {
            position: absolute;
            left: 0px;
        }

        .content-box-style2 .common-list.pdf li a {
            width: auto;
            text-decoration: none;
        }


    blockquote.articlequote.no-margin {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0;
    }


    .ma-row-highlight-6 {
        background-color: #e3e2e2;
    }

    .margin-padding-phonenumber {
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 0px !important;
    }

    .ma-row-highlight-6.stock {
        margin-bottom: 15px;
        margin-left: -20px;
        max-width: 300px;
        padding: 15px;
    }

    .widget-box .ma-row-highlight-6.stock .sub {
        margin-bottom: 10px;
    }


    @media only screen and (max-width: 481px) {
        .widget-box.left-aligh-m {
            text-align: left;
        }

        .ma-row-highlight-6.stock {
            margin-left: 0px;
        }

        .widget-box.content-box.content-box-style2.big-investor {
            padding: 25px 25px 65px 135px !important;
        }

        .content-box-style2 .left-box {
            width: 120px;
        }

        .big-investor {
            min-height: inherit;
            padding-bottom: 65px;
        }

        .content-box-style2 .left-box .image-wrapper {
            min-height: 80px;
            min-width: 70px;
            padding: 20px 20px 40px;
        }

        .image-wrapper .qur-yr {
            font-size: 20px;
        }

        .image-wrapper .qur {
            font-size: 40px;
        }

        .content-box-style2 .common-list li a {
            text-align: left;
            width: 70%;
        }

        .link-list.mobile-center {
            display: inline-block;
        }

            .link-list.mobile-center.center-style li {
                width: 100%;
            }
    }

    .installment-wrapper .btn-lg {
        display: inline-block;
    }


    .section-bottom.with-popover {
        overflow: visible;
    }

        .section-bottom.with-popover > .widget-box {
            overflow: visible;
        }

    .with-popover .popover {
        background-color: #616161;
        color: #ffffff;
        min-width: 300px;
        border-radius: 0;
        left: 0 !important;
    }

        .with-popover .popover .arrow {
            display: none;
        }

        .with-popover .popover p {
            font-size: 12px;
        }

        .with-popover .popover .close-pop {
            margin-bottom: 10px;
        }

        .with-popover.popover label {
            padding: 0px;
        }

        .with-popover.popover .close-pop {
            margin-bottom: 10px;
        }



    .ms-dlgContent * {
        box-sizing: content-box;
    }

    .popover-content label {
        padding: 0px;
    }


    @media only screen and (min-width: 769px) {
        #YoutubeVideoForm .video-details h3.heading {
            min-height: 47px;
        }
    }

    @media only screen and (max-width: 481px) {
        #YoutubeVideoForm .content-thumb-container-1 {
            display: block;
            float: none;
        }
    }

    .modal {
        z-index: 9999999 !important;
    }

    .modal-header {
        position: relative;
    }

        .modal-header .colse {
            right: 20px;
        }

    .ms-webpart-zone .breadcrumb-section {
        margin-top: -1px;
    }

    .empty-row div[class*="col-"] {
        min-height: 0px;
    }

    .relative-section {
        position: relative;
    }

    .balance-val {
        display: block;
        font-size: 17px;
        overflow: hidden;
        overflow-wrap: break-word;
        white-space: pre-line;
        width: 100%;
    }

    .account-list .expand-account-list {
        display: none;
        padding: 15px 0px;
    }


    @media only screen and (max-width: 481px) {
        .search-result-row .search-col-title {
            display: none;
        }

        .account-list .expand-account-list {
            display: block;
            padding: 15px 0px;
            cursor: pointer;
        }

            .account-list .expand-account-list .more-link {
                display: block;
            }

            .account-list .expand-account-list .less-link {
                display: none;
            }

        .account-list.show .expand-account-list .more-link {
            display: none;
        }

        .account-list.show .expand-account-list .less-link {
            display: block;
        }

        .account-list .expand-col {
            display: none;
        }

        .disclose-title .icon.small.icon_file {
            min-height: 49px;
        }

        .collapse-content-alert {
            padding: 25px 0px;
        }
    }

    .search-result-row .expand-col .search-col-title {
        display: block;
    }

    .account-list.show .expand-col {
        display: block;
    }

    #UpdateContactsForm select.input-sm {
        height: 35px;
    }

    .access-links.dplogin a.link.log-icon {
        font-size: 0;
    }

    .Footer_Social_Icons a {
        font-size: 0px;
    }

    .access-links .link.log-icon {
        font-size: 0px;
    }


    .big-annual .common-list li a.under-line-red {
        display: inline-block;
        padding-top: 8px;
    }

    .no-break-text {
        white-space: nowrap;
    }

    #fin-h2-history .print-btn {
        left: auto;
        margin-left: 20px;
        top: 0;
        background-color: transparent;
    }

    .installment-wrapper .btn.btn-lg {
        font-size: 16px;
        font-weight: 600;
    }

        .installment-wrapper .btn.btn-lg:hover,
        .installment-wrapper .btn.btn-lg:visited,
        .installment-wrapper .btn.btn-lg:focus {
            text-decoration: underline;
        }

    a.btn-ash.myaccount-strength-active-link {
        border: 3px solid #616161;
    }

    @media only screen and (max-width: 768px) {
        .WR_Main {
            overflow-x: hidden;
        }

        .no-border-mobile,
        .icon_list_1 li:last-child {
            border-bottom: none !important;
        }

        .col-seperator-sec {
            border-right: none;
            text-align: left !important;
            padding-left: 30px;
        }

        .ma-row-new .widget-box-padding {
            padding-left: 0px;
            text-align: left !important;
            padding-left: 0px;
        }

        .ma-row-new .widget-box p {
            padding-right: 0;
        }

        .Footer_Links {
            background: #EEEEEE;
        }

        .con-pick .search-result-row {
            padding-left: 100px;
        }

        .money-energy-list .leftArrow {
            background-position: right 44px;
            min-height: inherit;
            margin-right: 15px;
            width: 100%;
        }

            .money-energy-list .leftArrow .icon_list_1_text {
                display: inline-block;
                max-width: 100px;
            }

        .equal-height-widget-2.q-answer {
            margin-bottom: 20px;
        }

        .mobile-p-15 {
            padding-left: 15px;
        }
    }


    /* new devise media quaries */

    /* ----------- iPhone 6 ----------- */

    /* Landscape */
    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

        .widget-box.content-box.content-box-style2.big-investor {
            padding: 25px 25px 65px 135px;
        }

        .content-box-style2 .left-box {
            width: 120px;
        }

        .content-box-style2 .right-box {
            text-align: left;
        }

        .content-box-style2 .btn-app-border.content-box-btn-bottom,
        .content-box-style2 a.btn-app-border.content-box-btn-bottom {
            bottom: inherit;
            position: absolute;
        }

        .content-box-style2 .btn-app-border.content-box-btn-bottom,
        .content-box-style2 a.btn-app-border.content-box-btn-bottom {
            position: absolute;
            bottom: -24px;
        }

        .big-investor {
            min-height: 200px;
        }

        .content-box-style2 .left-box .image-wrapper {
            width: 95px;
            min-width: inherit;
        }

        .press-list li {
            width: 100%;
            text-align: left;
        }
    }


    /* Portrait */

    @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {

        .article-mobile {
            display: inline-block;
            float: left;
            width: 62%;
            margin-top: 0;
            text-align: left !important;
        }
    }

    /* ----------- iPad mini ----------- */

    /* Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

        .timeline-left-padding {
            padding: 15px 130px;
        }
    }


    /* ----------- iPad 1 and 2 ----------- */
    /* Portrait and Landscape */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

        a#forgotEmail,
        a#forgotPassword {
            color: #4e4e4e;
            display: block;
            width: 100%;
            clear: both;
        }

        .full-bio {
            margin-top: 57px;
        }
    }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

        .full-bio {
            margin-top: 0px;
        }
    }


    /* Portrait */
    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

        .form-group .form-field.login-form-field.has-val .input-action,
        .form-group .form-field.login-form-field.has-error .input-action {
            left: inherit;
        }

        .form-group .col-sm-12.form-field.register-page-wrapper .input-action {
            left: 77%;
            right: inherit;
        }

        .login-wrap-padding select.input-sm {
            height: 35px;
        }

        #CustomerMoveInForm .ho-control-checkbox {
            margin-left: 250px;
        }

        #CustomerMoveInForm .form-group .ho-control-checkbox {
            margin-left: 0px;
        }


        #CustomerMoveInForm .btn-app-border {
            margin-left: 250px;
        }

        #CustomerMoveInForm .valid.date-pick-validity,
        #CustomerMoveInForm .notvalid.date-pick-validity {
            margin-left: -50px;
        }

        .form-group .form-field #userNameRecovery-label-answerShow.input-action {
            left: 77%;
        }
    }

    /* ----------- Galaxy Tab 10.1 ----------- */

    /* Landscape */
    @media (max-device-width: 1280px) and (orientation: landscape) {

        .btn-app-border,
        a.btn-app-border {
            white-space: inherit;
        }
    }

    @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) and (orientation:portrait) {

        .common-accordion .panel-title .indicator,
        .common-accordion .panel-title .indicator-text {
            margin-top: -15px;
        }
    }


    @media screen and (device-aspect-ratio: 40/71) {
        .mob-xs-m-b {
            margin-bottom: 20px;
            display: block;
            overflow: hidden;
        }

        .content-thumb-container-1 {
            min-height: 0;
            min-width: 0;
            text-align: left !important;
            width: inherit;
            display: inline-block;
            float: left;
            margin-right: 20px;
        }

            .content-thumb-container-1 img {
                height: 105px;
                width: 110px;
                object-fit: cover;
            }

        .article-mobile {
            display: inline-block;
            float: left;
            width: 75%;
            margin-top: 0;
            text-align: left !important;
        }

            .article-mobile h2 {
                font-size: 22px;
                line-height: 20px;
                text-align: left;
            }

            .article-mobile p {
                display: none;
            }

        .no-border-mobile,
        .icon_list_1 li:last-child {
            border-bottom: none !important;
        }

        .col-seperator-sec {
            border-right: none;
            text-align: left !important;
            padding-left: 30px !important;
        }

        .ma-row-new .widget-box-padding {
            padding-left: 0px;
            text-align: left !important;
            padding-left: 30px !important;
        }

        .ma-row-new .widget-box p {
            padding-right: 0;
        }

        .Footer_Links {
            background: #444444;
        }
    }

    @media (max-width:1025px) {
        .header_icon_boxes {
            margin-top: 202px;
            text-align: center;
        }

            .header_icon_boxes li {
                width: 180px;
            }
    }

    @media only screen and (min-width: 768px) and (max-width: 992px) {
        .header_icon_boxes li {
            width: 160px;
            height: inherit;
        }

        .widget-box-mb-tf {
            text-align: left !important;
        }

        .disclose-yr,
        .disclose-text {
            text-align: center;
        }
    }


    @media only screen and (max-width: 1024px) {
        #carouselButtons {
            display: block;
        }
    }


    /* iPhone 5S */
    @media screen and (device-aspect-ratio: 40/71) {

        .installment-wrapper .btn.btn-lg {
            white-space: normal;
        }

        .tree ul {
            padding-left: 20px;
        }

        .tree li a {
            padding: 5px 10px;
            font-size: 15px;
        }

        .tree-right-chlid {
            left: 330px;
            top: -135px;
        }

        .tree-left-child {
            left: -30px;
            top: 0px;
        }

        .timeline-left-padding {
            padding: 15px 120px;
        }

        .tree {
            zoom: 44%;
        }

        .mobile-rs {
            padding: 0 30px;
        }
    }

    @media only screen and (max-width: 601px) {
        .article-mobile {
            width: 400px;
        }
    }


    @media only screen and (max-width: 480px) {
        .con-pick .search-result-row {
            padding-left: 100px;
        }

        .press-list li a {
            text-decoration: underline;
        }

        .big-investor h2.heading {
            text-align: left;
        }

        .widget-box.content-box.big-annual {
            padding-left: 140px;
            overflow: visible;
        }

            .widget-box.content-box.big-annual .left-box {
                width: 100px;
                left: 25px;
            }

            .widget-box.content-box.big-annual h2.heading {
                text-align: left;
            }

            .widget-box.content-box.big-annual .right-box {
                float: left;
            }

        .content-box-style2.disclosures-main a.btn-app-border.content-box-btn-bottom {
            position: absolute;
            bottom: -11px;
            width: 257px;
            max-width: inherit !important;
        }

        .disclose-yr,
        .disclose-text {
            text-align: center;
        }

        .disclosures-wrapper ul {
            padding: 0px;
            text-align: left;
        }

        .article-mobile {
            width: 180px;
        }
    }

    .media-left h4 {
        margin: 0px;
    }


    .no-minwidth {
        min-width: inherit !important;
    }

    .form-field [show-pw] {
        position: relative;
    }

    .field-password {
        position: relative;
    }

        .field-password .input-action {
            position: absolute;
            display: block;
            background-color: #6E6E6E;
            color: #ffffff;
            padding: 1px 5px;
            right: 0px;
            font-weight: normal;
            font-size: 12px;
            cursor: pointer;
            top: 0;
            height: 20px;
        }


    /* ==================== TABLE =================== */
    .ho-table {
        background: #EEEEEE none repeat scroll 0 0;
        padding: 25px 30px 25px 100px;
        margin-bottom: 20px;
    }


        .ho-table .ho-table-col-title {
            border-bottom: 1px solid #dadad8;
            margin: 10px -15px;
            min-height: 41px;
            padding: 0 15px;
        }


    @media only screen and (max-width: 991px) {

        .show-btn-inherit {
            left: 81%;
        }


        .ho-table .ho-table-col-title {
            border: none;
            min-height: inherit
        }

        h3.ho-table-col-title {
            margin-bottom: 0px !important
        }


        .search-result-row .search-col-title {
            border: none;
        }

        #UpdatePasswordForm .form-group .form-field .input-action,
        #updateemailform .form-group .form-field .input-action {
            left: 81%;
            right: inherit;
        }

        .h1-mobile-hide {
            display: none !important;
        }

        .h1-mobile-show {
            display: block !important;
        }
    }

    @media only screen and (max-width: 480px) {

        #UpdatePasswordForm .form-group .form-field .input-action,
        #updateemailform .form-group .form-field .input-action {
            left: 71%;
            right: inherit;
        }

        .form-group #primaryEditCancel,
        .form-group #alternateEditCancel {
            margin: 25px;
        }

        .search-result-row.account-list .ma-txthighlight-red,
        .search-result-row.account-list .ma-link {
            width: 100%;
            display: block;
            clear: both;
        }

            .search-result-row.account-list .ma-txthighlight-red a {
                margin-left: 0px;
            }

        .balance-val {
            max-height: 30px;
        }

        .widget-box.mobie-text-left {
            text-align: left;
        }
    }





    .login-wrap-padding #SecurityAnswer {
        font-size: 12px;
    }

    .info-text-large-icon {
        width: 15%;
        float: left;
        max-width: 60px
    }

        .info-text-large-icon .font-awesome-icon {
            font-size: 40px;
            margin-top: 4px
        }

    .info-text-large-right {
        width: 85%;
        float: left;
    }

        .info-text-large-right h2 {
            margin-top: 0px;
            padding-top: 0px
        }

    .f-left {
        float: left
    }

    .f-right {
        float: right
    }

    .Tcell {
        display: table-cell
    }

    .inner-collapse-header .btn-lg {
        white-space: normal;
    }

    .list-inline > li.positive {
        color: #61c617;
    }

    #LabelEnterMeterNumber {
        margin-left: -10px;
    }


    .ho-btn-small {
        background-color: #005b66 !important;
        color: #ffffff !important;
        margin-left: 0px !important;
        margin-right: 5px !important;
        border: none !important;
        padding: 12px 20px;
        font-size: 17px !important;
        margin-bottom: 10px;
        outline: none;
    }



    .no-border {
        border: none !important;
    }

    /* ===== Financial transaction form layout ===== */

    .bill-insert {
        display: inline-block;
        min-width: 200px;
    }


    .epost-itm {
        padding: 10px 0px;
    }


    .max-width-300 {
        max-width: 300px;
    }

    .max-width-40 {
        max-width: 40px;
    }

    .max-width-65 {
        max-width: 65px;
    }

    .max-width-90 {
        width: 90px !important;
    }

    .max-width-95 {
        max-width: 95px;
    }

    .max-width-150 {
        max-width: 150px;
    }

    .max-width-110 {
        max-width: 110px;
    }


    @media only screen and (max-width: 1024px) {
        .WR_Main {
            /*overflow-x: hidden;*/
            overflow: visible;
        }

        #slide-nav .navbar-height-col {
            z-index: 1;
        }
    }

    #hydroOneTermsModal .modal-content .modal-header .close,
    #hydroOneTOUOptOutModal .modal-content .modal-header .close {
        margin-top: 0px;
        margin-right: -22px;
    }

    #hydroOneTermsModal .print-btn:hover,
    #hydroOneTermsModal .btn.print-btn:focus,
    #hydroOneTermsModal .btn.print-btn:active {
        background-color: transparent;
        border: none;
        outline: none;
    }

    @media only screen and (max-width: 1600px) and (min-width: 1024px) {

        #carouselButtons {
            left: 100px;
        }
    }


    @media only screen and (max-width: 1024px) {

        .col1,
        .col2,
        .col3,
        .col4,
        .col5,
        .col6 {
            width: 100%;
        }

        .masanory-grid-wrapper div {
            width: 100%;
            position: inherit;
            display: block;
            overflow: hidden;
            left: 0;
            padding: 50px;
            height: inherit;
            top: 0;
        }
    }


    @media only screen and (max-width: 768px) {
        .hero-section .banner-content {
            margin-left: 0px;
            min-height: 220px !important;
        }
    }

    #AnonymousMoveInForm .intl-tel-input .country-list {
        z-index: 9999;
    }

    .container.c-controls {
        padding-left: 460px;
        position: static;
        margin-top: -250px;
    }

    @media only screen and (max-width: 768px) {
        .container.c-controls {
            padding-left: 15px;
            margin-top: -365px;
        }
    }



    .expand-link {
        cursor: pointer;
    }

    .show-desktop {
        display: block;
    }

    .show-mobile {
        display: none;
    }

    @media only screen and (max-width: 992px) {
        .show-desktop {
            display: none;
        }

        .show-mobile {
            display: block;
        }

        .disclosures-wrapper .content-box-btn-bottom {
            position: absolute;
            bottom: -25px;
            white-space: inherit;
            min-width: 250px;
        }

        .search-result-row.no-bg {
            background-color: transparent;
            padding: 25px 30px 25px 20px !important;
        }

        .ho-control-radio {
            margin-right: 4px;
            margin-bottom: 10px;
            width: 70%;
        }

        #tagman-pb-bill-history {
            white-space: inherit;
        }
    }


    .timeline-point-1 a.accordion-toggle {
        display: block;
        margin: -10px;
        padding: 10px;
        width: 100%;
    }


    @media only screen and (max-width: 768px) {
        .timeline-point-1 a.accordion-toggle {
            display: initial;
        }

        .ho-control-radio {
            width: 92%;
        }
    }

    @media (max-width: 1025px) {
        .profile-pop .dropdown-menu {
            position: static;
            width: 100%;
            box-shadow: none;
            border: hidden;
            margin-bottom: 10px;
        }
    }


    .v-align-middle {
        vertical-align: middle;
    }

    select.input-sm,
    input[type="radio"],
    input[type="checkbox"] {
        outline: 0;
        box-shadow: none;
    }


    .nav > li.visible-nav {
        display: none;
    }

    #slidemenu .navbar-right li.visible-nav a.dropdown-toggle {
        background-color: transparent;
    }

        #slidemenu .navbar-right li.visible-nav a.dropdown-toggle:hover {
            background-color: #005b66;
        }

    @media only screen and (max-width: 1025px) {
        .nav > li.visible-nav {
            display: block;
        }
    }


    /* List style with left arrow */
    .list-style3 {
        margin: 0px;
        padding: 0px;
    }

        .list-style3 li {
            list-style: none;
            background: url('/Style Library/H1/images/arrow_right_dark.png') 98% center no-repeat;
        }

            .list-style3 li a {
                display: block;
                position: relative;
                padding: 15px;
                border-bottom: 1px solid #707070;
                color: #242424;
                font-size: 16px;
                padding-right: 15px;
                font-weight: 600;
            }

                .list-style3 li a:hover {
                    text-decoration: underline;
                }

        .list-style3 .li-border-remover a {
            border-bottom: none
        }


    .nav-tabs > li.active > a.boxTabs,
    .nav-tabs > li.active > a.boxTabs:hover,
    .nav-tabs > li.active > a.boxTabs:focus {
        background-color: #EEEEEE;
        border: none;
        color: #005b66;
    }

    .box-tabs .active::after,
    .tab-box .active::after {
        border-color: #EEEEEE transparent;
        bottom: -12px;
    }

    @media only screen and (max-width: 481px) {
        #myTab-accordion .panel-heading {
            padding: 0px;
            border: none;
            box-shadow: none;
            background: none;
        }

        .app-tabs .panel-group .panel {
            box-shadow: none;
            border: none;
            margin-top: 10px;
        }

        .boxTabs.js-tabcollapse-panel-heading .listicon.caret-right {
            filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=-1);
            -webkit-transform: rotate(-90deg);
            -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
            -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
        }

        .boxTabs.js-tabcollapse-panel-heading.collapsed .listicon.caret-right {
            filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=1);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }
    }

    .app-tabs .tab-close {
        display: block;
    }

    .app-tabs .tab-content .tab-pane.active {
        padding: 50px 0px;
    }

    .disclosures-main .disclosures-wrapper {
        border-top: 10px solid #ffffff;
    }

    .disclosures-main div:first-child.disclosures-wrapper {
        border-top: 0px;
    }

    .disclose-title .icon.small.icon_file {
        margin-bottom: 8px;
        background-position: -2px -758px;
    }

    .h1_section_loader_wrapper {
        margin: 10px 0px 35px 0px;
    }

    .h1_section_loader {
        height: 200px;
        position: relative;
        border: 4px solid #eee;
    }

    .h1_section_loader_img {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        /* presto! */
    }

    .new-wizard-ul {
        list-style: none;
        margin: 0 0 30px;
        padding: 0;
        text-align: center;
    }

        .new-wizard-ul li {
            display: inline-block;
            height: 105px;
            margin: 0 10px;
            position: relative;
            width: 135px;
        }

            .new-wizard-ul li:after {
                content: url('../images/dots-normal.png');
                position: absolute;
                right: -50px;
                top: 15%;
                width: 80px;
                overflow: hidden;
            }

    .new-wizard-ul-active > .new-wizard-li-active:after {
        content: url('../images/dots.png');
        position: absolute;
        right: -50px;
        top: 15%;
        width: 80px;
        overflow: hidden;
    }

    .new-wizard-ul li:last-child:after {
        content: '';
    }

    .new-wizard-check {
        width: 50px;
        height: 50px;
        display: block;
        background-color: #EEEEEE;
        border-radius: 50%;
        background-image: url(../images/app-icon.png);
        background-position: -331px -567px;
        text-align: center;
        margin: 0 auto;
    }

    .new-wizard-ul li a {
        color: #999;
    }

        .new-wizard-ul li a:last-child {
            word-wrap: break-word;
            white-space: pre-wrap;
            max-width: 170px;
            display: inline-flex;
            padding: 0 20px;
        }

    .new-wizard-li-active .new-wizard-check {
        background-position: -269px -567px;
    }

    .new-wizard-li-active a {
        color: #005b66 !important;
    }

    @media only screen and (max-width: 480px) {
        .new-wizard-ul li {
            /*width: 80px !important;*/
            text-align: center;
            height: 140px;
        }

            .new-wizard-ul li a:last-child {
                padding: 0 10px;
            }

            .new-wizard-ul li:after,
            .new-wizard-ul-active > .new-wizard-li-active:after {
                right: -25px;
                width: 35px;
                top: 11%;
            }

        .alert.alert-danger {
            padding: 0;
            margin-top: 10px;
            display: block;
        }
    }

    @media only screen and (max-width: 768px) {
        .new-wizard-ul li {
            width: 100px;
            height: 140px;
        }
    }



    .fa-check-circle:before {
        color: #005b66
    }

    .alert-center {
        width: 80%;
        margin: 25px auto;
    }

    @media screen and (device-aspect-ratio: 40/71) {
        .Footer_Social_Icons {
            position: absolute;
            top: -260px !important;
            margin: 0px auto;
            left: 0px;
            right: 0px;
        }
    }


    .carousel.vertical .carousel-inner {
        height: 100%;
        width: auto;
    }

        .carousel.vertical .carousel-inner > .item {
            width: auto;
            padding-right: 0px;
            -webkit-transition: 0.6s ease-in-out top;
            transition: 0.6s ease-in-out top;
        }

    @media all and (transform-3d), (-webkit-transform-3d) {
        .carousel.vertical .carousel-inner > .item {
            -webkit-transition: 0.6s ease-in-out;
            transition: 0.6s ease-in-out;
        }

            .carousel.vertical .carousel-inner > .item.next,
            .carousel.vertical .carousel-inner > .item.active.right {
                -webkit-transform: translate3d(0, 100%, 0);
                transform: translate3d(0, 100%, 0);
                top: 0;
            }

            .carousel.vertical .carousel-inner > .item.prev,
            .carousel.vertical .carousel-inner > .item.active.left {
                -webkit-transform: translate3d(0, -100%, 0);
                transform: translate3d(0, -100%, 0);
                top: 0;
            }

                .carousel.vertical .carousel-inner > .item.next.left,
                .carousel.vertical .carousel-inner > .item.prev.right,
                .carousel.vertical .carousel-inner > .item.active {
                    -webkit-transform: translate3d(0, 0, 0);
                    transform: translate3d(0, 0, 0);
                    top: 0;
                }
    }

    .carousel.vertical .carousel-inner > .active,
    .carousel.vertical .carousel-inner > .next,
    .carousel.vertical .carousel-inner > .prev {
        display: block;
    }

    .carousel.vertical .carousel-inner > .active {
        top: 0;
    }

    .carousel.vertical .carousel-inner > .next,
    .carousel.vertical .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel.vertical .carousel-inner > .next {
        top: 100%;
    }

    .carousel.vertical .carousel-inner > .prev {
        top: -100%;
    }

        .carousel.vertical .carousel-inner > .next.left,
        .carousel.vertical .carousel-inner > .prev.right {
            top: 0;
        }

    .carousel.vertical .carousel-inner > .active.left {
        top: -100%;
    }

    .carousel.vertical .carousel-inner > .active.right {
        top: 100%;
    }

    .carousel.vertical .carousel-control {
        left: auto;
        width: 50px;
    }

        .carousel.vertical .carousel-control.up {
            top: 0;
            right: 0;
            bottom: 50%;
        }

        .carousel.vertical .carousel-control.down {
            top: 50%;
            right: 0;
            bottom: 0;
        }

        .carousel.vertical .carousel-control .icon-prev,
        .carousel.vertical .carousel-control .icon-next,
        .carousel.vertical .carousel-control .glyphicon-chevron-up,
        .carousel.vertical .carousel-control .glyphicon-chevron-down {
            position: absolute;
            top: 50%;
            z-index: 5;
            display: inline-block;
        }

        .carousel.vertical .carousel-control .icon-prev,
        .carousel.vertical .carousel-control .glyphicon-chevron-up {
            left: 50%;
            margin-left: -10px;
            top: 50%;
            margin-top: -10px;
        }

        .carousel.vertical .carousel-control .icon-next,
        .carousel.vertical .carousel-control .glyphicon-chevron-down {
            left: 50%;
            margin-left: -10px;
            top: 50%;
            margin-top: -10px;
        }

        .carousel.vertical .carousel-control .icon-up,
        .carousel.vertical .carousel-control .icon-down {
            width: 20px;
            height: 20px;
            line-height: 1;
        }

        .carousel.vertical .carousel-control .icon-prev:before {
            content: '\2039';
        }

        .carousel.vertical .carousel-control .icon-next:before {
            content: '\203a';
        }

    .transition-timer-carousel-progress-bar {
        height: 3px;
        background-color: #005b66;
        width: 0;
        margin: 0 0 0 0;
        border: none;
        z-index: 11;
        position: relative;
    }

    .main-banner .carousel-inner {
        min-height: 365px !important;
    }

    .phoneNumber-type {
        width: 80px;
        margin-right: 10px;
    }

    .Phone-Number-flag {
        display: inline-block;
        margin-right: 10px;
    }

    .lblPhoneType {
        margin-right: 10px;
    }

    /***************** Live changes *********************/
    input#ContractorPhoneNumber,
    input#CustomerPhoneNumber {
        width: 190px;
    }

    .ng-intl-tel-input-disabled .ctrl-phone-display .intl-tel-input .selected-flag .iti-flag {
        top: 0px !important;
    }

    .ng-intl-tel-input-disabled .intl-tel-input {
        float: left;
        margin-top: 9px;
    }

    .login-form-field input,
    input#currentpassword,
    input#newpassword,
    input#confirmpassword,
    .sh-relative input.Password,
    input#Answer01,
    input#Answer02,
    input#Answer03,
    input#Password,
    input#password,
    input#SecurityAnswer,
    input#NewPassword,
    input#ConfirmPassword {
        padding-right: 50px;
    }

    @media only screen and (max-width: 320px) {
        .mobile-new-val .valid:after {
            font-size: 40px;
            left: -66px !important;
            top: -35px !important;
        }

        .outage-p-0 {
            padding: 0px !important;
        }

        .bd-wrap ngb-datepicker {
            transform: translate(-43px, 34px) !important;
        }
    }

    @media only screen and (max-width: 480px) {
        h2.ma-txt3 {
            font-size: 14px;
        }

        .inner-collapse-header .btn-app-common {
            position: relative;
            padding: 0 50px 0 15px;
            margin-top: 20px;
            min-width: inherit;
            min-height: 40px;
        }

        .indicator-text {
            font-size: 14px;
        }

        .mobile-new-val .valid:after {
            font-size: 30px;
            /*left: -282px;*/
            top: -10px;
        }

        .mobile-new-selectIcon.search-result-row .select-icon {
            top: 20%;
        }

        .mobile-new-h1 .ma-txt1 {
            min-height: 32px;
        }

        .pdf li span {
            padding-left: 40px;
        }

        .modal-body {
            padding: 10px 20px !important
        }

        .dialog-account-strength-header {
            padding: 25px 20px 10px 20px !important;
        }

        .padding-modal {
            padding: 25px 20px !important;
        }

        .modal-dialog {
            width: 94% !important;
        }

        #cancelModal .modal-body {
            padding: 16px !important;
        }

        #cancelModal .close {
            right: 10px !important;
        }

        .width85 {
            width: 85% !important;
        }
    }

    @media only screen and (max-width: 992px) {
        .single-time-input {
            width: 100%;
        }

        .single-switch-wrapper {
            float: left !important;
        }
    }

    @media only screen and (max-width: 768px) {
        .widget-box.left-aligh-m {
            text-align: left;
        }
    }


    .autodial-link:link,
    .autodial-link:visited {
        font-size: inherit !important;
        color: inherit;
        cursor: pointer;
    }

    .autodial-link:hover {
        color: inherit;
        cursor: pointer;
    }


    .dropdown-menu > li > a {
        white-space: inherit;
    }

    .dropdown-menu li a:hover {
        text-decoration: underline;
    }

    .content-box-btn:hover {
        text-decoration: none !important;
    }

    .single-time-input {
        float: right;
    }

    .single-switch-wrapper {
        margin-top: 0px;
        float: right;
    }

    .phone-type-width {
        width: 80px;
    }

    .phone-country-code-width {
        width: 65px;
        margin-left: 1%;
    }

    .phone-int-width {
        width: 40%;
        margin-left: 1%;
    }

    .phone-caus-width {
        width: 52%;
        margin-left: 1%;
    }

    .show-userpin {
        display: none;
    }

    .news-date {
        margin-left: 10px;
        font-size: 12px;
    }

    input:required:invalid {
        outline: none;
    }

    #pauseButton {
        -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0) !important;
        -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0) !important;
        box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0) !important;
    }


    #playButton {
        display: none;
    }

    .st2 {
        stroke: #fff !important;
        opacity: 0.8 !important;
    }

    .carousel .hero-section .banner-content {
        margin-left: 70px;
    }

    .container.c-controls {
        padding-left: 0px;
    }

    .transition-timer-carousel-progress-bar {
        background: #fff;
    }

    .carousel-indicators {
        position: relative;
        margin-top: 35px;
    }

        .carousel-indicators li {
            display: list-item !important;
            margin-bottom: 8px !important;
        }

    .popup-wd.has-error .popup-email-input {
        width: 172px;
    }

    .popup-wd .popup-email-input.ng-valid-email {
        width: 172px;
    }

    .modal-req {
        padding: 0 66px;
        text-align: left;
    }


    /* search styles */
    #search-type-ahead .dropdown-item {
        display: block;
        width: 100%;
        text-align: left;
        color: #005b66;
        border: none;
    }

    #search-type-ahead .dropdown-menu {
        min-width: 260px;
    }

    #search-type-ahead .dropdown-item:hover {
        background: #337ab7;
        color: #fff;
    }

    /* type head styles */
    .type-head-wrapper .dropdown-item {
        display: block;
        width: 100%;
        text-align: left;
        border: none;
        height: 30px;
    }

        .type-head-wrapper .dropdown-item:hover {
            background: #337ab7;
            color: #fff;
        }

    /* Calendar Header */
    .ngb-dp-header {
        background: #005b66;
        min-width: 30px;
        padding: 15px 10px 10px 10px !important;
    }

    .ngb-dp-weekdays {
        border-bottom: none !important;
    }

    .ngb-dp-header .ngb-dp-arrow .btn-link {
        color: #fff !important;
    }

        .ngb-dp-header .ngb-dp-arrow .btn-link:focus {
            outline: 1px dashed #000 !important;
        }

    .ngb-dp-months {
        padding: 20px 15px 0px 15px;
    }

    ngb-datepicker .my-0 {
        display: none !important;
    }

    .ngb-dp-header button[disabled][disabled] {
        background: transparent !important;
        color: #fff !important;
    }

    .ngb-dp-header button:focus {
        outline: none !important
    }

    .ngb-dp-day,
    .ngb-dp-week-number,
    .ngb-dp-weekday {
        width: 2.75em !important;
        height: 2em !important;
        text-align: center !important
    }

    [ngbDatepickerDayView] {
        width: 2.6em !important;
        height: 2em !important;
        text-align: center !important;
        line-height: 2em !important;
    }

    .ngb-dp-week {
        width: 310px !important;
    }

    .ngb-dp-weekday {
        font-size: 100% !important;
        color: #000 !important;
        font-style: normal !important;
    }

    .ngb-dp-day .bg-primary {
        color: #fff;
        background-color: #005b66;
    }

    .ngb-dp-today {
        border: 1px solid #005b66;
        background: #fff !important;
        color: #242424;
    }

    .ngb-dp-week-number {
        width: 3em !important;
        height: 2.1em !important;
        line-height: 2em !important;
        margin-right: 5px;
        font-size: 90%
    }

    .ngb-dp-month-name {
        color: #fff;
        margin-top: -5px;
    }

    .ngb-dp-day.disabled .text-muted {
        color: inherit;
    }

    .calendar-footer {
    }

        .calendar-footer button:hover {
            background: transparent;
            border: none
        }

    .cal-btn-today {
        background: transparent !important;
        color: #005b66;
    }

    .cal-btn-close {
        float: right;
    }

    .ng-hide {
        display: none !important;
    }

    /* new banner styles */
    .hero-banner-woi {
        background-color: #f4f4f4;
        padding: 20px 0;
        min-height: 100px;
        border-bottom: 5px solid #005b66;
    }

    .woi-banner-content {
        border-left: 3px solid #005b66;
        padding-left: 15px;
    }

        .woi-banner-content .woi-h1 {
            margin: 0;
            padding-bottom: 5px;
            color: #454545;
            font-weight: bold;
            font-size: 26px;
        }

        .woi-banner-content .woi-description,
        .woi-banner-content .woi-account {
            margin: 0;
            color: #454545;
            font-weight: 300;
            font-size: 17px;
            line-height: 20px !important;
            display: inline-block;
        }

        .woi-banner-content .woi-link {
            color: #005b66;
            display: inline-block;
            margin-left: 10px;
            font-weight: 600;
        }

            .woi-banner-content .woi-link:hover {
                text-decoration: underline;
            }

    .sm-banner-acc-lable {
        margin-right: 5px;
    }

    .sm-banner-acc-number {
        font-weight: 600;
    }

    .mobile-br {
        display: none;
    }

    @media (max-width: 450px) {
        .mobile-br {
            display: block;
        }
    }


    .show-btn-inherit {
        left: 62%;
        right: inherit !important;
    }



    .w70pt {
        width: 70%
    }

    .show-pw-wr {
        position: relative;
    }

    .show-span-relative {
        position: relative;
        display: inline-block;
        width: 75%;
    }

    .show-pw-btn {
        right: 4px !important;
    }

    .alert-transparent {
        background-color: transparent;
        border-color: transparent;
    }

    .show-pw-wr input {
        width: 100% !important;
    }

    .h1-alert-yellow {
        padding: 10px 20px;
        background: #FFCC00;
        margin-bottom: 10px
    }

        .h1-alert-yellow a {
            text-decoration: underline;
            color: #242424
        }

    .select-all-header {
        margin-bottom: 25px;
    }

    .select-all-header-left {
        padding-left: 0px;
        text-align: left;
    }

    .select-all-header-right {
        padding-top: 10px;
        color: #005b66;
        padding-right: 0px;
        text-align: right;
    }

    @media (max-width: 320px) {
        .datepicker-align .dropdown-menu {
            left: -40px !important;
        }
    }


    @media only screen and (max-width: 580px) {
        .show-pw-wr.w70pt {
            width: 100%;
        }

        #movingCalMobiel ngb-datepicker {
            left: -35px !important;
        }

        #PreAuthorizedPayments-button-wantToKeep {
            white-space: normal;
            text-align: right;
        }

        #us-div-submit {
            white-space: inherit;
        }

        .h1-title-col {
            padding-left: 15px;
            margin-top: 10px;
        }
    }


    #tagman-as-view-billing {
        white-space: normal;
    }

    #bb-a-update-reset,
    #bb-btn-update-cancel-cancel {
        margin-left: 5px;
    }

    .margin-top-100 {
        margin-top: 100px;
    }

    /*MIMO Styls*/
    @media (min-width: 992px) {
        .movein-modal-window .modal-dialog {
            width: 900px;
        }

        .moving-term-model-dialog {
            top: 0px !important;
            width: 800px !important;
        }

        .moving-cancel-modal-dialog {
            width: 600px !important;
        }
    }

    .red-alert-wrapper {
        border: 1px solid #005b66;
        width: 100%;
        border-bottom: 5px solid #005b66;
        padding: 15px;
        color: #005b66;
    }

    .found-alert-wrapper {
        background: #f7f7f7;
        width: 100%;
        padding: 15px;
        color: #4f4f4f;
    }

        .found-alert-wrapper h5 {
        }

    .light-gray-text {
        color: #6e6e6e;
        font-size: 16px;
    }

    .light-gray-text-spacer {
        margin-top: 20px;
    }

    .alert-link {
        color: #005b66;
        margin-right: 10px;
    }

        .alert-link:hover,
        .alert-link:focus,
        .alert-link:visited,
        .alert-link:active {
            color: #005b66;
        }

    .h1-row-spacer {
        margin-bottom: 40px;
    }

    .h1-row-spacer2 {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .h1-white-wrapper {
        background: #fff;
    }

    .h1-gray-wrapper {
        background: #f8f8f8;
        padding: 20px 0px;
    }

    .h1-review-title {
        color: #262626;
        margin: 0;
    }

    .h1-red-btn {
        min-width: 130px;
        padding: 10px 20px;
        border-radius: 0px;
        color: #ffffff;
        background-color: #005b66;
        font-size: 18px;
        white-space: normal;
    }

        .h1-red-btn:hover,
        .h1-red-btn:focus,
        .h1-red-btn:visited,
        .h1-red-btn:active {
            color: #fff;
        }

    .h1-text-right {
        text-align: right;
    }

    @media only screen and (max-width: 600px) {
        .h1-text-mobile-left {
            text-align: left !important;
        }

        .MoveOutProperty-field .property-type {
            height: inherit !important;
        }

        .ma-search-box .input-group input {
            display: inline-block;
            width: 100%;
        }

        .ma-search-box .input-group-btn {
            width: 100%;
            display: inline-block;
        }

            .ma-search-box .input-group-btn button, .ma-search-box .input-group-btn a {
                width: 100%;
                margin-right: 0;
            }

        .address-note {
            text-align: left !important;
        }
    }

    .h1-review-list {
        list-style: none;
        padding: 0px;
        margin: 0px;
        margin-left: -15px;
    }

    .h1-mimo-card {
        display: block;
        width: 100%;
        overflow: hidden;
        border-top: 4px solid #005b66;
        background: #EEEEEE;
        padding: 20px;
        min-height: 300px;
        margin-bottom: 20px;
    }

    .h1-red-link {
        color: #005b66;
        font-size: 17px;
        display: block;
        font-weight: 600;
    }

        .h1-red-link:hover {
            text-decoration: underline;
        }

        .h1-red-link:hover,
        .h1-red-link:focus,
        .h1-red-link:visited,
        .h1-red-link:active {
            color: #005b66;
        }

    .notify-toggle-wrapper-prefN .time-input {
        width: auto;
    }

    .notify-toggle-wrapper-prefN .switch-wrapper {
        text-align: left;
        margin-top: 0 !important;
    }

    .h1-review-toggle .pref-content {
        margin-left: 10px;
        display: inline-block;
    }

    .message-yellow {
        color: #EAA627 !important;
    }

    .message-red {
        color: #801B14 !important;
    }

    .h1-stnd-link,
    .h1-stnd-link:hover,
    .h1-stnd-link:active,
    .h1-stnd-link:visited,
    .h1-stnd-link:focus {
        color: #005b66;
        font-weight: 600;
    }

        .h1-stnd-link:hover {
            text-decoration: underline;
        }

    .link-disabled {
        cursor: not-allowed;
    }

    b,
    strong {
        font-weight: 400;
        /*Sanaz20200424*/
    }

    .font-weight-700 {
        font-weight: 700 !important;
    }

    .remember-my-email-wrapper .time-input {
        width: 100%;
    }

    .remember-my-email-wrapper .switch-wrapper {
        margin: 0 !important;
    }

    /*MIMO Styls*/

    .padding-top-20 {
        padding-top: 20px !important;
    }

    /*New Dashboard Styls*/

    @charset "utf-8";

    /* Margin and Padding classes */
    .h1-mt-0 {
        margin-top: 0 !important;
    }

    .h1-mt-1 {
        margin-top: 0.25rem !important;
    }

    .h1-mt-2 {
        margin-top: 0.5rem !important;
    }

    .h1-mt-3 {
        margin-top: 1rem !important;
    }

    .h1-mt-4 {
        margin-top: 1.5rem !important;
    }

    .h1-mt-5 {
        margin-top: 3rem !important;
    }

    .h1-mb-0 {
        margin-bottom: 0 !important;
    }

    .h1-mb-1 {
        margin-bottom: 0.25rem !important;
    }

    .h1-mb-2 {
        margin-bottom: 0.5rem !important;
    }

    .h1-mb-3 {
        margin-bottom: 1rem !important;
    }

    .h1-mb-4 {
        margin-bottom: 1.5rem !important;
    }

    .h1-mb-5 {
        margin-bottom: 3rem !important;
    }

    .h1-ml-0 {
        margin-left: 0 !important;
    }

    .h1-ml-1 {
        margin-left: 0.25rem !important;
    }

    .h1-ml-2 {
        margin-left: 0.5rem !important;
    }

    .h1-ml-3 {
        margin-left: 1rem !important;
    }

    .h1-ml-4 {
        margin-left: 1.5rem !important;
    }

    .h1-ml-5 {
        margin-left: 3rem !important;
    }

    .h1-mr-0 {
        margin-right: 0 !important;
    }

    .h1-mr-1 {
        margin-right: 0.25rem !important;
    }

    .h1-mr-2 {
        margin-right: 0.5rem !important;
    }

    .h1-mr-3 {
        margin-right: 1rem !important;
    }

    .h1-mr-4 {
        margin-right: 1.5rem !important;
    }

    .h1-mr-5 {
        margin-right: 3rem !important;
    }

    .h1-pt-0 {
        padding-top: 0 !important;
    }

    .h1-pt-1 {
        padding-top: 0.25rem !important;
    }

    .h1-pt-2 {
        padding-top: 0.5rem !important;
    }

    .h1-pt-3 {
        padding-top: 1rem !important;
    }

    .h1-pt-4 {
        padding-top: 1.5rem !important;
    }

    .h1-pt-5 {
        padding-top: 3rem !important;
    }

    .h1-pb-0 {
        padding-bottom: 0 !important;
    }

    .h1-pb-1 {
        padding-bottom: 0.25rem !important;
    }

    .h1-pb-2 {
        padding-bottom: 0.5rem !important;
    }

    .h1-pb-3 {
        padding-bottom: 1rem !important;
    }

    .h1-pb-4 {
        padding-bottom: 1.5rem !important;
    }

    .h1-pb-5 {
        padding-bottom: 3rem !important;
    }

    .h1-pl-0 {
        padding-left: 0 !important;
    }

    .h1-pl-1 {
        padding-left: 0.25rem !important;
    }

    .h1-pl-2 {
        padding-left: 0.5rem !important;
    }

    .h1-pl-3 {
        padding-left: 1rem !important;
    }

    .h1-pl-4 {
        padding-left: 1.5rem !important;
    }

    .h1-pl-5 {
        padding-left: 3rem !important;
    }

    .h1-pr-0 {
        padding-right: 0 !important;
    }

    .h1-pr-1 {
        padding-right: 0.25rem !important;
    }

    .h1-pr-2 {
        padding-right: 0.5rem !important;
    }

    .h1-pr-3 {
        padding-right: 1rem !important;
    }

    .h1-pr-4 {
        padding-right: 1.5rem !important;
    }

    .h1-pr-5 {
        padding-right: 3rem !important;
    }

    /* Margin and Padding classes */

    /* common classes */
    .h1-d-none {
        display: none !important;
    }

    .h1-red {
        color: #005b66;
    }

    .h1-strong {
        font-weight: 600;
    }

    /* common classes */


    .h1-db-bg {
        /*    background-image: url(../images/watermark.png);*/
        background-repeat: no-repeat;
        background-position: -100px -10px;
        background-size: 350px;
        background-color: #F6F6F6;
    }

    .h1-db-row-padding {
        padding: 50px 0 10px;
    }

    .h1-db-widget-box {
        display: block;
        overflow: hidden;
        width: 100%;
        background: #fff;
        min-height: 290px;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
        /*border-radius: 10px;*/
        padding: 25px;
        padding-top: 14px;
    }

    .h1-bill-payment-history {
        min-height: 232px;
    }

    .h1-bill-payment {
        min-height: 230px;
    }

    .h1-db-widget-box2 {
        min-height: 100px;
    }

    .h1-db-widget-box .h1-widget-title {
        display: flex;
        overflow: hidden;
        padding-bottom: 10px;
        border-bottom: 1px solid #303232;
        color: #303232;
        font-size: 17px;
        line-height: 18px;
        font-weight: 400;
        height: 43px;
        align-items: flex-end;
    }

    .h1-widget-title a {
        color: #005b66;
        float: right;
        font-weight: 600;
    }

        .h1-widget-title a:hover {
            text-decoration: underline;
        }

    .h1-db-widget-box .h1-widget-body {
        display: block;
        overflow: hidden;
        margin-top: 25px;
        min-height: 75px;
        color: #303232;
    }

    .h1-widget-left {
        padding-right: 50px;
    }


    .h1-widget-body .h1-widget-amount {
        color: #005b66;
        font-size: 40px;
        font-weight: 600;
    }

        .h1-widget-body .h1-widget-amount sup {
            font-size: 25px;
            vertical-align: bottom;
        }

    .h1-widget-body .h1-overdue-note,
    .h1-widget-footer .h1-overdue-note,
    .h1-widget-footer .h1-overdue-note a {
        color: #005b66;
        font-size: 18px;
        margin-bottom: 0;
        margin-top: 15px;
        font-weight: 600;
    }

        .h1-widget-footer .h1-overdue-note a:hover {
            text-decoration: underline;
        }

    .h1-widget-footer .h1-overdue-note {
        margin-top: 10px;
    }

    .h1-widget-body .h1-overdue-note-black {
        color: #801B14;
        font-size: 18px;
        margin-bottom: 0;
        margin-top: 15px;
        font-weight: bold;
    }

    .h1-db-widget-box .h1-widget-footer,
    .h1-db-widget-box .h1-widget-footer {
        display: block;
        overflow: hidden;
        position: absolute;
        bottom: 30px
    }


    .h1-widget-footer .h1-widget-btn {
        min-width: 200px;
        padding: 10px 20px;
        width: 100%;
        border-radius: 0px;
        border: 3px solid transparent;
        color: #ffffff;
        background-color: #005b66;
        margin-right: 15px;
        border: 3px solid transparent;
        font-size: 18px;
        white-space: normal;
        font-weight: 500;
    }

    .h1-widget-footer .h1-widget-btn-opposite {
        min-width: 200px;
        padding: 10px 20px;
        width: 100%;
        border-radius: 0px;
        border: 3px solid transparent;
        color: #005b66;
        background-color: #ffffff;
        border-color: #005b66;
        margin-right: 15px;
        font-size: 18px;
        white-space: normal;
        font-weight: 500;
    }

    .h1-widget-body .h1-widget-btn {
        min-width: 200px;
        padding: 10px 20px;
        width: 100%;
        border-radius: 0px;
        border: 3px solid transparent;
        color: #ffffff;
        background-color: #005b66;
        margin-right: 15px;
        border: 3px solid transparent;
        font-size: 18px;
        white-space: normal;
        font-weight: 500;
    }

    .h1-widget-body .h1-widget-btn-opposite {
        min-width: 200px;
        padding: 10px 20px;
        width: 100%;
        border-radius: 0px;
        border: 3px solid transparent;
        color: #005b66;
        background-color: #ffffff;
        border-color: #005b66;
        margin-right: 15px;
        font-size: 18px;
        white-space: normal;
        font-weight: 500;
    }

    .h1-widget-ips-btn {
        min-width: 200px;
        padding: 10px 20px;
        width: 30%;
        border-radius: 0px;
        border: 3px solid transparent !important;
        color: #ffffff !important;
        background-color: #005b66 !important;
        margin: auto;
        font-size: 18px;
        white-space: normal;
        font-weight: 500;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .h1-widget-ips-btn:focus,
        .h1-widget-ips-btn:hover,
        .h1-widget-ips-btn:active {
            outline: 1px dashed #000;
        }

    .h1-widget-body .h1-widget-bTitle {
        color: #000;
        font-weight: 500;
        font-size: 36px;
        line-height: 0.8 !important;
    }

    .h1-widget-bTitle sup {
        font-size: 22px;
    }

    .h1-btn-gray {
        background: #fff !important;
        color: #2D2E2D !important;
        border: 2px solid #2D2E2D !important;
    }

    .h1-db-widget-transparent {
        background: transparent !important;
        box-shadow: none !important;
    }

    .h1-db-widget-transparent-new-account-strength {
        background: #005b66 !important;
        box-shadow: none !important;
    }

    .h1-db-widget-box3 {
        display: block;
        overflow: hidden;
        width: 100%;
        background: #fff;
        min-height: 50px;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
        border-radius: 10px;
        padding: 25px;
        margin-bottom: 50px;
    }

    .h1-widget-title2 {
        font-size: 28px;
        color: #303232;
        font-weight: bold;
        margin-top: 0;
    }

    .h1-widget-para2 {
        font-size: 18px;
        color: #303232;
        line-height: 26px !important;
    }

    .h1-db-tile-btn2 {
        min-width: 200px;
        padding: 10px 20px;
        border-radius: 0px;
        border: 3px solid transparent;
        color: #ffffff !important;
        background-color: #005b66;
        border: 3px solid transparent;
        font-size: 18px;
        white-space: normal;
        font-weight: 500;
        margin-top: 30px;
        float: right;
    }

    /* Circle List */
    .h1-db-cricle-list {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    }

        .h1-db-cricle-list li {
            position: relative;
            width: 40px;
            vertical-align: middle;
            display: inline-block;
        }

            .h1-db-cricle-list li span {
                display: inline-block;
                width: 20px;
                height: 20px;
                border-radius: 50px;
                background: #CBCBCB;
            }

            .h1-db-cricle-list li:first-child {
                width: 20px;
            }

                .h1-db-cricle-list li:first-child::before {
                    content: none;
                }

            .h1-db-cricle-list li::before {
                content: '';
                display: inline-block;
                width: 10px;
                height: 10px;
                border-radius: 50px;
                background: #CBCBCB;
                vertical-align: super;
                margin-right: 5px;
            }

    .h1-circle-active span {
        background: #005b66 !important;
    }

    .h1-circle-active::before {
        background: #005b66 !important;
    }

    /* Circle List */


    /* Icon Popup List */
    .h1-db-close {
        padding: 5px;
    }

        .h1-db-close img {
            width: 15px;
        }


    .h1-widget-body-new-as {
        width: 100%;
        height: 100%;
        padding: 32px;
        background: #005B66;
        border-radius: 0;
        flex-direction: column;
        justify-content: flex-start;
        gap: 32px;
        display: inline-flex
    }


    .h1-db-popuplist {
        display: flex;
        /*flex-wrap: wrap;*/ /* Allows items to wrap to the next line */
        list-style-type: none;
        padding: 0;
        align-self: stretch;
        justify-content: flex-start;
        align-items: center;
        gap: 11px;
        margin-bottom: 0;
    }

    .h1-db-popuplist-inner {
        height: 184px;
        width: 100%;
        padding: 16px 6px;
        background: rgba(255, 255,255, 0.10);
        border-radius: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border: 1px solid rgba(255, 255,255, 0.15);
        cursor: pointer;
    }

        .h1-db-popuplist-inner.added {
            background: rgba(227, 247, 241, 1);
        }

            .h1-db-popuplist-inner.added:hover {
                background: rgba(227, 247, 241, 0.75);
                border-color: #aad0cd;
            }

            .h1-db-popuplist-inner.added.active {
                background: rgba(0, 91, 102, 1);
            }

                .h1-db-popuplist-inner.added.active .circle {
                    border-color: #fff;
                }

                .h1-db-popuplist-inner.added.active .list-text {
                    color: #E3F7F1 !important;
                }

                .h1-db-popuplist-inner.added.active .before-button {
                    border: solid 2px #E3F7F1;
                }

    .h1-db-popuplist .circle {
        display: inline-flex;
        width: 48px;
        height: 48px;
        min-height: 48px;
        border-radius: 100%;
        background: url(../images/icons/list-icon-tick.svg) no-repeat center center;
        margin: 0 auto;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border: 1px solid #fff;
    }

    .h1-db-popuplist-inner:hover .circle {
        background: #fff url(../images/icons/list-icon-tick-hover.svg) no-repeat center center;
    }

    .h1-db-popuplist .h1-db-popuplist-li-dis .circle {
        background: #005b66;
        border: none;
    }

    .h1-db-popuplist .h1-db-popuplist-inner .after-circle {
        width: 100%;
        border-radius: 40px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 16px;
        display: flex;
        max-width: 114px;
    }

        .h1-db-popuplist .h1-db-popuplist-inner .after-circle .list-text {
            align-content: center;
            height: 44px;
            width: 100%;
            align-self: stretch;
            text-align: center;
            color: #fff;
            font-size: 13px;
            font-family: Roobert-Bold;
            line-height: 18px;
            word-wrap: break-word
        }

    li.h1-db-popuplist.h1-db-popuplist-inner.after-circle.list-text:hover {
        color: #E3F7F1;
    }

    .h1-db-popuplist .h1-db-popuplist-li-dis .after-circle .list-text:hover {
        color: #005B66;
    }

    .h1-db-popuplist .h1-db-popuplist-li-dis .after-circle .list-text {
        align-content: center;
        height: 44px;
        align-self: stretch;
        text-align: center;
        color: #005b66;
        font-size: 13px;
        font-weight: 700;
        line-height: 18px;
        word-wrap: break-word
    }

    .h1-db-popuplist .h1-db-popuplist-seperator {
        display: none; /* Hide separators for a cleaner responsive layout */
    }

    .h1-db-popuplist .h1-db-popuplist-li-dis {
        /*opacity: 0.5;*/
        cursor: pointer;
        border-radius: 0;
        border: 2px #E3F7F1 solid;
        background-color: #fff;
    }

    /*li.h1-db-popuplist-inner:hover {
    border: 2px #aad0ce solid;
    background-color: rgba(227, 247, 241, 0.75);
}*/

    /*li.h1-db-popuplist-li-dis:hover {
    border: 2px #aad0ce solid;
    background: rgba(227, 247, 241, 0.75);
}*/

    li.h1-db-popuplist-li-dis:hover .circle {
        border: transparent;
    }

    li.h1-db-popuplist-li-dis:hover .list-text {
        color: #005B66 !important;
    }

    li.h1-db-popuplist-li-dis:hover .h1-db-popuplist-li-dis-btn {
        border: none;
        background: #75e7c4 !important;
    }

        li.h1-db-popuplist-li-dis:hover .h1-db-popuplist-li-dis-btn .manage-button {
            color: #005b66;
        }

    li.h1-db-popuplist-li-dis.active {
        background: #E3F7F1;
    }

        li.h1-db-popuplist-li-dis.active .circle {
            border: transparent;
        }

        li.h1-db-popuplist-li-dis.active .list-text {
            color: #005B66 !important;
        }

        li.h1-db-popuplist-li-dis.active .h1-db-popuplist-li-dis-btn {
            border: solid 2px #005B66;
        }


    .h1-db-popuplist-li-dis .circle {
        background: url(../images/icons/list-icon-close.svg) no-repeat center center !important;
    }

    .h1-db-popuplist-li-dis:hover .circle {
        background: #75E7C4 url(../images/icons/list-icon-close-hover.svg) no-repeat center center !important;
    }

    .h1-db-popuplist-li-dis .list-text {
        color: #9e9e9e;
    }

    .account-dropdown-banner {
        border-bottom-width: 1px;
        border-top-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        height: 100%;
        width: 300px;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .h1-db-popuplist-li-dis-btn {
        background: #005b66 !important;
        color: #fff;
        border-radius: 0 !important;
        width: 100%;
    }

    li.manage-button:hover {
        background: #E3F7F1 !important;
    }

    .before-button {
        height: 40px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 8px;
        padding-bottom: 8px;
        border: solid 1px #fff;
        justify-content: center;
        align-items: center;
        gap: 8px;
        display: inline-flex;
        cursor: pointer;
        position: relative;
        z-index: 2;
        width: 100%;
    }

    .h1-db-popuplist-inner:hover .before-button {
        background: #fff !important;
    }

        .h1-db-popuplist-inner:hover .before-button .manage-button {
            color: #005b66;
        }

    .before-button .manage-button {
        cursor: pointer;
        text-align: center;
        color: #E3F7F1;
        font-size: 15px;
        font-family: Roobert-Bold;
        line-height: 24px;
        word-wrap: break-word
    }

    .h1-db-popuplist-li-dis-btn .manage-button {
        color: #fff;
        cursor: pointer;
    }

    .h1-db-popuplist-li-dis .circle {
        background: #005b66 url(../images/icons/list-icon-close.svg) no-repeat center center !important;
        border-color: #fff;
    }

    .h1-db-modal {
        border: none !important;
    }

        .h1-db-modal h4 {
            font-size: 30px;
            word-break: break-word;
        }

        .h1-db-modal .close {
            position: inherit !important;
            right: 0;
        }

            .h1-db-modal .close::before,
            .h1-db-modal .close::after {
                content: none !important;
            }

    .h1-db-modal-content {
        font-size: 16px;
        color: #303232;
    }

        .h1-db-modal-content img {
            min-height: 60px;
            width: fit-content;
        }

        .h1-db-modal-content h5 {
            font-size: 20px;
        }

        .h1-db-modal-content p {
            font-size: 16px;
        }

    .h1-db-modal-footer {
        border-top: 1px solid #D1D0D0;
        padding: 10px 0;
        font-size: 18px;
        color: #707070;
    }

    .h1-db-switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
    }

        .h1-db-switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .h1-db-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .h1-db-slider:before {
            position: absolute;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    input:checked + .h1-db-slider {
        background-color: #005b66;
    }

    input:focus + .h1-db-slider {
        box-shadow: 0 0 1px;
    }

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

    .h1-db-slider.round {
        border-radius: 34px;
    }

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

    .h1-mobile-view-widget {
        display: none;
    }

    .h1MobileSlider {
        text-align: center;
    }

        .h1MobileSlider button {
            background: transparent;
            border: none;
        }

    .h1-mobile-slider .circle {
        display: block;
        width: 100px;
        height: 100px;
        border-radius: 50px;
        background-image: url(../images/icons/mobile-tick.svg);
        background-repeat: no-repeat;
        background-position: center;
        margin: 0 auto;
    }

    .h1-mobile-slider .list-text {
        color: #005b66;
        font-size: 26px;
        font-weight: 600;
    }

    .h1-slider-dis .circle {
        background-image: url(../images/icons/mobile-close.svg) !important;
    }

    .h1-display-left,
    .h1-display-right {
        background: transparent;
        border: none;
    }

    .h1-display-left {
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translate(0%, -90%);
        -ms-transform: translate(0%, -90%);
    }

    .h1-display-right {
        position: absolute;
        top: 50%;
        right: 0%;
        transform: translate(0%, -90%);
        -ms-transform: translate(0%, -90%);
    }

    @media only screen and (max-width: 600px) {


        .h1-mobile-view-widget {
            display: block;
        }

        .h1-widget-left {
            padding-right: 15px;
        }
    }


    /* Icon Popup List */
    .h1-form-group label {
        font-size: 18px;
        font-weight: 600;
        color: #303232;
        padding-bottom: 0;
    }

    .h1-db-select {
        width: 230px;
        border: 1px solid #EBEBEB;
        border-radius: 4px;
        box-shadow: none;
        color: #303232;
    }

    .h1-db-pay-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .h1-db-pay-list li {
            display: block;
            margin-bottom: 10px;
            overflow: hidden;
        }

    .pay-desc,
    .pay-amount {
        display: inline-block;
        white-space: normal;
        color: #303232;
        font-size: 18px;
        float: left;
        font-weight: 400;
    }

    .pay-desc {
        text-align: left;
        width: 70%
    }

    .pay-amount {
        text-align: right;
        width: 30%
    }

    .h1-paying-year {
        color: #303232;
        float: right;
        font-weight: 600;
        font-size: 18px;
    }

    /* ==== Bar Chart ==== */
    .h1-db-chart {
        display: table;
        table-layout: fixed;
        width: 100%;
        max-width: 700px;
        height: 200px;
        background-position: left top;
        margin-bottom: 50px;
        border-bottom: 4px solid #616161;
    }

        .h1-db-chart li {
            position: relative;
            display: table-cell;
            vertical-align: bottom;
            height: 200px;
        }

        .h1-db-chart span {
            margin: 0 auto -1px;
            display: block;
            animation: draw 1s ease-in-out;
            font-size: 13px;
            padding: 10px 15px 0;
            text-align: center;
            color: #fff;
            width: 70px;
        }

            .h1-db-chart span:before {
                position: absolute;
                left: 0;
                right: 0;
                /*    top: 100%;*/
                padding: 0px 10px;
                display: block;
                text-align: center;
                content: attr(title);
                word-wrap: break-word;
                color: #707070;
                font-weight: 600;
                bottom: -42px;
            }

    .h1-bar-chat-c1 {
        background: #005b66;
    }

    .h1-bar-chat-c2 {
        background: #004851;
    }

    .h1-bar-chat-c3 {
        background: #003940;
    }

    .h1-bar-chart-no-data {
        background-color: #707070;
    }

    .h1-bar-chat-top-text {
        color: #005b66 !important;
        font-size: 13px !important;
    }

    .grey-tooltip + .tooltip > .tooltip-inner {
        background-color: #707070;
    }

    .grey-tooltip + .tooltip.top > .tooltip-arrow {
        border-top-color: #707070;
    }

    @keyframes draw {
        0% {
            height: 0;
        }
    }

    @media only screen and (max-width: 600px) {
        .h1-db-chart {
            padding: 0;
        }

            .h1-db-chart span:before {
                left: -10px;
                padding: 5px 1rem 0;
                bottom: -40px;
                font-size: 10px;
            }
    }

    /* ==== Bar Chart ==== */



    /* ==== Accordion ==== */
    .h1-db-accordion .panel-default > .panel-heading {
        border-top: none;
        background-color: #616161;
        /*border-radius: 8px;*/
        color: #fff;
        padding: 0;
    }

    .h1-db-accordion .panel {
        border: none;
        box-shadow: none;
    }

    .h1-db-accordion .panel-title > a {
        color: inherit;
        padding: 15px;
        width: 100%;
        display: block;
        font-size: 20px;
    }

    /*Need To Review*/
    .fade.show {
        opacity: 1 !important;
    }



    #headingOne > .panel-title > a:before {
        float: right !important;
        font-family: FontAwesome;
        content: "\f068";
        padding-right: 5px;
    }

    .account-summary-modal-heading > .panel-title > a:before {
        float: right !important;
        font-family: FontAwesome;
        content: "\f068";
        padding-right: 5px;
    }

    #headingOne > .panel-title > a.collapsed:before {
        float: right !important;
        content: "\f067";
    }

    .account-summary-modal-heading > .panel-title > a.collapsed:before {
        float: right !important;
        content: "\f067";
    }


    .modal-backdrop.show {
        filter: alpha(opacity=50) !important;
        opacity: 0.5 !important;
    }

    .movein-modal-window {
        animation-name: ngbmodal;
        animation-duration: 0.9s;
    }

        .movein-modal-window .modal-dialog {
            top: 270px !important;
        }

    @keyframes ngbmodal {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @media (max-width: 760px) {
        .movein-modal-window .modal-dialog {
            top: 330px !important;
        }
    }

    @media (max-width: 500px) {
        .movein-modal-window .modal-dialog {
            top: 350px !important;
        }
    }

    @media only screen and (max-width: 540px) {
        .common-accordion .panel-title .sub-title {
            display: block !important;
            margin-left: 0px;
        }
    }
    /*Need To Review*/
    .h1-loading-modal-content {
        border-radius: 17px;
        border: 8px solid #C6C6C6;
    }

    .h1-loading-title {
        font-size: 40px;
        color: #616262;
    }

    .h1-loading-wrapper {
        margin-bottom: 30px;
    }

    .h1-loading-text {
        font-size: 18px;
        font-weight: 400;
        color: #707070;
        margin-bottom: 15px;
    }

    .h1-loading-progress {
        width: 80%;
        height: 25px;
        margin: 0 auto;
        background-color: #D8D8D8;
        border-radius: 50px;
        margin-top: 10px;
    }

    .h1-progress-bar {
        background-color: #005b66;
        border-radius: 50px;
    }

    @media (min-width: 768px) {
        .h1-loading-dialog {
            width: 690px;
            margin: 30px auto;
        }
    }

    #h1-loading-carousel.carousel .carousel-inner .item {
        opacity: 0;
        -webkit-transition-property: opacity;
        -ms-transition-property: opacity;
        transition-property: opacity;
    }

    #h1-loading-carousel.carousel .carousel-inner .active {
        opacity: 1;
        -webkit-transition-property: opacity;
        -ms-transition-property: opacity;
        transition-property: opacity;
    }

    #h1-loading-carousel.carousel .carousel-indicators {
        top: 10px;
    }

        #h1-loading-carousel.carousel .carousel-indicators > li {
            width: 12px;
            height: 12px;
            border: 1px solid #707070;
            margin-right: 10px;
        }

            #h1-loading-carousel.carousel .carousel-indicators > li:last-child {
                margin-right: 0;
            }

            #h1-loading-carousel.carousel .carousel-indicators > li.active {
                background: #707070;
            }

    #h1-loading-carousel blockquote {
        text-align: center;
        border: none;
        padding: 0;
    }

    #h1-loading-carousel .profile-circle {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        border-radius: 100px;
    }

    .h1-loading-carousel-indicator {
        position: inherit;
        margin-top: 0;
        margin-bottom: 0;
        display: block;
    }

        .h1-loading-carousel-indicator li {
            display: inline-block !important;
        }

    .h1-loading-quote-title {
        font-size: 30px;
        color: #616262;
    }

    .h1-loading-quote-para {
        font-size: 18px;
        color: #707070;
    }

    /*Need To Review*/

    a {
        color: #005b66;
        text-decoration: none;
    }

        a:hover,
        a:focus,
        a:visited {
            color: #005b66;
        }

    .btn-link {
        color: #005b66;
    }

        .btn-link:hover,
        .btn-link:focus,
        .btn-link:visited {
            color: #005b66;
        }

    /*Common padding*/

    .pt10 {
        padding-top: 10px;
    }

    .h1-budget-confirm button,
    .h1-budget-confirm a {
        display: block;
        margin-bottom: 10px;
    }

    /*Alert styles*/
    .h1-alerts-wrapper {
        padding: 15px 0px 15px 0px;
        background: #ffdd00;
    }

    .h1-alerts-banner-wrapper {
        background: lightsteelblue;
        padding: 10px 20px;
        margin-bottom: 10px
    }

    .h1-alerts-wrapper .h1-alert-list span.h1-alert a,
    .h1-alerts-wrapper .h1-alert-list span.h1-alert a:visited {
        color: #005b66;
        text-decoration: underline;
    }

    .h1-alert-list .h1-alert {
        width: 90%;
        vertical-align: top;
        display: inline-block;
        font-size: 17px;
    }

    .h1-alert-close {
        background: transparent !important;
        border: none;
        box-shadow: none;
        float: right;
        vertical-align: top;
        text-align: right;
        display: inline-block;
        min-width: auto !important;
        padding: 0px;
        padding-right: 5px;
    }

        .h1-alert-close img {
            height: 15px;
            width: 15px;
        }

    @media only screen and (max-width: 580px) {
        .h1-alert-list .h1-alert {
            max-width: 88%;
        }

        .h1-search-result-row {
            margin: 0px 15px 20px 15px !important;
        }

        .as-btn-submit {
            /*margin-left: 30px;*/
        }
    }

    .as-btn-submit {
        margin-top: 30px !important;
        margin-bottom: 30px;
    }

    .h1-search-result-row {
        margin: 0px 0 20px 0;
    }

    .h1-db-tile {
        min-height: 350px;
        background: #fff;
        background-repeat: no-repeat;
        background-size: cover;
    }

        .h1-db-tile .h1-db-tile-overlay {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0, 0, 0, 0.2);
            z-index: 1;
        }

    /* position: inherit;*/

    .h1-db-tile-content {
        float: right;
        display: block;
        overflow: hidden;
        max-width: 60%;
        margin-top: 80px;
        padding: 0 20px;
    }

    .h1-db-tile-title {
        font-size: 16px;
        color: #393737;
        font-weight: bold;
    }

    .h1-db-tile-paragraph {
        font-size: 14px;
        color: #616161;
        min-height: 60px;
    }

    .h1-db-tile-btn {
        min-width: 200px;
        padding: 10px 20px;
        width: 50%;
        border-radius: 0px;
        border: 3px solid transparent;
        color: #ffffff !important;
        background-color: #005b66;
        margin-right: 15px;
        border: 3px solid transparent;
        font-size: 14px;
        white-space: normal;
        font-weight: 600;
    }

        .h1-db-tile-btn:hover {
            color: #ffffff;
        }


    /* Mobile number styles */
    .h1-phone-controller-wrapper {
        display: inline-block;
        width: 270px;
        vertical-align: middle;
    }

    .h1-phone-controller-wrapper-ext {
        width: 400px;
    }

    .h1-stnd-has-success,
    .h1-stnd-has-error {
        display: inline-block;
        width: 30px;
        vertical-align: middle;
    }

    .h1-mobile-number-edit-form .h1-stnd-has-success,
    .h1-mobile-number-edit-form .h1-stnd-has-error {
        display: inline-block;
        width: 30px;
        vertical-align: top;
    }

    .h1-mobile-number-edit-form label {
        color: #6e6e6e;
        font-size: 14px;
    }

    .h1-small-content-wrapper .h1-phone-controller-wrapper {
        width: 82%;
        display: inline-block;
        vertical-align: middle;
    }

    .h1-small-content-wrapper .h1-stnd-has-success {
        display: inline-block;
        width: 30px;
        vertical-align: top;
        padding-top: 35px;
        padding-left: 0px;
    }

    .h1-mobile-number-edit-form .form-group {
        margin-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
        vertical-align: top;
    }

    .h1-mobile-wrapper {
        display: block;
        overflow: hidden;
        width: 100%;
    }

    .h1-mobile-number-left-wrapper {
        display: inline-block;
        float: left;
        width: 85%;
    }

    .h1-mn-select {
        border: 1px solid #ccc;
        background: #efefef;
        display: inline-block;
        border-radius: 0;
        padding: 5px;
    }

        .h1-mn-select:hover {
            border: 1px solid #ccc;
        }

    .h1-mobile-input-wrapper {
        display: inline-block;
        position: relative;
    }

        .h1-mobile-input-wrapper form {
            display: inline-block;
            vertical-align: middle;
        }

        .h1-mobile-input-wrapper input {
            height: 32px;
            border: 1px solid #ccc;
            background: #efefef;
            width: 146px;
            padding: 5px 10px;
        }

    .h1-mobile-icon {
        display: inline-block;
        /*height: 30px;
    width: 30px;*/
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center;
        vertical-align: middle;
        margin-right: 8px;
        color: #686868;
        font-size: 18px;
    }

    .h1-handphone {
        background-image: url(../images/mobile.svg);
    }

    .h1-landphone {
        background-image: url(../images/landphone.svg);
    }

    .h1-mobile-ext {
        display: inline-block;
        font-size: 16px;
        font-weight: 400;
        color: #313131;
        vertical-align: middle;
        margin: 0 10px;
    }

    .h1-mobile-number-right-wrapper {
        text-align: right;
        display: inline-block;
        float: right;
    }

        .h1-mobile-number-right-wrapper div {
            display: inline-block;
        }

    .h1-mn-btn {
        height: 34px;
        min-width: 36px;
        border-radius: 0;
        border: 1px solid #686868;
        color: #686868;
        margin-right: 5px;
        background: #ffffff;
    }

        .h1-mn-btn:hover,
        .h1-mn-btn:focus,
        .h1-mn-btn:visited,
        .h1-mn-btn:active {
            color: #686868;
        }

    .h1-link-wrapper {
        display: block;
        overflow: hidden;
        width: 100%;
        padding-top: 10px;
    }

        .h1-link-wrapper a {
            display: inline-block;
            text-decoration: underline;
            margin-right: 10px;
        }

            .h1-link-wrapper a:last-child {
                margin-right: 0;
            }

    .h1-stndform-notvalid,
    .h1-stndform-isvalid {
        display: none;
    }

    .h1-stnd-has-success .h1-stndform-notvalid {
        background: url(../images/error.svg) no-repeat;
        width: 30px;
        height: 30px;
        background-position: center center;
        display: inline-block;
        vertical-align: middle;
    }

    .h1-stnd-has-success .h1-stndform-isvalid {
        background: url(../images/checked.svg) no-repeat;
        width: 30px;
        height: 30px;
        background-position: center center;
        display: inline-block;
        vertical-align: middle;
    }

    .h1-red-link {
        color: #005b66;
        font-size: 17px;
        display: block;
    }

    .h1-mobile-number-edit-wrapper {
        display: block;
        width: 100%;
        padding: 20px;
        background: #EEEEEE;
        margin-top: 20px;
        min-height: 185px;
        position: relative;
    }

        .h1-mobile-number-edit-wrapper .arrow-up {
            width: 0;
            height: 0;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 15px solid #EEEEEE;
            position: absolute;
            top: -15px;
            left: 70px;
        }

    .h1-mobile-number-edit-close {
        background: inherit;
        border: none;
        box-shadow: none;
        float: right;
        vertical-align: top;
        text-align: right;
        display: inline-block;
        min-height: 30px;
        min-width: 30px;
        position: absolute;
        top: 5px;
        right: 5px;
        color: #686868;
    }

    .h1-mobile-number-edit-form input,
    .h1-mobile-number-edit-form select {
        height: 34px;
        border: 3px solid #686868;
        background: #fff;
        padding: 5px 10px;
        border-radius: 0;
        font-size: 13px;
    }

    .h1-btn-row {
        margin-top: 20px;
    }

    .h1-btn-row1 {
        margin-top: 8px;
    }

    .h1-btn-update-contact {
        margin-left: 26px;
        width: 155px;
    }

    .h1-mobile-btn {
        width: 130px;
        height: 45px;
        background: #005b66 !important;
        color: #fff;
        border: none;
        box-shadow: none;
        margin-right: 10px;
    }

    .h1-mobile-btn1 {
        height: 45px;
        background: #005b66 !important;
        color: #fff;
        border: none;
        box-shadow: none;
        margin-right: 10px;
    }

    .h1-mobile-btn2 {
        height: 35px;
        text-align: center;
        background: #fff !important;
        color: #005b66 !important;
        box-shadow: none;
        margin-right: 10px;
        border: 2px solid #005b66 !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .h1-mobile-btn1 {
        height: 45px;
        background: #005b66 !important;
        color: #fff;
        border: none;
        box-shadow: none;
        margin-right: 10px;
    }

    .h1-mobile-btn2 {
        height: 35px;
        text-align: center;
        background: #fff !important;
        color: #005b66 !important;
        box-shadow: none;
        margin-right: 10px;
        border: 2px solid #005b66 !important;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .h1-mobile-btn[disabled],
    .h1-stnd-confirm-btn[disabled] {
        background: transparent !important;
        color: #6e6e6e !important;
        border: 2px solid #e1e1e1;
    }

    .h1-mobile-padding-right {
        padding-right: 0;
    }

    .h1-mobile-padding-left {
        padding-left: 5px;
    }

    .h1-mobile-input-display-wrapper {
        height: 32px;
        border: 1px solid #ccc;
        background: #EEEEEE;
        width: 155px;
        padding: 5px 10px;
        display: inline-block;
        vertical-align: middle;
        color: #686868;
    }

    .h1-display-flag,
    .h1-display-mobile {
        display: inline-block;
    }

    .h1-display-mobile {
        min-width: 80px;
    }

    .h1-form-note-wrapper {
        overflow: hidden;
    }

        .h1-form-note-wrapper .form-note {
            margin-top: 0;
        }

    .h1-mobile-number-edit-form .h1-mobile-type-form-group {
        width: 70px;
        display: inline-block;
        padding-right: 5px;
        padding-bottom: 0px;
    }

    .h1-mobile-type-form-group select {
        padding: 5px 5px;
    }

    .h1-mobile-number-edit-form .h1-mobile-flag-form-group {
        width: 85px;
        display: inline-block;
        padding-left: 0px;
        padding-right: 5px;
        padding-bottom: 0px;
    }

    .h1-mobile-number-edit-form .h1-mobile-number-form-group {
        width: 125px;
        display: inline-block;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    .h1-mobile-number-edit-form .h1-mobile-exten-form-group {
        width: 150px;
        display: inline-block;
        padding-bottom: 0px;
    }

    .h1-mobile-number-left-wrapper .h1-profile-phone-controller-wrapper {
        min-width: 280px;
    }

    .h1-profile-phone-controller-wrapper {
        display: inline-block;
    }

    .h1-profile-edit-phone-controller-wrapper {
        display: inline-block;
        width: 290px;
    }

    .h1-phone-controller-profile-wrapper-ext .h1-profile-edit-phone-controller-wrapper {
        display: inline-block;
        width: 430px;
    }

    .h1-mobile-number-edit-form .h1-stnd-has-success div {
        position: relative;
        top: 33px;
    }

    /* Mobile number styles */
    /* Country dropdown styles */
    .h1-country-wrapper {
        width: 120px;
        display: inline-block;
        vertical-align: top;
        margin-right: 0px;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .h1-phone-ctrl .wrapper {
        height: 34px;
    }

    .h1-country-dropdown dd,
    .h1-country-dropdown dt,
    .h1-country-dropdown ul {
        margin: 0px;
        padding: 0px;
    }

        .h1-country-dropdown dd ul li a span:first-child,
        .h1-country-dropdown dt a span span:first-child,
        .h1-display-flag {
            background-image: url('../images/h1-flags.png');
            background-repeat: no-repeat;
            width: 16px;
            height: 11px;
            display: inline-block;
            margin: 5px;
            vertical-align: top;
        }

    .h1-display-flag {
        margin: 5px 5px 5px 0;
    }

    .h1-country-dropdown dt a span {
        cursor: pointer;
        display: block;
        white-space: nowrap;
    }

    .h1-country-dropdown dt a.disabled {
        pointer-events: none;
        background-color: #eee;
    }

    .h1-country-dropdown dt a img {
        position: relative;
        z-index: 1;
    }

    .h1-country-dropdown dt a span span:first-child:before {
        position: absolute;
        width: 15px;
        height: 10px;
    }

    .h1-country-dropdown dt a span span {
        display: inline-block;
        padding: 0;
    }

        .h1-country-dropdown dt a span span:first-child {
            padding: 0;
        }

    .h1-country-dropdown dd {
        position: relative;
    }

    .h1-country-dropdown a,
    .h1-country-dropdown a:visited {
        color: #4a535f;
        text-decoration: none;
        outline: none;
    }

        .h1-country-dropdown a:hover {
            color: #5d4617;
        }

    .h1-country-dropdown dt a:hover,
    .h1-country-dropdown dt a:focus {
        color: #5d4617;
    }

    .h1-country-dropdown dt a {
        position: relative;
        background: url(../images/country-dropdown.svg) #fff 100% no-repeat;
        display: block;
        padding: 5px 12px 5px 2px;
        overflow: hidden;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
        height: 34px;
        border: 3px solid #686868;
    }

    .register-page-wrapper.has-error .h1-country-dropdown dt a {
        border-color: #005b66;
    }

    .h1-country-dropdown dd ul {
        background: #ffffff;
        color: #C5C0B0;
        display: none;
        left: 0px;
        padding: 5px 0px;
        position: absolute;
        width: 270px;
        list-style: none;
        max-height: 170px;
        overflow-y: scroll;
        top: 0px;
        z-index: 2;
        border: 1px solid #ccc;
    }

        .h1-country-dropdown dd ul li a {
            font-size: 13px;
        }

            .h1-country-dropdown dd ul li a span:nth-child(2) {
                line-height: 2em;
            }

        .h1-country-dropdown dd ul::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
            border-left: 1px solid rgba(0, 0, 0, 0.1);
        }

        .h1-country-dropdown dd ul::-webkit-scrollbar-thumb {
            background: rgba(0, 0, 0, 0.4);
        }

            .h1-country-dropdown dd ul::-webkit-scrollbar-thumb:window-inactive {
                background: blue;
            }

    .h1-country-dropdown span.value {
        display: none;
    }

    .h1-country-dropdown dd ul li a {
        padding: 5px;
        display: block;
        font-size: 12px !important;
    }

        .h1-country-dropdown dd ul li a:hover {
            background-color: rgba(0, 0, 0, 0.05);
        }

    dl.h1-country-dropdown {
        display: inline-block;
        margin-bottom: 0;
        width: 100%;
    }

        dl.h1-country-dropdown span:nth-child(3) {
            color: rgba(0, 0, 0, 0.4)
        }

        dl.h1-country-dropdown > span:nth-child(2) {
            overflow: hidden;
            white-space: nowrap;
            display: inline-block;
        }

        dl.h1-country-dropdown dt span:nth-child(2) {
            color: rgba(0, 0, 0, 0.6);
            font-size: 14px;
            font-weight: bold;
            line-height: 1.6em;
            display: none;
        }

        dl.h1-country-dropdown dt span:nth-child(3) {
            margin-left: 5px;
            margin-left: 0px;
            font-weight: 600;
            font-size: 12px;
            display: inline-block;
            margin-bottom: 8px;
            vertical-align: middle;
            /* margin-top:3px;*/
        }

    .countryFlag {
        padding: 0;
        background-image: url("https://i.imgur.com/OQiDoZe.png");
        background-repeat: no-repeat;
        display: inline-block;
        height: 11px;
        margin-right: 4px;
        width: 16px;
        cursor: pointer;
        white-space: nowrap;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-color: #BFBFC1 #B6B6B6 #969696;
        border-image: none;
        border-radius: 2px 2px 2px 2px;
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.09);
    }

    /* Country dropdown styles */


    /*Phone type dropdown*/

    .phoneType-select {
        width: 50px;
        display: block !important;
    }

        .phoneType-select a {
            height: 34px;
        }

        .phoneType-select .type-icon-mobile,
        .CustomerPhoneNumber_phoneType .type-icon-mobile {
            padding: 0 !important;
            margin: 0 !important;
            height: 24px !important;
            width: 30px !important;
            /* background-size: 11px;
        background-position: 3px 0px;*/
            background-image: none !important;
            font-size: 18px;
            color: #686868;
        }

        .phoneType-select .type-icon-land,
        .CustomerPhoneNumber_phoneType .type-icon-land {
            padding: 0 !important;
            margin: 0 !important;
            height: 24px !important;
            width: 30px !important;
            /* background-size: 17px;
        background-position: 3px 3px;*/
            background-image: none !important;
            font-size: 18px;
            color: #686868;
        }

        .phoneType-select dt a span span:first-child:before {
            box-shadow: none;
            padding-left: 5px;
        }

        .phoneType-select dd ul {
            width: 135px !important;
            overflow: hidden !important;
        }

    /*Phone type dropdown*/
    .single-val {
        font-weight: 500 !important;
        font-size: 18px;
        margin-top: 7px;
        margin-left: 13px;
        display: block;
    }

        .single-val > b {
            font-weight: 500 !important;
        }

    .h1-elec-usage-span {
        font-size: 18px !important;
    }

    .h1-elec-usg-widget-box {
        min-height: 170px !important;
        height: 170px;
    }


    @media (max-width: 992px) {
        .h1-stnd-has-success {
            vertical-align: top;
            padding-top: 35px;
        }

        .h1-db-modal h4 {
            font-size: 20px;
        }
    }

    @media (max-width: 800px) {
        .phone-ctrl-parent-group label {
            display: block;
            width: 100%;
        }

        .h1-small-content-wrapper .h1-phone-controller-wrapper {
            width: 39%;
            display: inline-block;
            vertical-align: middle;
        }

        .h1-phone-controller-wrapper.h1-phone-controller-wrapper-ext,
        .h1-phone-controller-wrapper {
            width: 270px;
        }

        .h1-mobile-number-edit-form .h1-stnd-has-success,
        .h1-mobile-number-edit-form .h1-stnd-has-error {
            padding-top: 0;
        }
    }

    @media only screen and (max-width: 768px) {
    }

    @media only screen and (max-width: 600px) {
        .h1-mobile-padding-left {
            padding-left: 15px;
        }

        .h1-small-content-wrapper .h1-phone-controller-wrapper {
            width: 76% !important;
        }

        .h1-profile-mobile-edit-wrapper .h1-profile-edit-phone-controller-wrapper {
            width: 270px;
        }

        .h1-profile-mobile-edit-wrapper .h1-stnd-has-success {
            padding-top: 0px;
        }

        .h1-profile-edit-phone-controller-wrapper .h1-mobile-number-form-group {
            width: 110px;
        }

        .h1-profile-mobile-edit-wrapper .h1-mobile-number-edit-form input {
            padding: 5px 2px;
        }

        .h1-mobile-wrapper .h1-mobile-number-left-wrapper {
            width: 70%;
        }

        .h1-mobile-wrapper .h1-stnd-has-success {
            padding-top: 0;
        }

        .h1-mobile-number-left-wrapper .h1-profile-phone-controller-wrapper {
            min-width: inherit;
        }

        .h1-mobile-ext {
            display: block;
            margin: 5px 35px;
        }
    }

    @media only screen and (max-width: 360px) {
        /*.h1-mobile-icon {
        margin-right: 0;
    }*/

        .padding-modal {
            padding: 25px 5px !important;
        }

        .h1-mobile-input-display-wrapper {
            width: 125px;
        }

        .h1-mobile-number-edit-wrapper {
            padding: 20px;
        }

        .h1-mobile-ext {
            margin: 0;
        }

        .h1-display-mobile {
            min-width: 50px;
            font-size: 11px;
        }

        /*.h1-mobile-icon {
        width: 25px;
    }*/
    }

    @media only screen and (max-width: 320px) {
        .h1-mobile-number-edit-form .h1-mobile-flag-form-group {
            width: 80px;
        }

        .h1-mobile-number-edit-form .h1-mobile-number-form-group {
            width: 114px;
        }

        .common-accordion .panel-default > .panel-heading {
            padding: 2em 0em !important;
        }

        .common-accordion .panel-collapse .panel-body {
            padding: 15px 0;
        }

        .h1-mobile-wrapper .h1-mobile-number-left-wrapper {
            width: 60%;
        }

        .h1-mobile-number-edit-form .h1-mobile-type-form-group {
            width: 55px;
            padding-left: 0;
        }

        .h1-mobile-number-edit-form .h1-mobile-exten-form-group {
            padding-left: 0;
        }

        .h1-form-note-wrapper {
            padding-left: 0px;
        }

        .h1-btn-row .col-lg-12 {
            padding-left: 0px;
        }

        .h1-btn-row1 .col-lg-12 {
            padding-left: 0px;
        }

        .h1-mobile-display-ext {
            margin-left: 25px;
        }

        .h1-phone-controller-wrapper {
            width: 250px !important;
        }

        .h1-profile-mobile-edit-wrapper .h1-profile-edit-phone-controller-wrapper {
            width: 250px;
        }

        .h1-moving-phone .h1-phone-controller-wrapper {
            width: 230px !important;
        }
    }


    /* confirm phone controller styles */
    .h1-stnd-db-confirm-wrapper {
        background: #EEEEEE;
        min-height: 58px;
        padding: 15px 20px;
        margin-top: 30px;
    }

    .h1-stnd-confirm-display-wrapper {
        display: inline-block;
        width: 48%;
        overflow: hidden;
    }

        .h1-stnd-confirm-display-wrapper .h1-mobile-ext {
            margin: 0 0px 0 3px;
        }

    .h1-stnd-db-confirm-wrapper .form-group {
        margin-bottom: 0;
        margin-right: 5px;
    }

    .h1-stnd-confirm-title {
        font-size: 17px;
        font-weight: 400;
        color: #393737;
        display: inline-block;
        vertical-align: top;
        padding-top: 5px;
    }

    .h1-stnd-confirm-btn {
        width: 97px;
        height: 34px;
        background: #005b66 !important;
        color: #fff;
        border: none;
        box-shadow: none;
        margin-right: 10px;
        font-size: 17px;
        display: inline-block;
        vertical-align: top;
        padding: 0px;
    }

    .h1-stnd-confirm-border-btn {
        width: 97px;
        height: 34px;
        background: #fff !important;
        border: 2px solid #005b66 !important;
        color: #005b66;
        border: none;
        box-shadow: none;
        margin-right: 10px;
        font-size: 17px;
        display: inline-block;
        vertical-align: top;
        padding: 0px;
    }

    .h1-admin-confirm-border-btn {
        width: 97px;
        height: 34px;
        background: #fff;
        border: 2px solid #005b66 !important;
        color: #005b66;
        border: none;
        box-shadow: none;
        margin-right: 10px;
        font-size: 17px;
        display: inline-block;
        vertical-align: top;
        padding: 0px;
    }

        .h1-admin-confirm-border-btn[disabled] {
            border: 3px solid #e1e1e1 !important;
        }

    .h1-confirm-phone-type {
        display: inline-block;
        width: 50px;
        vertical-align: top;
    }

    .h1-confirm-country {
        display: inline-block;
        width: 90px;
    }

    .h1-mobile-padding-bottom {
        padding-bottom: inherit;
    }

    .h1-confirm-phone-number {
        display: inline-block;
        width: 100px;
        vertical-align: top;
    }

    .h1-confirm-phone-ext {
        display: inline-block;
        width: 100px;
        vertical-align: top;
    }

    .h1-stnd-confirm-eidt-row {
        width: 300px;
        display: inline-block;
        vertical-align: baseline;
    }

        .h1-stnd-confirm-eidt-row .h1-confirm-phone-number {
            display: inline-block;
            width: 140px;
            vertical-align: top;
        }

    .h1-stnd-confirm-eidt-row-ext .h1-stnd-confirm-eidt-row {
        width: 400px;
        display: inline-block;
        vertical-align: baseline;
    }

    .h1-stnd-db-confirm-wrapper .h1-stnd-has-success,
    .h1-stnd-db-confirm-wrapper .h1-stnd-has-error {
        padding-top: 40px;
    }

    .h1-stnd-db-confirm-wrapper .h1-stnd-has-success {
        vertical-align: top;
    }

    @media only screen and (max-width: 768px) {
        .epost-lbl-phone {
            display: block;
        }

        .h1-admin-row-space {
            margin-top: 10px;
        }

        .media-left {
            display: block;
        }
    }

    @media only screen and (max-width: 600px) {
        .h1-stnd-confirn-btn-group {
            text-align: left !important;
            margin-top: 10px;
        }

        .h1-stnd-confirm-display-wrapper {
            width: 100%;
        }

        .h1-stnd-db-confirm-wrapper {
            padding: 15px 10px;
        }

        .h1-stnd-confirm-eidt-row-ext .h1-stnd-confirm-eidt-row,
        .h1-stnd-confirm-eidt-row {
            width: 295px;
        }

        .h1-stnd-db-confirm-wrapper .h1-stnd-has-success,
        .h1-stnd-db-confirm-wrapper .h1-stnd-has-error {
            width: 30px;
        }
    }

    @media only screen and (max-width: 360px) {

        .h1-stnd-confirm-eidt-row-ext .h1-stnd-confirm-eidt-row,
        .h1-stnd-confirm-eidt-row {
            width: 275px;
        }

            .h1-stnd-confirm-eidt-row .h1-confirm-phone-number {
                width: 120px;
            }

                .h1-stnd-confirm-eidt-row .h1-confirm-phone-number input {
                    padding: 6px;
                }
    }

    @media only screen and (max-width: 320px) {
        .h1-stnd-db-confirm-wrapper {
            padding: 15px 0px;
        }

            .h1-stnd-db-confirm-wrapper .col-lg-12 {
                padding-left: 5px;
                padding-right: 0;
            }

        .h1-stnd-confirm-eidt-row-ext .h1-stnd-confirm-eidt-row,
        .h1-stnd-confirm-eidt-row {
            width: 275px;
        }
    }

    /* confirm phone controller styles */

    /* ==== New Tiles ==== */
    .h1-db-tile-new {
        display: block;
        min-height: 260px;
        overflow: hidden;
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }

    .h1-db-tile-overlay-gradient {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        max-width: inherit;
        height: 100%;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 80%);
    }

    .h1-db-tile-content-new {
        position: absolute;
        bottom: 0;
        padding: 0 20px 20px;
    }

    .h1-db-tile-title-new {
        color: #fff;
        font-weight: 700;
        font-size: 26px;
        margin-bottom: 1rem;
    }

    .h1-db-tile-paragraph-new {
        color: #fff;
    }

    .h1-db-tile-btn-new {
        min-width: 200px;
        padding: 10px 20px;
        border-radius: 0px;
        border: 3px solid transparent;
        color: #ffffff;
        background-color: #005b66;
        margin-right: 15px;
        border: 3px solid transparent;
        font-size: 14px;
        white-space: normal;
        font-weight: 600;
    }

        .h1-db-tile-btn-new:hover,
        .h1-db-tile-btn-new:active {
            border: 3px solid #005b66 !important;
            background-color: #fff;
            color: #005b66 !important;
        }

        .h1-db-tile-btn-new:visited {
            color: #ffffff;
        }

    /* ==== New Tiles ==== */

    .content-block {
        position: relative;
        width: 100%;
        overflow: hidden;
        margin-bottom: 2rem;
        box-sizing: border-box;
        background-color: transparent;
    }

        .content-block p {
            line-height: 1.4 !important;
        }

    .block-row {
        margin-bottom: 16px !important;
    }

    .full-col,
    .half-col,
    .third-col,
    .quarter-col,
    .two-third-col {
        width: 100%;
        position: relative;
        min-height: 1px;
        padding-right: 8px;
        padding-left: 8px;
    }

    .full-block,
    .half-block,
    .quarter-block {
        height: 375px;
        float: none;
        box-sizing: border-box;
    }

    .content-block img,
    .content-block video {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        width: 100%;
        height: 100%;
    }

    @supports (object-fit: cover) {

        .content-block img,
        .content-block video {
            width: 100%;
            max-width: inherit;
            height: 100%;
            object-fit: cover;
        }
    }

    .phone-link {
        font-weight: bold;
        font-size: 17px;
        color: #005b66;
    }

    .full-screen {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        max-width: inherit;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
    }

    .full-screen-gradient {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 60%);
    }

    .half-block-gradient {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    }

    .content-heading {
        margin-top: 0px;
        line-height: 1.1 !important;
    }

    .full-image-text {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 2rem;
    }

        .full-image-text .content-heading {
            color: #ffffff;
            margin-bottom: 1rem;
        }

    .half-image-text {
        position: absolute;
        bottom: 0px;
        left: 0px;
        padding: 2rem;
        background-color: rgba(0, 0, 0, 0.4);
        overflow-y: hidden;
        color: #fff;
        width: 100%;
    }

        .half-image-text .content-heading,
        .bottom .content-heading {
            margin-bottom: 5px;
            color: #ffffff;
        }

        .half-image-text p,
        .bottom p {
            color: #fff;
        }

    .content-block a.btn {
        padding: 3px 6px;
    }

    .all-text-block {
        overflow-y: auto;
        height: auto;
        background-color: white;
    }

    .bottom-gradient {
        bottom: 0;
        height: 237px;
        background-color: transparent;
        background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
    }

    .bottom {
        position: inherit;
        bottom: 0;
        left: 0;
        padding: 2rem;
    }

    .all-text-block .bottom {
        padding: 0;
        position: relative;
    }

        .all-text-block .bottom .content-heading,
        .all-text-block .bottom p {
            color: #000000;
        }

    @media screen and (min-width: 768px) {
        .half-col {
            width: 50%;
            float: left;
        }

        .third-col {
            width: 33.3333333%;
            float: left;
        }

        .quarter-col {
            width: 25%;
            float: left;
        }

        .two-third-col {
            width: 66.6%;
            float: left;
        }

        .full-block {
            margin-bottom: 0;
        }

        .half-block {
            height: 179px;
            margin-bottom: 16px;
        }

            .half-block:last-child {
                margin-bottom: 0;
            }

        .quarter-block {
            width: 48.5%;
            height: 179px;
            float: left;
        }

            .quarter-block:last-child {
                float: right;
            }

        .half-image-text {
            height: 175px;
        }
    }

    @media screen and (min-width: 960px) {
        .half-image-text {
            height: 150px;
        }

        .all-text-block {
            overflow-y: hidden;
            height: 375px;
        }

            .all-text-block .bottom {
                position: absolute;
                padding-top: 2rem;
                padding-bottom: 2rem;
            }

        .bottom-gradient {
            height: 237px;
        }
    }

    .property-type {
        max-width: 185px;
        margin-bottom: 10px;
        height: 70px;
    }

    @media (max-width: 480px) {
        h4 {
            font-size: 26px;
        }

        .block-row {
            margin-bottom: 0 !important;
        }
        /*
    .btn-app-border {
        width: auto !important;
    }*/

        .m-full-btn {
            width: 100% !important;
        }

        .property-type-wrapper {
            width: 92%;
        }

            .property-type-wrapper .ho-control-radio {
                width: 100%;
            }

        .property-type {
            margin-top: 0px;
            margin-bottom: 10px;
            max-width: inherit;
            height: inherit;
        }
    }

    .touLink {
        background-color: #f4f4f4;
        padding: 20px;
        min-height: 100px;
    }

    .touSelected {
        background-color: #005b66;
        color: #ffffff;
    }

    .hrWhite {
        border-top: 1px solid white;
    }

    .hrBlack {
        border-top: 1px solid black;
    }

    .tbl-title {
        font-weight: 600;
        font-size: 17px;
    }

    .btn-red-small {
        background-color: #005b66;
        color: #fff;
    }

        .btn-red-small:hover {
            background-color: #fff;
            color: #005b66;
            border: 1px solid #005b66;
        }

    /* Budget billing page fix */
    .h1-bb-position-relative {
        position: relative;
    }

    .h1-bb-initial-payment {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }

    #bb-phone-premise .h1-mobile-ext,
    #bb-phone-alt .h1-mobile-ext,
    #bb-phone-pri .h1-mobile-ext {
        display: block;
    }

    @media (max-width: 600px) {
        .h1-bb-initial-payment {
            position: inherit;
        }
    }

    /* Budget billing page fix */


    /* My profile title phone number */
    .sub-title-phone {
        font-size: 14px;
        line-height: 20px;
        display: inline-block;
        width: 50%;
        color: #696969 !important;
        vertical-align: middle;
    }

        .sub-title-phone .h1-mobile-input-display-wrapper {
            width: 150px;
        }

        .sub-title-phone .h1-mobile-ext {
            color: #727272 !important;
        }

    @media (max-width: 600px) {
        .sub-title-phone {
            width: 100%;
        }

            .sub-title-phone .h1-mobile-number-left-wrapper .h1-profile-phone-controller-wrapper {
                min-width: 200px;
            }

            .sub-title-phone .h1-mobile-input-display-wrapper {
                width: 145px;
                padding-right: 0;
            }
    }

    /* My profile title phone number */

    /* Dashboard confirm wrapper preloader */
    .h1-db-preload-wrapper {
        position: relative;
        /* width: 100%; */
        min-height: 50px;
        overflow: hidden;
        display: block;
    }

        .h1-db-preload-wrapper #h1-db-preloader {
            left: 50%;
        }

    /* Dashboard confirm wrapper preloader */

    /* Update temp phone number */
    .h1-temp-dis-phone .h1-mobile-display-ext {
        display: block;
    }

    @media (max-width: 600px) {
        .h1-temp-dis-phone .h1-mobile-number-left-wrapper {
            width: 100%;
        }
    }

    /* Update temp phone number */

    .h1-widget-body-link {
        color: #005b66;
        font-size: 18px;
        margin-bottom: 0;
        margin-top: 15px;
        font-weight: 600;
        display: block;
    }

        .h1-widget-body-link:hover,
        .h1-widget-body-link:active,
        .h1-widget-body-link:visited {
            color: #005b66;
            text-decoration: underline;
        }

    .ho-underline {
        text-decoration: underline;
    }

    .ho-center {
        text-align: center;
    }

    .cancel-autopay {
        font-weight: 600;
    }

        .cancel-autopay:hover {
            text-decoration: underline;
        }

    @media screen and (max-width: 480px) {
        .mobile-align {
            margin-left: 16px;
        }

        .modal-footer .btn-app-common {
            margin-bottom: 10px;
        }

        .type-head-wrapper .dropdown-item {
            font-size: 12px;
        }

        #ForceResetPasswordForm input {
            width: 250px;
        }
    }

    .h1-link-hunderline,
    .login-wrap-padding a,
    .btn-link,
    #updateQuestions-url-createquestionThree,
    .alert-success-msg a,
    #mr-div-successfull a,
    .h1-span-unlineline a {
        font-weight: 600;
        color: #005b66;
    }

        .h1-link-hunderline:hover,
        .h1-link-hunderline:visited,
        .h1-link-hunderline:focus,
        .h1-span-unlineline a:hover,
        .h1-span-unlineline a:visited,
        .h1-span-unlineline a:focus {
            text-decoration: underline;
            color: #005b66;
        }

        .login-wrap-padding a:hover,
        .login-wrap-padding a:visited,
        .login-wrap-padding a:focus,
        .btn-link:hover,
        .btn-link:visited,
        .btn-link:focus,
        #updateQuestions-url-createquestionThree :hover,
        #updateQuestions-url-createquestionThree :visited,
        #updateQuestions-url-createquestionThree :focus,
        .alert-success-msg a:hover,
        .alert-success-msg a:visited,
        .alert-success-msg a:focus,
        #paraDisconnect:hover,
        #paraDisconnect:visited,
        #paraDisconnect:focus {
            text-decoration: underline;
        }

    #updateQuestions-url-createquestionThree {
        cursor: pointer;
    }

    #mr-div-successfull a:hover,
    #mr-div-successfull a:visited,
    #mr-div-successfull a:focus {
        text-decoration: underline;
    }

    .h1-green-link {
        color: #008000;
        font-weight: 600;
    }

        .h1-green-link:hover,
        .h1-green-link:visited,
        .h1-green-link:focus {
            text-decoration: underline;
            color: #008000;
        }

    .h1-purple-link {
        color: #800080;
        font-weight: 600;
    }

        .h1-purple-link:hover,
        .h1-purple-link:visited,
        .h1-purple-link:focus {
            text-decoration: underline;
            color: #800080;
        }

    .h1-green-header-msg {
        display: block;
        overflow: hidden;
        background: #005d66;
        text-align: center;
        color: #fff;
        padding: 10px;
    }

    #new-div-email {
        color: #6E6E6E;
        opacity: 1;
    }

    input[type=button][disabled],
    input[type=reset][disabled],
    input[type=submit][disabled],
    button[disabled][disabled] {
        border-color: #686868;
        background-color: #eeeeee !important;
        color: #6e6e6e !important;
    }

    .content-tab:focus {
        outline: 1px dashed #000 !important;
    }

    .ebill p b.ebill-bold-text {
        font-weight: bold;
    }

    /* Cookie */
    .h1-cookie-alert {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        background: #D9D8D6;
        min-height: 100px;
        color: #000000;
        z-index: 100;
        padding: 12px 0;
    }

        .h1-cookie-alert p {
            margin-bottom: 0;
            font-size: 14px;
            line-height: 1.2 !important;
        }

    .h1-cookie-btn {
        min-width: 90px;
        height: 45px;
        border-radius: 0px;
        display: inline-block;
        margin-right: 10px;
        margin-top: 5px;
        font-weight: bold;
        width: 100%;
    }

        .h1-cookie-btn:last-child {
            margin-right: 0;
        }

    .cookie-accept {
        background: rgba(0, 0, 0, 0.8) !important;
        color: #ffffff;
        font-size: 16px;
    }

        .cookie-accept:hover,
        .cookie-accept:visited,
        .cookie-accept:focus {
            color: #ffffff;
        }

    .h1-cookie-privacy-link {
        font-weight: 600;
        color: #005b66;
    }

        .h1-cookie-privacy-link:hover,
        .h1-cookie-privacy-link:visited,
        .h1-cookie-privacy-link:focus {
            text-decoration: underline;
            color: #005b66;
        }

    .h1-cookie-align-right {
        text-align: right;
    }

    @media only screen and (max-width: 600px) {
        .h1-cookie-align-right {
            text-align: left;
        }
    }

    /* Cookie */
    /* Admin page styles */
    .h1-admin-label {
        text-align: left;
    }

    .h1-admin-switch .h1-db-switch {
        width: 50px;
        height: 25px;
    }

        .h1-admin-switch .h1-db-switch .h1-db-slider:before {
            left: 2px;
            height: 20px;
            width: 20px;
            bottom: 3px;
        }

    /* Admin page styles */

    .panel-title .accordion-toggle:focus {
        outline: 1px dashed #000 !important;
        overflow: hidden;
        display: block;
        outline-offset: 0px;
        min-height: 40px;
    }

    .customer-choice-link-margin-top {
        margin-top: 30px;
    }

    @media screen and (max-width: 992px) {
        .customer-choice-link-margin-top {
            margin-top: 10px;
        }

        .as-input-group {
            display: block;
        }

        .input-group.formcontrol-cal {
            width: 74%;
        }

        .as-btn-submit {
            width: 70%;
        }
    }

    @media screen and (max-width: 768px) {
        .input-group.formcontrol-cal {
            width: 95%;
        }

        .as-btn-submit {
            width: 90%;
        }
    }

    /* corve15 overwrites */
    .ms-rteForeColor-2 {
        color: #005b66 !important;
        -ms-name: "";
        -ms-color: "#005b66" !important;
        font-weight: 600 !important;
    }

        .ms-rteForeColor-2:hover {
            text-decoration: underline;
        }

    /* corve15 overwrites */

    /* New classed provided by Hydroone */
    .text-white {
        color: #FFFFFF;
    }

    .text-black {
        color: #000000;
    }

    .text-inline {
        display: inline-block;
    }

    /* New classed provided by Hydroone */

    .checkbox-inline:focus {
        outline: 1px dashed #000 !important;
    }

    .h1-msg-desc {
        color: #801B14;
        font-size: 17px;
        font-weight: 600;
        display: block;
    }


    #servicesToAddInput-required {
        color: #801B14;
    }

    #PreAuthorizedPayments-button-reset,
    .cancel-autopay,
    #PreAuthorizedPayments-button-reset:hover,
    .cancel-autopay:hover,
    .cancel-autopay:visited {
        color: #005b66;
    }

    #userNameRecovery-para-youCan1,
    #userNameRecovery-para-youCan1:hover,
    #userNameRecovery-para-youCan1:visited {
        color: #005b66;
    }

    .form-group a,
    .form-group a:hover,
    .form-group a:visited,
    .form-group a:active,
    .form-group a:focus {
        color: #005b66;
    }

    #LabelConditionsAgreement {
        font-size: 13px;
    }

    .density-title,
    .cost-column sup,
    .all-the-footnotes sup,
    .all-the-footnotes p a,
    .general-title,
    .demand-title {
        color: #005b66 !important;
    }

    .cost-column > h4 > sup,
    .cost-column > p > span.noted {
        color: #005b66 !important;
    }

    .learn-more a button {
        background: #005b66 !important;
    }

        .learn-more a button:hover,
        .learn-more a button:focus {
            border: transparent !important;
            color: #fff !important;
        }

    .h1-popover .popover,
    .popover-content {
        font-family: 'Roobert-Regular';
    }

    #registerValidation-url-login {
        font-weight: normal !important;
    }

    #TermsAgreeCancel,
    #TermsAgreeCancel:visited {
        border-radius: 0px;
        min-width: 200px;
        font-weight: bold;
        background-color: #005b66;
        color: #ffffff;
        padding: 7px 20px;
        border: 3px solid transparent;
    }

        #TermsAgreeCancel:hover,
        #TermsAgreeCancel:focus {
            background-color: #ffffff;
            color: #005b66;
            border: 3px solid #005b66;
        }

    #forceChangePassword-url-forgotPassword,
    #forceChangePassword-url-forgotPassword:hover,
    #forceChangePassword-url-forgotPassword:focus,
    #forceChangePassword-url-forgotPassword:visited {
        color: #005b66;
        font-weight: 600;
    }

    #hydroOneTermsModal .close::before,
    #hydroOneTermsModal .close::after,
    #manageOutageAlertsModal .close::before,
    #manageOutageAlertsModal .close::after,
    #manageOutageAlertsModal .close::before,
    #manageOutageAlertsModal .close::after,
    .h1-remove-cross::before,
    .h1-remove-cross::after,
    #termsAndConditionsModalPopup .close::before,
    #termsAndConditionsModalPopup .close::after {
        width: 0;
    }

    .more-link .red-text,
    .less-link .red-text {
        color: #005b66 !important;
    }

    .h1-overdue-amount {
        color: #801B14;
        font-weight: bold;
    }

    .tab-close img {
        height: 20px;
    }

    .select-property-type-note,
    .radio-property-type-note {
        color: #005b66;
        font-size: 14px;
    }

    .property-type-note-selected {
        color: #fff;
        font-size: 14px;
    }

    .more-link span,
    .less-link span {
        color: #005b66;
    }

    .btn-link:focus {
        outline: transparent;
    }

    .btn-edit[disabled] {
        color: #6e6e6e !important;
    }

    .idletimer_warning_dialog .modal-header {
        background-color: #fff !important;
        border-radius: 0 !important;
        margin-top: 40px;
    }

    .idletimer_warning_dialog .bootstrap-dialog-title {
        color: #000 !important;
        display: inline-block;
        font-size: 16px;
        font-family: 'Roobert-SemiBold';
    }

    .idletimer_warning_dialog .bootstrap-dialog-close-button .close:before,
    .idletimer_warning_dialog .bootstrap-dialog-close-button .close:after {
        background-color: #616161;
    }

    .idletimer_warning_dialog .bootstrap-dialog-footer-buttons button {
        border-radius: 0px;
        border: 3px solid transparent;
        color: #ffffff !important;
        background-color: #005b66;
        margin-right: 15px;
        transition: all 0.5s ease 0s;
        border: 3px solid transparent;
    }

        .idletimer_warning_dialog .bootstrap-dialog-footer-buttons button:hover,
        .idletimer_warning_dialog .bootstrap-dialog-footer-buttons button:focus {
            color: #005b66 !important;
            border: 3px solid #005b66 !important;
            background-color: #ffffff !important;
        }

    .g_map button {
        min-width: inherit !important;
    }

    .g_map .gm-svpc img {
        max-width: inherit !important;
    }

    #addressInput {
        border: 1px solid #e7e7e7;
        -webkit-box-shadow: 1px 3px 15px 1px rgba(0,0,0,0.15);
        -moz-box-shadow: 1px 3px 15px 1px rgba(0,0,0,0.15);
        box-shadow: 1px 3px 15px 1px rgba(0,0,0,0.15);
        border-radius: 5px;
        padding: 0 35px 0 10px;
        width: 100%;
        height: 40px;
    }

        #addressInput:focus {
            border: 3px solid #2a8dd4 !important;
        }

    .gm-style-mtc ul {
        width: 100px;
    }

        .gm-style-mtc ul li span {
            display: inline-block;
            vertical-align: top;
            height: 20px;
        }

    .gm-style .gm-style-mtc label {
        padding-top: 5px;
        font-weight: 400;
        display: inline-block;
        padding-bottom: 0;
        vertical-align: middle;
        padding-left: 5px;
    }

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

    .map-location-close-btn {
        position: absolute;
        background-image: url('/Style Library/H1/images/icons/close.svg');
        background-size: 15px;
        background-position: center;
        right: 25px;
        width: 25px;
        height: 32px;
        background-repeat: no-repeat;
        /* border: 1px solid; */
        min-width: 0;
        margin-top: 4px;
        padding: 0;
    }

        .map-location-close-btn:hover {
            background-color: transparent !important;
            border: 1px solid transparent !important;
        }

    .type-item-empty {
        padding: 0px !important;
        height: 0px !important;
    }

    /* New class for map section */
    .gray-box-ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .gray-box-ul li {
            background: #EEEEEE;
            padding: 10px 10px 10px 15px;
            border-radius: 5px;
            margin-bottom: 10px;
        }

            .gray-box-ul li:last-child {
                margin-bottom: 0;
            }

    .address-btn-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .select-radio-button input[type="radio"] {
        opacity: 0;
        position: fixed;
        width: 0;
    }

    .select-radio-button label {
        display: inline-block;
        background-color: #EEEEEE;
        padding: 5px 30px;
        font-family: sans-serif, Arial;
        font-size: 16px;
        border-radius: 0px;
        color: #005b66;
        border: 2px solid #005b66;
        font-weight: 600;
    }

    .select-radio-button input[type="radio"]:checked + label {
        background-color: #005b66;
        color: #fff;
        border: 2px solid #005b66;
    }

    .select-radio-button input[type="radio"]:focus + label {
        border: 2px dashed #444;
        border: 2px solid #005b66;
    }

    .select-radio-button label:hover {
        background-color: #005b66;
        color: #fff;
    }

    .address-note {
        margin-top: 15px;
        text-align: right;
        font-size: 15px;
    }

    .unit-no-input {
        width: 150px;
    }

    .bold-label {
        font-size: 25px;
        font-weight: bold;
    }

    .address-select-icon {
        display: inline-block;
        width: 20px;
        height: 20px;
        background: url('../images/icons/mobile-tick-green.svg');
        background-size: 20px !important;
        background-repeat: no-repeat;
        vertical-align: middle;
        margin-left: 10px;
    }

    /* New class for map section */

    .address-warning-msg-wrapper {
        padding: 20px;
        background: #F5F5F5;
        width: 100%;
        border-radius: 5px;
    }

    .warning-icon {
        display: inline-block;
        width: 45px;
    }

    .warning-msg {
        display: inline-block;
        width: 90%;
        vertical-align: middle;
        padding-left: 15px;
    }

        .warning-msg p {
            font-size: 14px
        }

    .h1-billing-mobile {
        display: none;
    }

    .h1-hb-email-mobile {
        display: none;
    }

    @media screen and (max-width: 580px) {
        .warning-msg {
            display: inline-block;
            width: 88%;
        }

        .h1-hb-mobile {
            padding: 0 30px;
        }

            .h1-hb-mobile .pull-right {
                float: left !important;
            }

        .h1-hb-btn-mobile {
            float: left !important;
            padding-left: 30px;
        }

        .h1-mobile-padding-0 {
            padding: 0;
        }

        .h1-mobile-no {
            width: 228px;
        }

        .h1-title-col2 {
            padding-left: 15px !important;
        }

        .hba-select-threshold-div {
            padding: 0 15px;
        }
    }

    @media screen and (max-width: 992px) {
        .h1-hb-email-mobile {
            display: block;
        }

        .h1-billing-mobile-hide {
            display: none !important;
        }

        .h1-billing-mobile {
            display: inline-block;
            vertical-align: top;
        }

            .h1-billing-mobile .switch-wrapper {
                margin-top: 0px;
            }

        .h1-billing-mobile-toggle-inline {
            display: inline-block;
            margin-right: 10px;
        }

        .ma-title2, .hba-ma-text {
            margin-bottom: 0 !important;
        }

        .ma-txt1, .h1-inc-percentage {
            margin-bottom: 15px;
        }

        .hba-ma-text .time-input {
            width: 100%;
        }

        .h1-col-padding .row.h1-mt-5.switch-wrapper.hba-select-threshold-div {
            padding: 0 15px !important;
        }

        /*.row.search-result-row.no-bg div {
        padding: 0 !important;
    }*/
    }
    /* New class for map section */

    /* New e billing styles */
    .word-break-all {
        word-break: break-all;
    }

    .h1-cat-item-t-row {
        padding: 20px 60px 0 50px;
    }

    .h1-cat-title {
        font-weight: bold;
        color: #000000;
        font-size: 18px;
    }

    .h1-cat-email {
        color: #707070;
        font-weight: 400;
        font-size: 16px;
        word-break: break-all;
    }

    .h1-cat-sms {
        color: #707070;
        font-weight: 400;
        font-size: 16px;
    }

    .h1-cat-item-row {
        background: #EEEEEE;
        margin-top: 30px;
    }

    .h1-cat-sub-title {
        font-weight: bold;
        color: #000000;
        font-size: 18px;
        margin-bottom: 0;
    }

    .h1-cat-col {
        padding: 20px 0 20px 50px;
    }

    /*.h1-title-col {
    padding-left: 40px;
}

.h1-title-col2 {
    padding-left: 30px;
}*/

    .h1-cat-col-seperator {
        /* border-right: 1px solid #C9C9C9;
     padding: 20px 0 20px 50px;
    min-height: 200px;*/
    }

    .h1-cat-col-seperator-hb {
        /*border-right: 1px solid #C9C9C9;
    padding: 20px 0 20px 50px;*/
        min-height: 240px;
    }

    /*.h1-cat-bill-toggle-sec {
    min-height: 140px;
}
*/
    .h1-col-padding {
        padding-top: 25px;
    }

    .h1-cat-description {
        margin-top: 20px;
    }

    .h1-cat-title-m, .h1-mobile-cat-row {
        display: none;
    }

    .h1-inc-percentage {
        width: 70px;
        display: inline-block;
    }

    .h1-cat-add-mobile {
        font-weight: bold;
    }

    .h1-title-edit-btn {
        background: transparent;
        border: none;
        padding: 0;
        margin-right: 5px;
        min-width: 25px !important;
        cursor: pointer;
    }

    .h1-title-edit-btn-update {
        position: absolute;
        right: 0px;
        top: 10px;
        background: transparent;
        border: none;
        padding: 0;
        margin-right: 5px;
        min-width: 25px !important;
        cursor: pointer;
    }

    .h1-cat-btn {
        width: 130px;
    }

    .h1-mobile-no, .h1-email-address {
        width: 170px;
        margin-bottom: 20px;
        padding: 6px;
    }

    .h1-unsubcribe-link {
        font-weight: bold;
    }

    .h1-gear-icon {
        display: inline-block;
        width: 11px;
        margin-left: 2px;
        vertical-align: inherit;
    }

    .h1-bp-switch {
        position: relative;
        display: inline-block;
        width: 50px;
        height: 25px;
        margin-bottom: 10px;
    }

        .h1-bp-switch input {
            opacity: 0;
            width: 0;
            height: 0;
        }

    .h1-bp-slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

        .h1-bp-slider:before {
            position: absolute;
            content: "";
            height: 18px;
            width: 18px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }

    input:checked + .h1-bp-slider {
        background-color: #005b66;
    }

    input:focus + .h1-bp-slider {
        box-shadow: 0 0 1px;
    }

    input:checked + .h1-bp-slider:before {
        -webkit-transform: translateX(22px);
        -ms-transform: translateX(22px);
        transform: translateX(22px);
    }

    .h1-bp-slider.round {
        border-radius: 34px;
    }

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

    .h1-display-none {
        display: none !important;
    }

    .h1-toggle-label {
        margin-bottom: 17px;
        margin-top: 22px;
        display: block;
        width: 100%;
        overflow: hidden;
    }

    .ng-binding p, .order-2 p {
        margin-top: 15px;
    }

    .h1-update-all-chkbx {
        display: inline-block;
        margin-left: 30px;
    }

        .h1-update-all-chkbx input {
            position: inherit !important;
            margin-right: 5px;
        }

    @media (max-width: 992px) {
        /* .h1-cat-item-t-row-m, .h1-cat-col-m {
        display: none;
    }*/

        .h1-cat-title, .h1-cat-title-m {
            display: block;
        }

        .h1-cat-title-m {
            padding-top: 0 !important;
        }

        .h1-mobile-cat-row {
            background: #F8F8F8;
            display: block;
            padding-top: 20px;
        }

        .h1-cat-col-seperator, .h1-cat-col-seperator-hb {
            border-right: none;
            min-height: 0;
        }

        /*.h1-cat-col-seperator, .h1-cat-col-seperator-hb {
        border-right: none;
        min-height: 0;
    }

    .h1-cat-col, .h1-cat-col-seperator {
        padding: 20px 20px 20px 50px;
    }*/
        .h1-cat-item-t-row {
            padding: 20px 60px 0 40px;
        }

        .h1-my-payment-bill .text-center {
            text-align: left !important;
        }

        .h1-payment-alignment {
            padding-left: 15px;
        }
    }

    .h1-updated-msg {
        word-break: break-all;
    }

    .h1-as-toggle-label {
        text-align: right;
        padding-right: 25px;
    }

    .switch-wrapper .btn-app-border[disabled] {
        border-color: #282828;
        background-color: #fdfdfd;
        color: #282828 !important;
    }

    .h1-email-btn-wrapper .btn-app-border.disabled, .switch-wrapper .btn-app-border.disabled {
        border-color: #282828;
        background-color: #fdfdfd;
        color: #282828 !important;
    }

    .disable-editupdate .disable-editupdateBack {
        border-color: #282828;
        background-color: #fdfdfd;
        color: #282828 !important;
    }

    .switch-wrapper .btn-app-border[disabled]:hover {
        background: #ccc;
        border-color: #ccc;
        color: #fff !important;
    }

    .h1-updated-msg .no-break-text {
        white-space: break-spaces;
    }

    #tagman-bpa-paperless-unsubscribe, #tagman-bpa-paperless-sms-unsubscribe {
        font-size: 17px;
    }

    .modal-success-msg, .red-text-email {
        font-size: 20px !important;
    }
    /* New e billing styles */
    .a-sms a.disabled {
        pointer-events: none;
        background-color: #eee;
    }

    .h1-title-col2-new {
        padding-left: 0;
    }



    .toggle {
        --width: 80px;
        --height: 30px;
        position: relative;
        display: inline-block;
        width: var(--width);
        height: var(--height);
        border-radius: var(--height);
        cursor: pointer;
    }

        .toggle input {
            display: none;
        }

        .toggle .slider {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: var(--height);
            background-color: #b0b0b0;
            transition: all 0.4s ease-in-out;
        }

            .toggle .slider::before {
                content: '';
                position: absolute;
                top: 5px;
                left: 5px;
                width: 20px;
                height: 20px;
                border-radius: 35px;
                background-color: #fff;
                transition: all 0.4s ease-in-out;
            }

        .toggle input:checked + .slider {
            background-color: #005b66;
        }

            .toggle input:checked + .slider::before {
                transform: translateX(calc(var(--width) - var(--height)));
            }

        .toggle .labels {
            position: absolute;
            top: 5px;
            left: 0;
            width: 100%;
            height: 100%;
            font-size: 14px;
            transition: all 0.4s ease-in-out;
            margin-left: 0 !important;
        }

            .toggle .labels::after {
                content: attr(data-off);
                position: absolute;
                right: 12px;
                color: #ffffff;
                opacity: 1;
                transition: all 0.4s ease-in-out;
            }

            .toggle .labels::before {
                content: attr(data-on);
                position: absolute;
                left: 12px;
                color: #ffffff;
                opacity: 0;
                transition: all 0.4s ease-in-out;
            }

        .toggle input:checked ~ .labels::after {
            opacity: 0;
        }

        .toggle input:checked ~ .labels::before {
            opacity: 1;
        }

    .MoveOutProperty-field .ho-control-radio {
        margin-bottom: 10px;
    }

    .MoveOutProperty-field .property-type {
        height: 95px;
    }

    .ulo-radio .property-type {
        height: inherit !important;
        min-width: 110px;
        max-height: 40px;
    }

    .btn-border-green, .btn-border-green:hover {
        background-color: #fff;
        color: #005b66;
        border: 1px solid #005b66;
    }

    .monthly-gain-span {
        vertical-align: middle;
        display: block;
    }

    @media only screen and (min-width: 992px) {
        .monthly-gain-span {
            height: 50px;
        }

        .monthly-gain-no-change {
            line-height: 40px;
        }
    }

    .h1-mobile-show {
        display: none;
    }

    .ulo-radio .ho-control-inactive {
        background: #EEEEEE;
    }



    /*Anonymouse styles*/
    /* ========== Master Styles ========== */

    .WR-Main {
    }

    .WR-Header {
        min-height: 150px;
        background: #EEEEEE;
        padding: 10px 0;
    }

    .Header-Left {
    }

    .Header-right {
    }

        .Header-right img {
            display: inline-block;
        }

    .WR-TopNavigation {
    }

    .WR-Body {
        position: relative;
    }

    .Body-Col {
        /*    position: absolute;*/
        top: -40px;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16), 0 4px 10px 0 rgba(0, 0, 0, 0.16);
        min-height: 500px;
        padding: 50px 25px;
    }

        .Body-Col p {
            margin-bottom: 25px;
        }

        .Body-Col strong {
            font-weight: 600;
        }

    .WR-Footer {
        margin-top: 30px;
        background: #EEEEEE;
        padding: 25px;
        text-align: center;
        display: block;
        overflow: hidden;
    }


    /* ========== Master Styles ========== */


    /* ========== Form Styles ========== */
    .h1-stnd-form-field {
        position: relative;
        display: block;
        width: 100%;
    }

        .h1-stnd-form-field label {
            color: #242424;
            font-size: 15px;
            font-weight: 600;
            margin-bottom: 0;
            display: block;
        }

            .h1-stnd-form-field label.required:after {
                content: "*";
                color: #f00;
            }

        .h1-stnd-form-field input, .h1-stnd-form-field textarea, .h1-stnd-form-field select {
            border: 1px solid #737373;
            box-shadow: none;
            width: 85% !important;
            border-radius: 5px;
            color: #252525;
            font-weight: 400;
        }

            .h1-stnd-form-field input:hover, .h1-stnd-form-field textarea:hover, .h1-stnd-form-field select:hover {
                border: 1px solid #686868;
            }

    .h1-stnd-formnote {
        color: #707070;
        font-size: 12px;
    }

    .h1-stnd-error-msg {
        color: #D11019;
        font-size: 14px;
        margin-top: 5px;
    }

    .h1-stnd-has-error input, .h1-stnd-has-error textarea {
        border: 1px solid #D11019 !important;
        display: inline-block !important;
    }

    .h1-stnd-has-error .h1-stndform-notvalid {
        background: url(../images/error.svg) no-repeat;
        width: 30px;
        height: 30px;
        background-position: center center;
        display: inline-block;
        vertical-align: middle;
    }

    .h1-stnd-has-success input, .h1-stnd-has-success textarea {
        display: inline-block !important;
    }

    .h1-stnd-has-success .h1-stndform-isvalid {
        background: url(../images/checked.svg) no-repeat;
        width: 30px;
        height: 30px;
        background-position: center center;
        display: inline-block;
        vertical-align: middle;
    }

    .h1-stnd-has-success .h1-stnd-error-msg, .h1-stndform-notvalid, .h1-stnd-has-error .h1-stnd-has-success, .h1-stnd-error-msg {
        display: none;
    }

    .h1-stnd-has-error .h1-stnd-error-msg {
        display: block;
    }
    /* ========== Form Styles ========== */



    /* ========== Button Styles ========== */
    .h1-stnd-small-button {
        background: #EA1010;
        color: #fff;
        border-radius: 5px;
        min-width: 150px;
        min-height: 40px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px;
    }

        .h1-stnd-small-button:hover, .h1-stnd-button:focus, .h1-stnd-button:visited, .h1-stnd-button:active {
            color: #fff;
        }

    .h1-stnd-button[disabled] {
        background: #E4E4E4;
        color: #252525;
    }

    .h1-stnd-small-tr-button {
        background: transparent;
        color: #6a6a6a;
        border-radius: 5px;
        min-width: 150px;
        min-height: 40px;
        font-size: 16px;
        font-weight: 600;
        margin-top: 20px
    }
    /* ========== Button Styles ========== */


    /* ========== Alert Styles ========== */
    .h1-stnd-success {
        background-color: #EEEEEE;
        padding: 25px 20px 25px 55px;
        margin-bottom: 20px;
        background-image: url(../images/verified.svg);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: 15px center;
    }

    .h1-stnd-error {
        background-color: #EEEEEE;
        padding: 25px 20px 25px 55px;
        margin-bottom: 20px;
        background-image: url(../images/error.svg);
        background-repeat: no-repeat;
        background-size: auto;
        background-position: 15px center;
    }

        .h1-stnd-success p, .h1-stnd-error p {
            margin-bottom: 0;
        }
    /* ========== Alert Styles ========== */


    /* ========== Common Styles ========== */
    .h1-stnd-header {
        font-family: "futura-pt", sans-serif;
        font-size: 40px;
        font-weight: 400;
        line-height: 1.5;
    }

    .h1-stnd-paragraph {
        font-size: 14px;
        margin-bottom: 25px;
    }

        .h1-stnd-paragraph strong {
            font-weight: 600;
        }

    .h1-stnd-link {
        color: #ed0000;
    }

        .h1-stnd-link:hover, .h1-stnd-link:active, .h1-stnd-link:visited, .h1-stnd-link:focus {
            color: #ed0000;
        }

    .h1-stnd-form .form-group {
        min-height: 105px;
        margin-bottom: 0;
    }

    .h1-stnd-footer {
        font-size: 13px;
        color: #707070;
        margin-bottom: 0;
    }

    .h1-stnd-modal .modal-content {
        padding: 40px 25px;
        border-radius: 15px;
        max-width: 800px;
        margin: 0 auto;
    }

    .h1-stnd-modal .modal-body {
        padding: 0;
    }

    .h1-stnd-modal .close {
        color: #ccc;
        font-weight: 400;
        font-size: 30px;
        right: 0;
    }

        .h1-stnd-modal .close:before, .h1-stnd-modal .close:after {
            content: none;
        }

    .modal-content h2 {
        margin-top: 0;
        color: #6a6a6a;
        font-size: 31px;
        font-weight: 500;
    }

    .modal-content p {
        color: #828282;
        margin-top: 20px;
    }

    .h1-stnd-modal-content-footer {
        text-align: right;
    }

        .h1-stnd-modal-content-footer .h1-stnd-small-button {
            border-radius: 0;
            font-weight: 400;
        }

        .h1-stnd-modal-content-footer .h1-stnd-small-tr-button {
            border-radius: 0;
            font-weight: 400;
            color: #6a6a6a;
        }


    @media only screen and (max-width: 500px) {
        .h1-stnd-header {
            font-size: 26px;
        }

        .Body-Col {
            padding: 50px 0px;
            margin: 0 10px;
        }
    }
    /* ========== Common Styles ========== */
    /*Anonymouse styles*/
    .grid-date {
        display: block;
        font-size: 14px;
        padding-bottom: 0;
    }

    .grid-button {
        border: 1px solid #005b66;
        background: #fff;
        color: #005b66;
        min-width: 210px;
        margin-bottom: 10px;
    }

        .grid-button:hover {
            border: 1px solid #005b66;
            background: #005b66;
            color: #fff;
            margin-bottom: 10px;
        }

    .modal-btn {
        background-color: #005b66;
        border: 2px solid #005b66;
        color: #fff;
        font-weight: 400;
        min-width: 150px;
        text-transform: uppercase;
        min-height: 50px;
        letter-spacing: 1px;
        font-size: 16px;
        font-weight: bold;
    }

        .modal-btn:hover {
            background-color: #fff;
            border: 2px solid #005b66;
            color: #005b66;
            font-weight: 400;
            min-width: 150px;
            text-transform: uppercase;
            min-height: 50px;
            letter-spacing: 1px;
            font-size: 16px;
            font-weight: bold;
        }

    .modal-border-btn:hover {
        background-color: #005b66;
        border: 2px solid #005b66;
        color: #fff;
        font-weight: 400;
        min-width: 150px;
        text-transform: uppercase;
        min-height: 50px;
        letter-spacing: 1px;
        font-size: 16px;
        font-weight: bold;
    }

    .modal-border-btn {
        background-color: #fff;
        border: 2px solid #005b66;
        color: #005b66;
        font-weight: 400;
        min-width: 150px;
        text-transform: uppercase;
        min-height: 50px;
        letter-spacing: 1px;
        font-size: 16px;
        font-weight: bold;
        margin-right: 20px;
    }

    .greenbutton-page-wrapper .popover {
        background-color: #616161;
        color: #ffffff;
        min-width: 300px;
        border-radius: 0;
        left: 0 !important;
        padding: 1px;
        position: absolute;
        height: fit-content;
    }

        .greenbutton-page-wrapper .popover .arrow {
            display: none;
        }

        .greenbutton-page-wrapper .popover p {
            font-size: 12px;
        }

        .greenbutton-page-wrapper .popover .close-pop {
            margin-bottom: 10px;
        }



    .cmd-scope-content {
        text-align: center;
        margin: auto;
    }

    .greenbutton-page-wrapper {
        min-height: 70px;
    }

    .scope-text {
        color: #005b66;
        font-weight: 600;
        font-size: 16px;
    }

    .cmd-scope-content .ho-control-checkbox {
        min-height: 40px;
        padding-left: 20px;
    }

    .ho-control-checkbox-disbled {
        background: #f7f7f7;
    }



    .cmd-consent-icon {
        width: 100%;
    }

    .cmd-consent-terms {
        width: 100%;
        margin-bottom: 10px;
    }

        .cmd-consent-terms .switch-wrapper {
            margin-top: 20px
        }

    @media only screen and (max-width: 992px) {
        .cmd-consent-terms {
            float: inherit;
        }
    }

    .inline-flex {
        display: inline-flex;
    }

    .glyphicon-ok-circle:before {
        color: #005b66
    }

    .gb-checkbox-content {
        margin: auto;
    }

        .gb-checkbox-content .ho-control-checkbox {
            min-height: 40px;
            padding-left: 20px;
        }

    .font-14 {
        font-size: 14px;
    }

    .gb-dmd-logo .icon_list_1_icon img {
        width: auto;
        max-width: 125px;
    }

    .gb-dmd-logo .icon_list_1_icon {
        width: 125px;
    }

    .gb-dmd-page-logo {
        width: 140px;
        padding-left: 15px;
    }

    .toggle-disabled {
        cursor: not-allowed;
    }

    .success-modal {
        text-align: center;
        line-height: 30px !important;
        color: #828282;
        font-size: 17px;
    }

    /*Search Mobile Styling*/

    @media only screen and (max-width: 1025px) {
        .ma-search-widget {
            padding-bottom: 0px;
            padding-top: 8px;
            padding-left: 0px;
            padding-right: 0px;
        }

        .search-results-heading {
            margin-bottom: 24px;
            font-size: 40px;
            color: #242424;
            height: 40px;
        }

        .ms-srch-result {
            margin-top: 0px;
        }

        .search-result-title-wrapper p {
            font-size: 18px;
            margin: 0;
        }

        .search-results {
            margin-top: 16px;
        }

            .search-results ul li {
                padding: 24px 0px 24px 0px;
            }

        .result-content .title,
        .result-content .title a,
        .result-content .title a:focus,
        .result-content .title a:visited {
            font-size: 20px;
            color: #005b66;
            font-weight: 600;
        }

        .ms-srch-result-groups {
            margin-bottom: 40px;
        }

        .ms-srch-result #Paging {
            margin: 0px 0 48px 0;
        }

            .ms-srch-result #Paging a,
            .ms-srch-result #Paging a:hover,
            .ms-srch-result #Paging a:focus,
            .ms-srch-result #Paging a:active {
                font-size: 18px;
            }
    }

    #ResidentialYearRound .modal-body {
        padding: 5px 25px !important;
    }

    #ResidentialYearRound .modal-content p {
        color: #3B3B3B;
        margin-top: 10px;
        font-size: 14px;
    }

    .ms-srch-sb-borderFocused {
        border: none;
    }

    .ami-done-message {
        color: #005b66;
        font-size: 18px;
        font-family: 'Roobert-Bold';
    }

    .div-content-center {
        text-align: center !important;
    }

    .div-content-left {
        text-align: left !important;
    }

    .modal-padding-10 {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .margin-padding-0 {
        margin-bottom: 0px;
        padding-bottom: 0px;
    }

    .custom-accordion-row {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        align-items: center;
        padding: 1rem;
        cursor: pointer;
        border: 2px solid #6F6F6F;
        min-height: 40px;
        margin-bottom: 24px;
    }

        .custom-accordion-row .content-tab:focus {
            outline: none !important;
        }

        .custom-accordion-row .accordion-button-bg {
            display: flex;
            color: #005b66;
            gap: 0.5rem;
            align-items: center;
        }

        .custom-accordion-row .modal-title {
            font-size: 16px;
            font-weight: 600;
        }

    .font-16 {
        font-size: 16px;
    }

    /*.h1-db-popuplist-container {
    margin: auto;
}*/
    @media only screen and (max-width: 900px) {
        .h1-db-popuplist {
            flex-wrap: wrap;
        }

        .h1-db-popuplist-inner {
            width: calc(25% - 9px);
        }
    }

    @media only screen and (max-width: 600px) {
        .h1-widget-title-new-as {
            flex-direction: column;
            gap: 1rem;
        }

        .manage-profile-button {
            position: relative;
            width: 100%;
        }

        .h1-widget-body-new-as {
            padding: 24px;
        }

        .h1-db-popuplist {
            flex-direction: column;
        }

        .h1-db-popuplist-container {
            width: 100%;
        }

        .h1-db-popuplist-inner {
            width: 100%;
            max-width: 100%;
            flex-direction: row;
            display: flex;
            padding: 8px;
            height: auto;
            gap: 8px;
        }

        .h1-db-popuplist .circle {
            width: 40px;
            height: 40px;
            min-width: 40px;
            min-height: 40px;
        }

        .h1-db-popuplist .h1-db-popuplist-inner .after-circle {
            max-width: 100%;
            width: calc(100% - 48px);
            flex-direction: row;
        }

        .before-button {
            height: 32px;
            width: 80px;
            min-width: 80px;
            text-align: center;
        }

        .h1-db-popuplist .h1-db-popuplist-inner .after-circle .list-text {
            width: calc(100% - 88px);
            height: auto;
            text-align: left;
        }
    }

    .padding-0 {
        padding: 0;
    }
    /* --- common style ---*/
    a.common-link {
        color: #0075FF;
    }
    /* --- style for common accordion-2 ----*/
    .flex-button-row {
        flex-direction: row !important;
        gap: 24px;
    }

    .new-common-accordion-2 {
    }

        .new-common-accordion-2 .panel {
            border: none;
            box-shadow: none;
            border-bottom: solid 2px rgba(30, 30, 30, 0.15);
            padding-bottom: 10px;
            padding-top: 4px;
        }

            .new-common-accordion-2 .panel.disabled {
                opacity: 0.6;
            }

        .new-common-accordion-2 .panel-heading {
            border: none;
            padding: 0;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: transparent;
        }

        .new-common-accordion-2 .left-section {
            display: flex;
            align-items: center;
            gap: 14px;
        }

            .new-common-accordion-2 .left-section .number {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 46px;
                height: 46px;
                min-width: 46px;
                min-height: 46px;
                border: solid 2px #005B66;
                border-radius: 100%;
                font-size: 32px;
                color: #fff;
                font-family: 'Roobert-Bold';
                background: #005B66;
            }

        .new-common-accordion-2 .disabled .left-section .number {
            background: #fff;
            color: #005B66;
        }

        .new-common-accordion-2 h2 {
            margin: 0;
        }

            .new-common-accordion-2 h2 a {
                text-decoration: none;
            }

    /* style for common success message ---*/
    .success-confirm-message {
        background: #005B66;
        border-radius: 16px;
        padding: 16px 40px;
        display: flex;
        gap: 24px;
        align-items: center;
    }

        .success-confirm-message .right-mark-icon {
            width: 32px;
            height: 32px;
            min-width: 32px;
            min-height: 32px;
        }

        .success-confirm-message h3 {
            font-size: 24px;
            color: #fff;
            margin-top: 0;
            margin-bottom: 4px;
        }

        .success-confirm-message p {
            color: #fff;
            font-size: 16px;
            line-height: 24px !important;
            margin-bottom: 0;
        }

    /* style for common error message ---*/
    .common-error-message {
        background: #FFFFFF;
        border-radius: 16px;
        padding: 16px 40px;
        display: flex;
        gap: 24px;
        align-items: center;
        border: 2px solid #EA0B0B;
    }

        .common-error-message .right-mark-icon {
            width: 32px;
            height: 32px;
            min-width: 32px;
            min-height: 32px;
        }

        .common-error-message h3 {
            font-size: 24px;
            color: #EA0B0B;
            margin-top: 0;
            margin-bottom: 4px;
        }

        .common-error-message p {
            color: #EA0B0B;
            font-size: 16px;
            line-height: 24px !important;
            margin-bottom: 0;
        }

    /* --- common date piker ----*/
    .custom-date-picker {
        width: 100%;
    }

        .custom-date-picker .date-input {
            height: 48px;
            border: 2px solid #1D1D1D !important;
            border-radius: 8px !important;
            width: 100%;
            padding: 6px 8px;
            font-size: 16px;
            color: #1e1e1e;
        }

        .custom-date-picker .datepicke-btn {
            width: 30px;
            position: absolute;
            right: 8px;
            height: 32px;
            top: 8px;
            z-index: 9;
        }

            .custom-date-picker .datepicke-btn button {
                font-size: 16px;
                color: #1d1d1d;
                border: none;
                min-width: inherit;
                padding: 0;
                height: 100%;
                width: 100%;
            }

                .custom-date-picker .datepicke-btn button:hover {
                    background: transparent;
                }

    /* style for menu icon */
    .header-after-login .submenu ul li a.external-link i, .top-nav-container .fa-external-link,
    .mobile-support-center .fa-external-link:before {
        background-image: url(../images/external-link.svg);
        font-size: 0;
        width: 18px;
        height: 18px;
    }

    .mobile-support-center .fa-external-link {
        width: 18px;
        height: 18px;
    }

        .mobile-support-center .fa-external-link:before {
            display: block;
        }

    .header-after-login .dropdown-toggle::after {
        background: url(../images/menu-dropdown.svg) no-repeat;
        font-size: 0 !important;
        width: 14px;
        height: 8px;
    }

    .excel-file-tooltip ul {
        color: #fff;
        font-size: 13px;
        margin-left: 0;
        padding-left: 36px;
        margin-bottom: 0;
    }

        .excel-file-tooltip ul li {
            margin-top: 10px;
        }

    @media only screen and (max-width: 991px) {
        .new-common-accordion-2 .left-section .number {
            font-size: 16px;
            height: 24px;
            width: 24px;
            min-height: 24px;
            min-width: 24px;
        }

        .new-common-accordion-2 h2 {
            font-size: 18px !important;
            line-height: 18px !important;
        }

        .success-confirm-message {
            flex-direction: column;
            padding: 16px;
            gap: 8px;
        }

            .success-confirm-message h3 {
                font-size: 18px;
                line-height: 24px;
            }

        .common-error-message {
            flex-direction: column;
            padding: 16px;
            gap: 8px;
        }

            .common-error-message h3 {
                font-size: 18px;
                line-height: 24px;
            }
    }

    .p-ln-30 {
        line-height: 30px !important;
    }

    .agentRegisterContainer {
        padding: 40px 0;
    }

        .agentRegisterContainer > .row {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }

    .close-pop {
        cursor: pointer;
    }

    /* mailing address css update */
    #UpdateContactsForm .mailing-address-group {
        margin-top: 0;
    }

    .mailing-address-parent {
        position: relative;
    }

    .same-mailing-address-form-group {
        margin-bottom: 0;
        padding-bottom: 0;
    }

        .same-mailing-address-form-group a:hover, .movein-mailing-form-group a:hover {
            text-decoration: none !important;
        }

    .mailing-address-form-group {
        margin-bottom: 0;
    }

    .mailing-address-search-margin-0 .mailing-address-group {
        margin: 0 !important;
    }

    .mailing-address-search-margin-0 .address-incorrect-group {
        margin-top: -6px !important;
    }

    .movein-mailing-address-from .mailing-address-group {
        margin-top: -60px !important;
    }

    .movein-mailing-address-from .movein-mailing-form-group h4 {
        margin-top: 36px;
    }

    #am-lbl-same-as-service input[type="checkbox"] {
        margin-right: 2px;
    }

    @media only screen and (max-width: 767px) {
        .same-mailing-address-form-group {
            position: absolute;
            top: 28px;
        }

        .movein-mailing-address-from .mailing-address-group {
            margin-top: -38px !important;
        }

        .mailing-address-search-box input[type="text"] {
            width: 100% !important;
        }
    }

    @media only screen and (max-width: 480px) {
        #am-lbl-same-as-service {
            line-height: 16px !important;
        }
    }

    .activityStatementSubscriptionRow {
        display: flex;
        align-items: center;
        margin-top: 10px;
        gap: 100px;
    }

        .activityStatementSubscriptionRow p {
            margin-bottom: 0;
        }

    .activityStatementSubscriptionRowGroup h4 {
        color: #005b66;
        margin-bottom: 16px;
    }

    .activityStatementSubscriptionRowGroup .form-label {
        font-size: 16px;
        font-family: 'Roobert-SemiBold';
    }

    .activityStatementSubscriptionRowGroup .h1-mn-btn {
        margin-left: 15px;
    }

    @media only screen and (max-width: 991px) {
        .activityStatementSubscriptionRow {
            flex-direction: column;
            gap: 20px;
            align-items: flex-start;
        }
    }

    .anonymouse-movein-big-label .form-label.col-sm-4 {
        display: flex;
    }

        .anonymouse-movein-big-label .form-label.col-sm-4 .fa.fa-info-circle {
            min-width: 18px;
            margin-top: 3px;
        }

    .min-height-55 {
        min-height: 55px !important;
    }

    /* Account validation css update */
    .update-your-contact-information h2 {
        text-align: center
    }

    .update-your-contact-information .contact-info-para {
        text-align: center
    }

    .update-your-contact-information .greenbutton-page-wrapper {
        max-width: 430px;
        margin: auto;
        padding-bottom: 20px;
        position: relative;
    }

        .update-your-contact-information .greenbutton-page-wrapper .form-label {
            width: 100%;
            font-family: 'Roobert-SemiBold';
            text-align: left;
        }

        .update-your-contact-information .greenbutton-page-wrapper .form-field {
            width: 100%;
            text-align: left;
        }

        .update-your-contact-information .greenbutton-page-wrapper .form-control {
            height: 48px;
            width: calc(100% - 25px);
        }

        .update-your-contact-information .greenbutton-page-wrapper a.form-control,
        .update-your-contact-information .phone-number-block .form-control {
            width: 100%;
        }

    .no-min-height {
        min-height: inherit !important;
    }

    .update-your-contact-information .phone-number-block a.form-control {
        padding-top: 10px;
    }

    .update-your-contact-information .continue-button {
        height: 56px;
        padding: 8px 32px;
    }

        .update-your-contact-information .continue-button .fa {
            font-size: 24px;
            margin-left: 6px;
            float: right;
            margin-top: 1px;
        }

    .update-your-contact-information.step-2 .form-label {
        text-align: left;
    }

    .update-your-contact-information.step-2 .h1-link-wrapper {
        padding-top: 0;
    }

        .update-your-contact-information.step-2 .h1-link-wrapper .h1-btn-update-contact-align {
            border: none !important;
            font-family: 'Roobert-SemiBold';
            text-decoration: underline;
            height: auto;
        }

    .update-your-contact-information.step-2 .ami-widget-term-link {
        margin-top: 20px;
        color: #636363;
    }

        .update-your-contact-information.step-2 .ami-widget-term-link a {
            font-size: 14px;
        }

    .update-your-contact-information.step-2 .mt-28 {
        margin-top: 28px;
    }

    .update-your-contact-information.step-2 .edit-link {
        font-family: 'Roobert-SemiBold';
        text-decoration: underline;
        font-size: 14px;
        color: #005b66 !important;
        cursor: pointer;
    }

        .update-your-contact-information.step-2 .edit-link button {
            margin-left: 4px
        }

    .update-your-contact-information.step-2 .alternet-line-border {
        margin-top: 24px;
        margin-bottom: 24px;
    }

    .update-your-contact-information.step-2 .h1-mobile-btn {
        width: auto;
        min-width: 130px;
    }

    .update-your-contact-information.step-2 .h1-mobile-number-edit-form .form-control,
    .update-your-contact-information.step-2 .h1-profile-edit-phone-controller-wrapper .form-control {
        height: 48px;
    }

    .update-your-contact-information.step-2 .h1-profile-edit-phone-controller-wrapper .form-control {
        padding-top: 10px;
    }

    .update-your-contact-information.step-2 .h1-mobile-number-edit-form .h1-stnd-has-success div {
        top: 38px;
    }

    .update-your-contact-information.step-2 .update-eamil-success {
        padding-left: 46px;
        width: fit-content;
        max-width: inherit !important;
    }

    .update-your-contact-information.step-2 .alert-success-msg .success-message1 {
        font-family: 'Roobert-SemiBold';
        color: #005b66;
    }

    .update-your-contact-information.step-2 .alert-success-msg .glyphicon {
        font-size: 24px;
        left: 16px;
    }

    .update-your-contact-information .h1-mobile-number-left-wrapper {
        width: calc(85% - 120px);
    }

    .update-your-contact-information .h1-mobile-number-right-wrapper {
        display: flex;
        gap: 4px;
    }


    /* Account validation css update */

    /* New Accordion start */
    .new-common-accordion .panel {
        box-shadow: none;
    }

    .new-common-accordion .accordion-link {
        display: flex;
        align-items: center;
        height: 100%;
        gap: 1.125rem;
        width: 100%;
        height: 56px;
        padding: 8px 16px;
        border: solid 1px #D9D8D6 !important;
        font-size: 16px;
        color: #fff;
        background: #005B66;
        text-decoration: none;
        position: relative;
        font-family: 'Roobert-Bold';
    }

    .new-common-accordion .collapsed {
        background: #fff;
        color: #242424;
    }

    .new-common-accordion .dark, .new-common-accordion .white {
        max-width: 24px !important;
    }

    .new-common-accordion .panel + .panel {
        margin-top: 15px !important;
    }

    .new-common-accordion .collapsed .white {
        display: none;
    }

    .new-common-accordion .accordion-link .dark {
        display: none;
    }

    .new-common-accordion .collapsed .dark {
        display: block;
    }

    /*.new-common-accordion .panel-body {
    background: rgba(227, 247, 241, 0.25);
}*/

    .new-common-accordion .panel-body p {
        font-size: 16px;
        line-height: 24px !important;
    }

    .new-common-accordion strong {
        font-weight: 600 !important;
    }

    .new-common-accordion .panel-body #service-fee-info {
        font-size: 14px;
        line-height: 20px !important;
        font-style: italic;
    }


    .new-common-accordion .panel-body .large-font p {
        font-size: 24px !important;
        line-height: 34px !important;
    }

    .new-common-accordion .panel-body .large-font ul {
        margin-top: 16px;
    }

    .new-common-accordion .panel .accordion-link:after {
        font-family: 'FontAwesome';
        content: "\f077";
        float: right;
        color: #fff;
        position: absolute;
        right: 16px;
    }

    .new-common-accordion .panel .accordion-link.collapsed:after {
        font-family: 'FontAwesome';
        content: "\f078";
        color: #242424;
    }

    /* -- New accordion closed ---*/

    .dialog-paperless-billing .new-common-accordion, .dialog-autopay .new-common-accordion {
        max-height: calc(100vh - 170px);
        overflow: auto;
    }

.expand-collapse-icon {
    background-image: url(../images/icons/expand-minus.svg)!important;
}

.collapsed .expand-collapse-icon {
    background-image: url(../images/icons/expand-add.svg)!important;
}