.icon-right-chevron.list-customer-btn{
    color: #fff !important;
}

.module-panel h2 {
    color: #333;    
    font-size: 40px;
}

.view-link {
    background: #d63181;
}
.recover-margin {
    margin: 9px 0 18px;
}
.contactUsButton{
    float: left;
    width: 100%;
}
.contactUsButton .errorText{
    float: left;
    width: 80%;
}
.contactUsButton .conact-us-btn{
    float: right;
    padding-top: 30px;
}
.contactUsButton .adjust_padding p{
    padding-top: 10px;
}
.contactUsButton .adjust_padding p a, .reference_postcode_error_text span a{
    border: 1px solid #fff;
    border-radius: 4px;
    float: right;
    padding: 10px 40px;
    margin-top: -40px;
    right: 20px;
    text-decoration: none;
    top: 0;
}
/* QCSO error on Index Page */
.ref_post_error_hideShow .reference_postcode_error_text span a{
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    float: left;
    padding: 10px 40px;
    right: 20px;
    text-decoration: none;
    margin-top: 10px;
}

.login_fields .reference_postcode_error_text .errorText,
.ref_post_error_hideShow .reference_postcode_error_text .conact-us-btn{
    font-family: 'bt_tvregular', 'arial', sans-serif !important;
    float: left;
}

.error-msg-red  p a {
    text-decoration: underline;
}

.error-msg-red  p a:hover {
    text-decoration: none;
}
.error-msg-purple {
    background: #362455;
    color: #fff !important;
    padding: 15px 0 5px;
}
.error-msg-purple .sprite-i-icon {
    background: url(../../shared/img/order-sprite.png) -315px -297px no-repeat;
    float: left;
    width: 35px;
    height: 35px;
}
.error-msg-purple p{
    font-size: 16px;
    padding-top: 10px;
}
/*--This Media is used to handle IE Edge CSS--*/
@media screen and (-ms-high-contrast: none) and (min-width: 768px) {
    .timeline-right-cont .vme-status .sprite-vme-inprogress ,
    .timeline-right-cont .vme-status .sprite-vme-to-complete { 
        margin-left: -95px !important;
        z-index: 1;
    }
}
@media all and (-ms-high-contrast:none){
    .vme-ul .vme-status:first-child .vme-progress-text{
        margin-left: -10px;
        display: inline;
    } 
    /*.vme-ul .vme-status:first-child .sprite-vme-completed{
              margin-left: 0 !important;
                  display:inline;
    } */
    .timeline-right-cont .vme-status .sprite-vme-inprogress ,
    .timeline-right-cont .vme-status .sprite-vme-to-complete { 
        margin-left: -95px;
    } 
    .timeline-right-cont .vme-status .vme-progress-text {
        margin-left: -102px;
    } 
    .timeline-right-cont span.sprite-vme-completed {
        margin-left: -102px !important;
        z-index: 1;
    }
    .timeline-right-cont .vme-status:first-child .sprite-vme-delay {
        margin-left: -109px;
    }
    .timeline-right-cont .vme-status:first-child .sprite-vme-to-complete {
        margin-left: -103px;
    }
    .timeline-right-cont .vme-status:nth-child(3) .sprite-vme-delay {
        margin-left: -101px;
    }
    .timeline-right-cont .vme-status:nth-child(5) .sprite-vme-delay {
        margin-left: -104px;
    }
    .timeline-right-cont .vme-status:nth-child(7) .sprite-vme-delay {
        margin-left: -101px;
    }
}

@media all and (-ms-high-contrast:none) and ( min-width:120px) and (max-width:768px) {
    .timeline-right-cont .vme-status:first-child .sprite-vme-delay,
    .timeline-right-cont .vme-status:first-child .sprite-vme-failed {
        margin-left: -7px;
        top: -17px;
    }
    .timeline-right-cont .vme-status:nth-child(7) .sprite-vme-delay,
    .timeline-right-cont .vme-status:nth-child(7) .sprite-vme-failed {
        margin-left: -7px;
        top: 20px;
    }
    .timeline-right-cont .vme-status:nth-child(5) .sprite-vme-delay,
    .timeline-right-cont .vme-status:nth-child(5) .sprite-vme-failed {
        margin-left: -7px;
        top: 21px;
    }
    .timeline-right-cont .vme-status:nth-child(3) .sprite-vme-delay,
    .timeline-right-cont .vme-status:nth-child(3) .sprite-vme-failed {
        margin-left: -7px;
        top: 22px;
    }
    .timeline-right-cont .vme-status:first-child .sprite-vme-to-complete {
        margin-left: -1px;
        top: -11px;
    }
    .timeline-right-cont .vme-status:nth-child(5) .sprite-vme-inprogress{
        top: 22px;
        margin-left: 0;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .vme-ul li:first-child.vme-status {
        margin-left: 102px; 
    }
    .vme-block-layout-c .vme-ul li:first-child.vme-status {
        margin-left: 0; 
    }
    .vme-ul .vme-status:first-child .vme-progress-text{
        margin-left: -104px;
    }
    .vme-block-layout-c .vme-ul .vme-status:first-child .vme-progress-text{
        margin-left: -36px;
    }
    .vme-block-layout-c .vme-ul .vme-status-li-layout-c-two {
        margin-left: 80px;
    }
    .vme-block-layout-c .vme-ul .vme-status-li-layout-c-four {
        margin-left: 85px;
    }
    .vme-block-layout-c .vme-ul .vme-status-li-layout-c-six {
        margin-left: 90px;
    }
    .vme-block-layout-c .vme-ul span.vme-dotted-separator {
        width: 90px;
    }
    .timeline-right-cont .vme-status .vme-progress-text{
        margin-left: -102px;
    }
    .timeline-right-cont span.sprite-vme-failed {
        margin-left: -104px;
        z-index: 1;
    }
}

/*-- Order Summary Edit -- */
.no-orders{
    margin-top: 20px;
}
.safety-note-tab {
    padding-right: 20px;
}
.order-cancel-save .order-buttons{
    text-align: center;
    width: 160px;
    margin-top: 0;
}
.order-cancel-save{
    float: left;
    width: 100%;
    padding: 40px 20px 60px 0;
}
.order-cancel-save .order-buttons .icon-right-chevron{
    padding-left: 5px;
}
.no-safety-padding {
    padding: 0 !important;
}
/*-- EO Order Summary -- */
.earlyAppointment-block{
    float: right;
    text-align: right;
    margin-bottom: 10px;
}
.vme-ul :first-child.vme-status .sprite-vme-completed{
    margin-left: -102px\9 !important;
}

.engineer_safety_borderTop{
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
}
.order-summary-edit .email-tab, .order-summary-edit .primary-number-tab , .order-summary-edit .alternate-number-tab, .order-summary-edit .engineer-note-tab {
    padding-right: 0 !important;
}
.engineer_safety_borderTop .engineer-note-tab {
    padding: 28px 0;
}
.order-summary-edit .engineer_safety_borderTop {
    margin-top: 20px;
}
.order-summary-edit .engineer_safety_borderTop0 {
    margin-top: 0 !important;
}
.engineer-note-tab .amend-address-details label {
    margin: 0;
}

.product_createdOn{
    float: left;
    font-size: 12px;
    padding-top: 4px;
    width: 66px;
    margin-left: -10px;
    text-align: center;
}

.cancel-replace-homemove .pro-icon {
    padding-top: 10px;
}

.order-timeline.no-bottom-border-mobile{
    border-bottom: none !important;
}
.no-bottom-timeline-hidden{
    border-bottom: none !important;
    padding-bottom: 0 !important;
}
.order-link-active {
    border: 1px solid #d63181 !important;
    color: #fff !important;
    background-color: #d63181 !important;
    border-radius: 3px !important;
}

a.order-link-active:hover {
    color: #fff !important;
    background-color: #801d4d !important;
    border: 1px solid #801d4d !important;
}
.appointmentEditDetail-login {
    background: #d63181;
    border: 1px solid #d63181;
    color: #fff;
}
.appointmentEditDetail-login  span.icon-right-chevron {
    color: #fff !important;
}

.milestone-order-link span.icon-right-chevron {
    padding-left: 1px;
}
.order-link span.icon-left-chevron {
    padding-right: 5px;
}
.milestone-order-link span.icon-left-chevron {
    padding-right: 5px;
}
.log-in-wrapper h1 {
    margin-top: 0;
}

.login_holder {
    padding: 30px 5%;
    float: left;
}
.login_holder .chattous{
    font-weight: bold;
}

.login_fields, .login_instruction {
    background: #fff;
    padding: 20px;
    border: 1px solid #d4d4d4;
    border-radius: 4px;
}

.login_instruction h2 {
    float: left;
    color: #333;
    font-family: 'bt_tvregular', 'arial', sans-serif;
    font-size: 24px;
    margin: 0 0 20px;
}

.login_fields p, .login_instruction p {
    color: #333;
    font-size: 16px;
    margin-bottom: 20px;
}

.login_instruction p {
    float: left;
    width: 100%;
    clear: both;
}

.login_fields p .btn {
    width: 100%;
    padding: 11px 19px;
}

.login_fields .split-or {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 0;
}

.login_fields .split-or b::before {
    border-bottom: 1px solid #ccc;
    height: 50%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.login_fields .split-or b {
    background: #333;
    padding: 5px 7px;
    border-radius: 22px;
    font-family: 'bt_tvregular', 'arial', sans-serif;
    text-transform: uppercase;
    color: #fff;
    font-weight: 100;
}

.login_holder input {
    background: #fff;
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
    border-radius: 2px;
    color: #555;
    padding: 5px;
    margin: 10px 0 0;
    height: 50px;
}

.login_holder .orderTab label, .login_holder .salesRef label {
    width: 100%;
    margin-bottom: 0;
}

.login_holder .orderTab {
    margin-top: 20px;
}

.login_holder .no-margin .btn {
    border: 1px solid #d63181;
    border-radius: 4px;
    color: #d63181;
    font-family: 'bt_tvbold', 'arial', sans-serif !important;
    margin-bottom: 20px;
    padding: 15px;
    background: #fff;
}

.login_holder .no-margin .btn:hover {
    color: #fff;
    background: #801d4d;
}

.login_holder .btn, .login_holder .no-margin {
    margin-bottom: 0;
}

.reference-postcode-error-only {
    float: left;
    width: 100%;
    background: #de332b;
    color: #fff !important;
    padding: 20px 15px;
    margin-bottom: 20px;
    position: relative;
}
.list-of-order-parent .reference-postcode-error-only {
    width: 97%;
}
.list-of-order-parent .postcode_error{
    width: 100%;
}
.ref_post_error_hideShow{
    float: left;
    width: 100%;
    background: #de332b;
    color: #fff !important;
    padding: 20px 15px;
    margin-bottom: 20px;
    position: relative;
}
.ref_post .sprite-i-icon {
    background: url(../../shared/img/order-sprite.png) -314px -296px no-repeat;
    float: left;
    height: 58px;
    width: 37px;
}
.reference_postcode_error_text{
    float: left;
    padding-left: 10px;
    width: 86%;
    padding-top: 3px;
    word-wrap: break-word;
}

.errorWidth{
    width: 93% !important;
}
.errorWidth .conact-us-btn a{
    text-decoration: none !important;
    margin-top: -30px !important;
    font-family: 'bt_tvregular', 'arial', sans-serif !important;
}
.list-of-order-parent .reference_postcode_error_text{
    float: left;
    padding-left: 10px;
    width: 94%;
    padding-top: 3px;
}
.list-of-order-parent .reference_postcode_error_text .errorText{
    font-family: 'bt_tvregular', 'arial', sans-serif !important;
    float: left;
    width: 80%;
    padding-top: 3px;
}
.list-of-order-parent .reference_postcode_error_text .errorWidth p .errorText{
    padding-top: 0 !important;
}
.list-of-order-parent .list_ofOrder_login .ref_post_error_hideShow .httpError p{
    padding-top: 8px;
}
.list-of-order-parent .reference_postcode_error_text .conact-us-btn{
    float: right;
}

.list-of-order-parent .ref_post_error_hideShow .reference_postcode_error_text span a {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 4px;
    float: right;
    padding: 10px 40px;
    right: 20px;
    text-decoration: none;
    margin-top: 3px;
}

.reference_postcode_error_text span{
    font-family: 'bt_tvbold', 'arial', sans-serif !important;
    color: #fff;
}
.reference-postcode-error-only .sprite.grey-arrow {
    top: -31px;
    position: absolute;
    left: 2%;
}
.red_bg_error .ref_post .sprite-i-icon{
    height: 38px !important;
}
.username_error_text span{
    float: left;
    padding-left: 10px;
    padding-top: 5px;
}
.red_bg_error{
    margin-bottom: 10px !important;
}
.postcode_error{
    margin-bottom: 15px !important;
}
.triangle_login::after {
    border-color: #de332b transparent;
    border-style: solid;
    border-width: 0 20px 20px;
    left: 25px;
    position: absolute;
    top: -12px;
    content: '';
}
.ordersummary-your-order h2{
    width: auto;
    padding: 0 !important;
    margin-left: 0 !important;
}

/*--This Media is used to handle  IE Edge CSS--*/

@media all and (-ms-high-contrast:none) and ( min-width :120px) and (max-width:768px){
    .remove_padding_left .purple-vme{
        padding: 40px 15px;
    }
    .timeline-right-cont span.sprite-vme-completed{
        margin-left: -6px !important;
        top: 22px !important;
    }

    @media all {
        .remove_padding_left span.vme-dotted-separator{
            margin-top: -33px !important;
            margin-left: -25px !important;
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            transform: rotate(90deg) !important;
        }
        .remove_padding_left span.vme-separator{
            margin-top: -50px !important;
            margin-left: -27px !important;
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
            transform: rotate(90deg) !important;
        }

        .vme-ul :first-child.vme-status .sprite-vme-completed{
            top: -20px !important;
        }
    }
    @media all and (-ms-high-contrast:none){
        .remove_padding_left span.vme-dotted-separator{
            margin-top: -33px !important;
        }
        .vme-ul :first-child.vme-status .sprite-vme-completed{
            margin-left: -4px !important;
        }
    }
    .remove_padding_left span.vme-dotted-separator{
        margin-top: -8px !important;
    }
    .vme-block-layout-c .vme-ul span.vme-dotted-separator {
        margin-top: -37px !important;
    }
    .timeline-right-cont .vme-status .sprite-vme-inprogress{
        top: -16px;
        margin-left: 0;
    }
    .timeline-right-cont .vme-status .sprite-vme-to-complete{
        margin-left: 0;
        top: 29px;
    }
    .remove_padding_left .vme-progress-text{
        top: 13px;
    }
    .vme-ul .vme-status:first-child .vme-progress-text{
        top: -10px !important;
    }
    .timeline-right-cont .vme-status .vme-progress-text{
        top: 11px !important;
    }
    .small_view .milestone-order-link .icon-right-chevron{
        top: 34%;
    }
    .vme-ul .vme-status:first-child .sprite-vme-completed{
        margin-left: -6px !important;
        top: -20px !important;
        display: inline;
    }
    .order-cancel-save .pull-right .order-link .icon-right-chevron{
        top: 29%;
        right: 36px;
    }
    .reduced_padding_Right .milestone-order-link .icon-right-chevron{
        top: 19px;
        right: 36px;
    }
}
/*--EO This Media is used to handle  IE Edge CSS--*/

@media ( min-width :120px) and (max-width:768px) {
    .contactUsButton .pullIconLeft{
        padding-left: 7px !important;
    }
    .errorWidth .conact-us-btn a {
        margin-top: -18px !important;
        font-size: 11px;
    }
    .list-of-order-parent .reference_postcode_error_text {
        float: left;
        width: 78%;
    }
    .list-of-order-parent .reference_postcode_error_text .conact-us-btn {
        float: left;
        clear: both;
        margin-top: 26px;
    }
    .list-of-order-parent .ref_post_error_hideShow .reference_postcode_error_text span a {
        font-size: 11px;
    }



    .history-error .roundel {
        border-radius: 6px !important;
        margin-left: 24px !important;
        bottom: 85%;
    }
    .contactUsButton .conact-us-btn{
        float: left;
        padding-top: 10px;
    }
    .order-details-status{
        width: auto !important;
    }
    .amend-appointment form .analytics-appointment span.icon-right-chevron {
        position: relative !important;
        margin-right: -8px !important;
    }
    .contactUsButton .adjust_padding p a {
        float: left;
        margin-top: 10px;
    }
    .appointmentEditDetail-login,
    .amend-confirm-top-button {
        width: 100% !important;
        margin-top: 18px;
        text-align: center;
    }
    .appointmentEditDetail-login .icon-right-chevron{
        top: 34px !important;
    }
    .amend-confirm-top-button .icon-right-chevron {
        position: absolute;
        top: 15px;
        right: 5%;
    }
    .order-summary-edit .amend-error-msg{
        padding: 12px;
        width: auto;
    }
    .bottom-engg-row .engg-left-col1{
        overflow-wrap: break-word;
    }
    .engg-third-col1 .edit-order-link .icon-right-chevron{
        position: relative;
        margin: 2px 0 0 10px;
    }
    .close_block .list-product-area{
        width: 100% !important;
    }
    .bottom-grey {
        border-bottom: 10px solid #ddd !important;
    }
    .list-product-area .error-msg-purple .i-con-msg{
        padding-right: 0 !important;
    }
    .list-product-area .error-msg-purple .i-con-msg p{
        padding-left: 10px;
        padding-right: 0;
    }
    .product_createdOn {
        margin-top: 0 !important;
    } 
    .vme-ul :first-child.vme-status .sprite-vme-completed{
        margin-left: -6px\9 !important;
        /*margin-left: -6px\10 !important;*/
    } 
    .timeline-right-cont .vme-status .vme-progress-text{
        margin-left: 38px\9 !important;
        /*margin-left: 38px\10 !important;*/
    }

    .reduced_padding_Right .milestone-order-link{
        width: 100%;
        text-align: center;
    }
    .reduced_padding_Right .milestone-order-link .icon-right-chevron{
        top: 19px\9;
        right: 36px\9;
    }
    .small_view .milestone-order-link .icon-right-chevron{
        top: 26px\9;
    }
    .order-cancel-save .pull-right .order-link .icon-right-chevron{
        top: 29%\9;
        right: 36px\9;
    }
    .order-cancel-save .pull-right{
        float: left;
        width: 100%;
    }
    .order-cancel-save .order-buttons {
        float: left;
        margin-left: 0;
        width: 100%;
    }
    .order-cancel-save .analytics-appointment .icon-right-chevron{
        top: 63%;
        right: 36px;
    }
    .order-summary-edit .email-tab, .order-summary-edit .primary-number-tab, .order-summary-edit .alternate-number-tab, .order-summary-edit .safety-note-tab {
        padding-left: 15px !important;
        padding-right: 0 !important;
    }
    .vme-ul li:first-child.vme-status{
        margin-left: 0;
    }
    .timeline-right-cont span.sprite-vme-completed{
        margin-left: -6px\9;
    }
    .timeline-right-cont span.sprite-vme-to-complete{
        margin-left: 0\9;
    }
    .timeline-right-cont span.sprite-vme-inprogress{
        margin-left: 0\9;
    }
    .error-msg-blue .sprite-i-icon{
        margin: -7px 0;
    }
    .sprite-img-bb,.sprite-img-broadband, .error-msg-blue .sprite-img-bb, .error-msg-blue .sprite-img-broadband, .error-msg-red .sprite-img-bb, .error-msg-red .sprite-img-broadband  {
        margin-left: 9px;
        margin-top: -11px;
    }
    .sprite-img-pstn,.error-msg-blue .sprite-img-pstn, .error-msg-red .sprite-img-pstn, .sprite-img-phone,.error-msg-blue .sprite-img-phone, .error-msg-red .sprite-img-phone {
        margin-left: 9px;
        margin-top: -11px;
    }
    .sprite-img-vision,.error-msg-blue .sprite-img-vision, .error-msg-red .sprite-img-vision, .sprite-img-tv,.error-msg-blue .sprite-img-tv, .error-msg-red .sprite-img-tv {
        margin-left: 9px;
        margin-top: -10px;
    }
    .sprite-img-btsport,.error-msg-blue .sprite-img-btsport, .error-msg-red .sprite-img-btsport , .sprite-img-sport,.error-msg-blue .sprite-img-sport, .error-msg-red .sprite-img-sport{
        margin-left: 9px;
        margin-top: -14px;
    }
    .sprite-img-dptype,.sprite-img-ontrack,.sprite-img-complete,.error-msg-blue .sprite-img-dptype, .error-msg-red .sprite-img-dptype ,.error-msg-blue .ontrack, .error-msg-red .ontrack,.error-msg-blue .sprite-img-complete, .error-msg-red .sprite-img-complete{
        margin-left: 9px;
        margin-top: -16px;
    }
    .sprite-img-qcsojeopardy,.sprite-img-default,.sprite-img-pending,.sprite-img-ovjeopardy,.sprite-img-rocmjeopardy,.sprite-img-unknownfamily,.sprite-img-timebomb,.sprite-img-delayedcommitment,.sprite-img-appointment,.sprite-img-cancelled,.pstn-broadband, 
    .error-msg-blue .sprite-img-qcsojeopardy, .error-msg-red .sprite-img-qcsojeopardy,.error-msg-blue .sprite-img-default, .error-msg-red .sprite-img-default,.error-msg-blue .sprite-img-pending, .error-msg-red .sprite-img-pending,.error-msg-blue .sprite-img-ovjeopardy, .error-msg-red .sprite-img-ovjeopardy,.error-msg-blue .sprite-img-rocmjeopardy, .error-msg-red .sprite-img-rocmjeopardy,.error-msg-blue .sprite-img-unknownfamily, .error-msg-red .sprite-img-unknownfamily,.error-msg-blue .sprite-img-timebomb, .error-msg-red .sprite-img-timebomb,.error-msg-blue .sprite-img-delayedcommitment, .error-msg-red .sprite-img-delayedcommitment,.error-msg-blue .sprite-img-appointment, .error-msg-red .sprite-img-appointment,.error-msg-blue .sprite-img-cancelled, .error-msg-red .sprite-img-cancelled,.error-msg-blue .pstn-broadband, .error-msg-red .pstn-broadband{
        margin-left: 9px;
        margin-top: -16px;
    }    
    .order-summary .i-icon {
        padding-left: 7px !important;
    }
    .productfamily-name {
        font-size: 10px;
    }
    .order-summary .error-msg-yellow{
        padding-top: 10px !important;
    }
    .i-icon-message-wrapper p.ng-binding {
        padding-left: 0;
    }
    .login_instruction {
        float: left;
        margin-top: 20px;
    }
    .errorWidth {
        width: 84% !important;
    }
    .errorWidth  .errorText{
        width: 100% !important;
    }
    .reference_postcode_error_text {
        width: 78%;
    }
    .dashboard-wrap .mybt-customerinfo::after {
        clear: both;
    }
    .dashboard-wrap .mybt-customerinfo::before, .dashboard-wrap .mybt-customerinfo::after {
        content: '';
        display: table;
        line-height: 0;
    }
    .dashboard-wrap .mybt-customerinfo {
        /* border: 2px solid #fff; */
        border-radius: 6px !important;
        box-shadow: 0 0 5px #000;
        box-sizing: border-box;
        float: none !important;
        margin: 0 !important;
        padding: 10px 0;
    }
    .dashboard-wrap fieldset h3 {
        color: #fff;
        margin: 0 0 6px;
    }
    .my-mobile h2, .my-mobile h3 {
        color: #00528e;
    }
    .my-mobile h3 {
        font-size: 25px;
    }
    .visible-phone {
        display: inherit !important;
    }
    .dashboard-wrap .mybt-customerinfo .dashboard_icon {
        display: none;
    }
    .hidden-phone {
        display: none !important;
    }
    .dashboard-wrap label {
        padding-right: 13px !important;
    }
    .accountNumber {
        padding-top: 13px !important;
    }
    .dashboard-wrap fieldset label {
        margin: 0 !important;
        width: auto !important;
    }
    .dashboard-wrap fieldset select {
        margin-top: 0 !important;
        width: 140px !important;
    }
    .dashboard-wrap fieldset {
        width: 100% !important;
    }

    fieldset {
        border: 0 none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .dashboard-wrap .mybt-customerinfo form {
        float: left;
        margin: 0;
        padding: 13px;
        width: auto !important;
    }
    .dashboard-wrap{
        padding: 0 !important;
    }
    .order-heading h2{
        margin-top: 110px !important;
    }
    .orders_logged_out h2{
        width: 180px;
    }

}
.available-dates-wrapper div, .interaction-info, .time-range div, ul.amend-week li,
ul.calendar-dates li {
    display: inline-block;
}
.amend-sublist-wrapper {
    margin-top: 10px;
}
.amend-available-dates {
    margin-left: 35%;
    margin-right: 23%;
}

ul.amend-week.amend-date-month.amend-week-date li span.blue-background-circle:hover,
ul.amend-week.amend-date-month.amend-week-date li.active span.blue-background-circle {
    background: url('../../shared/img/order-sprite.png') -461px -293px no-repeat;
}

ul.amend-week.amend-date-month.amend-week-date li span.purple-background-circle:hover,
ul.amend-week.amend-date-month.amend-week-date li.active span.purple-background-circle {
    background: url('../../shared/img/order-sprite.png') -722px -294px no-repeat;
}
.supplier-details {
    padding: 15px 0;
}
.supplier-details * {
    padding: 5px;
}

.dashboard-wrap .mybt-customerinfo {
    background: #000 linear-gradient(to bottom, #0a77da 0%, #0865c5 22%, #054da2 50%, #07459b 77%, #073f93 86%, #12388c 100%) repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    float: right;
    margin-top: 30px;
    text-shadow: 1px 1px 1px #0f3e7d;
    width: 49.4%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.dashboard-wrap .dashboard_icon {
    background: rgba(0, 0, 0, 0) url('../../shared/img/profile.png') no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 61px;
    margin: 10px 0 0 10px;
    width: 44px;
}


.dashboard-wrap fieldset {
    background-position: -8px -93px;
    float: left;
    min-height: 70px;
    padding: 0;

}

.dashboard-wrap fieldset h5 {
    margin: 0;
}
.dashboard-wrap .visible-phone {
    display: none;
}
.dashboard-wrap h5 {
    font-size: 14px;
}
.dashboard-wrap .mybt-customerinfo form {
    float: left;
    margin: 0;
    padding: 13px;
    width: 50%;
}
.dashboard-wrap label, .dashboard-wrap input, .dashboard-wrap button, .dashboard-wrap textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.dashboard-wrap fieldset select {
    margin-top: 10px;
    width: 200px;
}
.dashboard-wrap fieldset h5, .dashboard-wrap fieldset label, .dashboard-wrap fieldset select, .dashboard-wrap fieldset span {
    float: none;
}
.firstSpan3 select {
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #f7f7f7 url('../../shared/img/icon_open.png') no-repeat scroll 95% 11px;
    border: 1px solid #d4d4d4;
    text-indent: 0.01px;
    text-overflow: '';
    width: 100%;
}
select::-ms-expand {
    display: none;
}
.macNumber input#macNo, select {
    height: 35px;
    margin-bottom: 0;
    margin-top: 0;
}
.dashboard-wrap select{
    border-radius: 4px;
    color: #555555;
    display: inline-block;
    font-size: 14px;
    margin-bottom: 8.75px;
    padding: 4px 6px;
    vertical-align: middle;
}
.dashboard-wrap .mybt-customerinfo a {
    color: #ffffff;
    float: right;
    font-size: 13px;
    margin-right: 2%;
    margin-top: 11px;
    text-align: right;
    width: 25%;
}
.dashboard-wrap a {
    /* color: #0088cc;*/
    text-decoration: none;
}
.dashboard-wrap .mybt-customerinfo .chevron {
    background-image: url('../../shared/img/glyphicons-halflings-white.png');
    background-position: -442px center;
    width: 27px;
    font-size: 21px;
    margin: -2px 2px 0;
    display: inline-block;
}
.dashboard-wrap .mybt-customerinfo em {
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
}
.dashboard-wrap .mybt-customerinfo a.logOut {
    margin-top: 3px;
}
.dashboard-wrap h2{
    float: left;
}
.dashboard-wrap{
    padding-right: 0 !important;
    position: relative;
}
.error-msg-listorders h2 {
    margin-top: 0;
}

/*list of orders*/
.order-heading{
    padding-left: 10px !important;
}
.bottom-grey{
    border-bottom: 10px solid #ddd;
}
.list-product-area {
    margin: 20px 0 10px 30px;
    padding: 0;

}
.list-product-area select{
    border: solid 1px #767676;
    height: 50px;
    width: 225px;
}
.list-product-area .select-lists{
    color: #333333;
    margin-bottom: 20px;
}
.list-product-area h2 {
    border-bottom: none;
    color: #333333;
    font-family: 'bt_tvlight', 'arial', sans-serif;
    font-size: 35px;
    margin: 0;
    padding: 20px 0;
    width: 100%;
}
.grey_border {
    float: left;
    width: 100%;
    border-bottom: 10px solid #ddd;
    margin-bottom: 0;
    margin-top: 30px;
}
.close_block .list-product-area{
    margin-top: 0;
}
.bottom_grey_border{
    border-bottom: 1px solid #ddd;
}
.close_block {
    padding-bottom: 30px !important;
}
.bottom-grey .list-product-area{
    margin-left: 0;
}
.module-panel .openClose-wrap{
    padding-right: 30px !important;
    padding-left: 30px !important;
    box-sizing: border-box;
}
.track_block_lo{
    padding-right: 30px !important;
    padding-left: 30px !important;
}
.open_title-head{
    border-top: 2px solid #ddd;
    padding: 10px 0;
}
.order-title-head{
    border-bottom: 2px solid #ddd;
    padding: 10px 0;
}
.order-title-head div{
    padding: 0;
}
.reference{
    font-family: 'bt_tvbold', 'arial', sans-serif;
    color: #333333;
}
.order-title-detail{
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}
.order-title-detail div{
    padding: 0;
}
.order-title-detail h3{
    margin: 0;	
    font-family: 'bt_tvbold', 'arial', sans-serif;
    font-size: 16px;
    color: #333333;
}
.order-title-detail p{
    color: #333333;
    margin-bottom: 15px;
}
.order-details-status{
    background-color: #767676;
    border-radius: 3px;
    color: #fff !important;
    font-family: 'bt_tvbold', 'arial', sans-serif;
    font-size: 10px;
    padding: 3px 5px;
    text-align: center;
    text-transform: uppercase;
    float: left;
}
.order-title-detail .view-link{
    background: #d63181;
}
.grey-border{
    border-top: 10px solid #ddd;
}

@media (min-width: 120px) and (max-width: 767px){
    .engg-third-col1 .edit-order-link {
        float: left !important;
        padding-top: 14px;
        width: 100px;
    }
    .earlyAppointment-block {
        text-align: center;
        width: 100%;
    }
    .order-heading .orders_logged_out {
        margin-top: 50px !important;
    }
    .product-select_hidden,.open_title-head {
        padding-right: 20px;
        box-sizing: border-box;

    }
    .track_block_lo {
        width: 100%;
    }
    .list-of-order-parent .salesRef {
        margin-right: 0 !important;
        float: left;
        width: 100%;
    }
    .close_block .order-title-head {
        width: 100% !important;
    }
    .login_holder .order-link .icon-right-chevron {
        float: right !important;
    }
    .bottom_grey_border {
        margin: 0;
        padding: 0 30px;
        margin-top: 30px;
    }
    .product-select_hidden, .open_title-head {
        padding-right: 0;
    }
    .top_openBlock {
        margin: 0;
        margin-top: 30px;
        padding: 0 30px;
    }
    .top_openBlock .bottom_grey_border{
        border: none;
    } 
    .order-heading h2 {
        margin-top: 200px !important;
    }
    .dashboard-wrap .mybt-customerinfo {
        bottom: auto;
        top: 0 !important;
        width: 100% !important;
    }
    .dashboard-wrap .mybt-customerinfo form {
        width: 100% !important;
    }
    .dashboard-wrap fieldset select {
        margin-top: 10px !important;
        width: 100% !important;
    }
    .error-msg-blue a.order-error-link, .error-msg-green a.order-error-link {
        position: relative;
        width: 100%;
        text-align: center;
    }
    .error-msg-blue .icon-right-chevron{
        top: 32%;
    }

    .order-summary  .tabs-container div.tabs a {
        padding: 22px 15px 20px;
    }

    .tabs-container div.tabs a.current {
        padding: 18px 15px !important;
    }

    .mybt-customerinfo {
        background: #000 linear-gradient(to bottom, #0a77da 0%, #0865c5 22%, #054da2 50%, #07459b 77%, #073f93 86%, #12388c 100%) repeat scroll 0 0;
        color: #ffffff;
        border: 2px solid #fff;
        border-radius: 6px 5px 0 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
        padding: 10px 0;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .fadedBorder {
        background: rgba(0, 0, 0, 0) url('../../shared/img/border-image.png') no-repeat scroll 100% -9px;
        float: left;
        width: 50%;
    }
    .mybt-customerinfo  a{
        color: #fff;
        float: left;
        font-size: 14px;
        padding: 10px 8px;
        text-decoration: none;
    }
    .mybt-customerinfo .icon-right-chevron{
        position: relative;
        right: 0;
        top: 0;
        color: #fff !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 980px)  {
    .errorWidth .conact-us-btn a {
        margin-top: -20px !important;
    }
    .list-of-order-parent .reference_postcode_error_text .conact-us-btn {
        float: left;
        clear: both;
        margin-top: 26px;
    }

    .contactUsButton .conact-us-btn{
        float: left;
        padding-top: 10px;
        clear: both;
    }
    .contactUsButton .adjust_padding p a {
        float: left;
        margin-top: 10px;
    }
    .order-cancel-save .pull-left{
        margin-bottom: 20px;
    }
    .bottom-engg-row .engg-left-col1  p{
        overflow-wrap: break-word;
        padding-right: 10px;
    }
    .engg-third-col1 .edit-order-link{
        padding-right: 10px;
    }
    .close_block .list-product-area{
        width: 100% !important;
    }
    .dashboard-wrap .mybt-customerinfo {
        border: 2px solid #fff;
        border-radius: 6px !important;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        padding: 23px 0;
        float: right !important;
        margin-top: 46px !important;
    }
    .bottom-grey {
        border-bottom: 10px solid #ddd !important;
    }
    .order-heading h2 {
        margin-top: 99px !important;
    }
    .dashboard-wrap .mybt-customerinfo a {
        /*float: left;
        margin-right: 0;
        margin-top: 11px;
        text-align: right;*/
        width: 30%; 
        display: block !important;
    }
    .mybt-customerinfo .visible-phone {
        display: none !important;
    }
    .mybt-customerinfo  .accountNumber {
        padding-top: 0 !important;
    }

    .dashboard-wrap label {
        padding-bottom: 14px;
    }
    .dashboard-wrap .mybt-customerinfo {
        border: none;
        border-radius: 6px 6px 0 0!important;
        padding: 7px 0;
        width: auto;
    }
    .dashboard-wrap .mybt-customerinfo .dashboard_icon {
        display: none;
    }
}
@media only screen and (min-width: 800px) and (max-width: 1280px){
    .close_block .list-product-area{
        width: 100% !important;
    }
    .order-heading h2{
        margin-top: 70px;
    }
    .dashboard-wrap fieldset {
        width: 100%;
    }
    .dashboard-wrap .mybt-customerinfo {
        margin-top: 58px !important;
    }
}

/* New footer Styles */


.footer-order-details .btn-blue  {
    margin-top: 20px;
}

.footer-order-details .btn-blue.order-summary-my-bt-account-btn {
    margin-top: 37px;
}

.btn-blue .icon-right-chevron {
    color: #ffffff !important;
}

a.btn-blue {
    color: #ffffff !important;
}

.btn-blue:hover {
    background-color: #ffffff;
    border: solid 1px #027db3;
    color: #027db3 !important;
}

.btn-blue:hover span.icon-right-chevron {
    color: #027db3 !important;
}

.footer-order-details ul {
    padding: 0;
}

.footer-order-details ul li {
    list-style: none;
}

.footer-order-details h3 {
    margin-bottom: 15px;
}

.popular-help a {
    margin-bottom: 8px;
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
}
/*customer order summary home move align issue*/
.order-homemove .customer-home-move-desc label {
    display: inline;
}

/****************************************************************
* Styles related to my bt app
*****************************************************************/
.mybtapp .hide-in-app,
.mybtapp .secondary-nav-holder {
    display: none !important;
}
/*****************************************************************/

.chat-to-us-here-cta {
    color: #540e85 !important;
    background-color: #ffffff;
    border: 1px solid #6400aa;
    height: 40px;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    min-width: 80px;
    border-radius: 5px;
    box-sizing: border-box;
    line-height: 34px;
    font-size: 16px;
    text-decoration: none !important;
}
.chat-to-us-here-cta:hover {
    color: #540e85;
    background-color: #ffffff;
    border: 1px solid #540e85;
    cursor: pointer;
}
.error-msg-red a:hover {
    color: #540e85;
    background-color: #ffffff;
    border: 1px solid #540e85;
    cursor: pointer;
}
.icon-tick-text-primary {
    padding-left: 35px;
    color: #fff;
}
.primary-checkbox-block {
    padding-bottom: 14px;
}

#order-summary .row {
    margin: 15px 0 0 0;
}
#order-summary .grey-arrow-ordersummary {
    top: -11px;
}
.list-of-order-parent .billing-list-container {
    margin-left: 0;
    margin-right: 0;
}
.amend-appointment .amend-appointment-text-customer {
    padding-left: 25px;
}
@media (max-width: 767px) and (min-width: 120px) {
    .amend-green-msg .amend-appointment-text-green-confirmation h2 {
        margin-bottom: 0;
    }
    .amend-appointment .amend-green-msg-height {
        min-height: 203px;
    }
}
.amend-error-msg-green-confirmation {
    padding: 15px 0 100px 5px !important;
}
.amend-appointment-text-green-confirmation p {
    padding-left: 48px !important;
}
@media (max-width: 979px) and (min-width: 768px) {
    .amend-green-msg .amend-appointment-text-green-confirmation p {
        padding-left: 48px !important;
    }
}
.timeline-right-cont span {
    color: #d63181;
}
.order-link-inactive {
    border: 1px solid #767676;
    color: #767676;
    background-color: #ddd;
    border-radius: 3px;
    cursor: default;
}
.order-link-inactive .icon-right-chevron {
    color: #767676 !important;
    padding-left: 5px;
}
a.order-link-inactive:hover {
    color: #767676;
}
.amend-error-msg-green {
    background: #10864f;
    padding: 15px 0 20px;
}
.amend-error-msg-green p {
    font: 30px bt_tvregular, 'arial', sans-serif;
    padding-top: 7px;
}
.amend-error-msg-green .amend-message p {
    font: 16px bt_tvregular, 'arial', sans-serif;
    padding-top: 0;
    color: #fff;
    margin-top: 13px;

}
.amend-error-msg-green .amend-message p span {
    font-weight: 300;
}

.tab1-only .btplus-right-padding {
    right: 20px;
}

.chat-to-us-here-cta-container {
    display: block;
    margin-top: 10px;
}

.last-modified-date-timeline h3 {
    font-weight: 700;
    color: #333;
    font-family: 'bt_tvlight', 'arial', sans-serif;
    font-size: 17px;
    margin-top: 0;
    margin-bottom: 17px;
}

.renumber-list li{
    list-style: none;
}
/* Nav bar new*/
.selected-accountname-nav {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    display: inline;
    width: 115px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.secondary-nav-row {
    margin-right: 0 !important;
    background: none;
    display: inline;
}
.container-secondary-nav {
    max-width: 1154px;
    margin: 0 auto;
}
@media only screen and (max-width:1199px) {
    .container-secondary-nav {
        max-width:994px;
    }
}
@media only screen and (max-width:1023px) {
    .container-secondary-nav {
        max-width:994px;
        padding:0 0;
    }
}
@media only screen and (max-width:767px) {
    .container-secondary-nav {
        padding:0;
    }
    .secondary-nav-holder {
        height: auto;
        background: none;
    }
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent}
.dropdown,.dropup {
    position: relative}
.dropdown-toggle:focus {
    outline: none; border:none;}
.dropdown-menu {
    position: relative;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 200px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    overflow: hidden;
    max-height: 248px;
    overflow-y: auto;
}
.dropdown-menu.pull-right {
    right: 0;
    left: auto}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5
}
.dropdown-menu>li>a {
    clear: both;
    font-weight: 400;
    color: #333;
    display:block;
    padding: 20px;
    border-bottom: none;
    font-size: 16px;
    line-height: 20px;
    background: #ffffff;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover {
    color: #333;
    text-decoration: none;
    background: #eeeeee;
    cursor: pointer;
}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:focus,.dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #333;
    outline: 0}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    color: #777;
    }
.dropdown-menu>.disabled>a:focus,.dropdown-menu>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
}
.open>.dropdown-menu {
    display: block}
.open>a {
    outline: none;
    border:none;
}
.dropdown-menu-right {
    right: 0;
    left: auto}
.dropdown-menu-left {
    right: auto;
    left: 0}
.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap}
.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990}
.pull-right>.dropdown-menu {
    right: 0;
    left: auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    content: '';
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px}
.open>.dropdown-menu.package-nav {display:block;}
.package-nav-desktop {
    display:none; 
    /*     clear:both; */
    background-color:#333;
    color:#fff;
}
@media (min-width: 768px) {
    .navbar-right-nopadding {
        margin-top: 8px !important;
    }
    .side-collapse .navbar-right {
        padding-right: 0;
        margin-right: -14px !important;
        margin-top: 12px;
    }
    .margin-top-upper-nav {
        margin-top: 0 !important;
    }
    .align-dropdown {
        margin-top:-31px !important;
    }
    .align-friendlyname {
        margin-top:-5px !important;
    }
    .lineheight30 {
        line-height:30px;
    }
    .left {
        float:left;
    }
    .dropdown, .dropup {
        width:100%;
    }
    .package-nav-desktop {display:block;}
    .package-nav-desktop .arrow-up {
        width: 0; 
        height: 0; 
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #333;
        position: absolute;
        top: 52px;
        left: 235px;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:active {
        background-color: transparent;
        color: #333;
        background-image: none;
        box-shadow: none;
        border: none;
        font-weight: bold;
    }
    .open>.dropdown-menu.package-nav {display:none;}
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
        margin-top: 23px;
        box-shadow: none;
        padding-top: 0;
        overflow: hidden;
        overflow-y: auto;
        border: 1px solid #333333;
        border-radius: 0;
        padding-bottom: 0;
        width: 270px;
        max-height: 1500px;
        top: 15px;
        position: absolute;
    }
    .navbar-right .dropdown-menu li {
        background: #ffffff;
        margin: 0;
    }
    .navbar-right .dropdown-menu-left {
        right: auto;
        left: 0;
    }
    span.icon-down-chevron.left.icon-dropdown {
        display: none;
    }
    .nav-head-chevron {
        display: block !important;
        margin-top: -4px !important;
    }
    .nav-home-chevron {
        display: block !important;  
    }
}
body.slide-active {
    overflow-x: hidden;
}
/*first child of #page-content so it doesn't shift around*/
.no-margin-top {
    margin-top: 0 !important;
}
/*wrap the entire page content but not nav inside this div if not a fixed top, don't add any top padding */
#page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
}
#page-content.slide-active {
    padding-top: 0;
}
/* put toggle bars on the left :: not using button */
#slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    padding: 5px 10px 10px 10px;
    border: 0;
    background: transparent;
    text-align: center;
    display: block;
    width: 100%;
}
/* icon bar prettyup - optional */
#slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 3px;
    margin: 5px 0 0 0;
    background-color: #fff;
}
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: orange
}
.navbar-header {
    position: relative
}
/* un fix the navbar when active so that all the menu items are accessible */
.navbar.navbar-fixed-top.slide-active {
    position: relative
}
.navbar-default {
    background-color: #fff;
    border-bottom: 1px solid #dddddd !important;
    box-shadow: none;
    background-image: none;

}
.navbar-default .navbar-nav > li > a {
    font-family: 'BTFontRegular', 'arial', sans-serif;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    outline: none;
    text-shadow: none;
    border: none;
}
.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a.active:hover {
    font-weight: bold;
    background-color: transparent;
    color: #333;
    cursor: default;
    outline: none;
    border: none;

}
.navbar-default .navbar-nav > li > a.activeBorder:active, .navbar-default .navbar-nav > li > a.active.activeBorder {
    border-bottom: 5px solid #d63181;
}
.navbar-default .navbar-nav > li > a:hover {
    background-color: #333;
    color: #fff;
    font-weight: normal;
}

/*Mobile navigation new Dante header*/

/* @media only screen and (max-width: 480px){
#slide-nav #slidemenu {
    top: 60px;

}
.overlay {
    top: 109px;
}
}
@media (min-width: 480px) and (max-width: 768px) {
        
        #slide-nav #slidemenu {
    top: 80px;
}
.overlay {
    top: 130px;
}
        
}
*/
.navbar.easy-sidebar.suppressZIndex {
    z-index: 0;
}

@media (max-width:767px) { 
    .singleaccountname {
        line-height: 20px;
        margin-left: 14.5px;
        padding: 0 10px 10px 10px;
        display: inline-block;
    }
    #slide-nav .navbar-toggle > .icon-bar {
        height: 2px;
        margin: 3px 0 0 0;	
        width:25px;
    }
    #slide-nav .navbar-toggle {
        padding:16px 11px;
    }
    .nav-head-chevron {
        margin-top: -6px !important;
    }
    .overlay {
        background-color:#333;
        opacity: .8;
        position: fixed; 
        left: 200px;
        top: 90px;  
        z-index: 9;
        height:100%;
        width:49px;
        display:none;
    }
    .arrow-up-nav {
        width: 0;
        height: 0;
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        border-bottom: 11px solid #333;
        position: absolute;
        top: 50px; 
        left:50px;
    }
    .side-collapse-container{
        width:100%;
        position:relative;
        left:0;
        transition:left .4s;
    }
    .side-collapse-container.out{
        left:200px;
    }
    .side-collapse {
        top:50px;
        bottom:0;
        left:0;
        width:200px;
        position:fixed;
        overflow:hidden;
        transition:width .4s;
    }
    .side-collapse.in {
        width:0;
    }
    .navbar-default .navbar-nav> .open > li > a:hover ,.navbar-default .navbar-nav > .open> li > a:active,
    .navbar-default .navbar-nav> li > a:hover ,.navbar-default .navbar-nav >li > a:active{
        background-color: #f6f6f6 !important;
        background-image:none;
        box-shadow:none;
        /* font-weight:bold !important; */
    }	
    .navbar.easy-sidebar .nav.navbar-nav li .open .set {
        display: block;
    }
    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
        background: #f6f6f6 !important;
        box-shadow: none;
        -webkit-box-shadow: none;
        font-weight: bold !important;
    }

    ul.dropdown-menu.package-nav {
        height: auto;
        background: #333333 !important;
        padding: 0;
        border-radius: 0;
    }
    ul.dropdown-menu.package-nav li a.active {
        border-left: 5px solid #d63181;
    }
    ul.dropdown-menu.package-nav li a.active:hover, ul.dropdown-menu.package-nav li a.active:focus {
        background-color: #333333 !important;
    }
    ul.dropdown-menu.package-nav li:hover {
        background: #000000; 
    }	
    ul.dropdown-menu.package-nav li a {
        height:60px;
        padding:20px !important;
        color:#f6f6f6 !important;
        border:none;
    }
    ul.dropdown-menu.package-nav li a:hover {
        font-weight:bold;
        font-style: normal;
        font-stretch: normal;
        text-align: left;
        color: #333333;
    }
    .navbar-form .dropdown span.icon-dropdown {
        margin:-24px 18px;
        float:right;
        font-size:24px;
        width: 16.5px;
        height: 9px;
        color: #6400aa;
    }
    .align-dropdown {
        margin: -28px 18px !important;
    }
    .navbar-default .navbar-nav .analytics-newmybt:active  {
        background:#f6f6f6;
        box-shadow:none;
        font-weight:bold !important;
    }
    .navbar-default .navbar-nav > li > a.activeBorder:active, .navbar-default .navbar-nav > li > a.active.activeBorder {
        border-bottom: none;
    }
    .navbar.easy-sidebar .nav.navbar-nav>li:hover {
        height: initial;
    }
    .dropdown-menu>li>a:hover {
        color:#333;
    }
    ul#accountNumber {
        margin-left:-15px;
        border:none;
        margin-top:17px;
        background-color: #f6f6f6;
        max-height: 162px;
        border-top: none;
        border-radius:0;
        box-shadow:none;
        padding:0;
        width:100%;
    }
    .dropdown.ng-scope {
        margin: 21px 0 25px 14.5px;
    }
    span.icon-down-chevron.left.icon-dropdown {
        float: right;
        width: 16.5px;
        height: 9px;
        font-size:24px;
        color:#6400aa;
    }
    span.icon-up-chevron.left.icon-dropdown {
        float: right;
        width: 16.5px;
        height: 9px;
        font-size:24px;
        color:#6400aa;
    }
    span.nav-accountno.ng-binding{
        color:#333333;
        padding-left: 3px;
        font-size:16px;
        line-height:20px;
        display:block;
    }
    span.nav-accountno.ng-binding.single-account{
        padding: 20px 20px 10px 20px;
    }

    span.left.nav-accountname.ng-binding.ng-scope {
        font-size: 16px;
        color: #333333;
        font-weight: bold;
        top: 10px;
    }
    html.easy-sidebar-active {
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        margin: 0;
        padding: 0;
    }
    #page-content-wrapper {
        transition: .2s ease;
        min-height: 100%;
        margin: 0;
        padding: 0;
    }
    #page-content-wrapper.toggled {
        -webkit-transform: translateX(250px);
        transform: translateX(250px);
    }
    .secondary-nav-row {
        display: block;
    }
    .nav-accountno-xs {
        padding: 20px 21px;
    }
    .nav-accountno .visible-xs {
        display: inline !important;
    }
    .navbar.easy-sidebar {
        z-index: 100;
        transition: .2s ease;
        width: 50px;
        top: 0;
        min-height: 100%;
        border-radius: 0;
        margin: 0;
        margin-left: 15px;
        margin-top: 0;
        background: #00a0d6;
    }
    .navbar.easy-sidebar.toggled {
        -webkit-transform: translateX(250px);
        transform: translateX(250px);
    }
    .easy-sidebar .btn {
        width: 100%;
    }
    .navbar.easy-sidebar .navbar-header {
        margin: 0 -15px;
        float: none;
    }
    .navbar.easy-sidebar .navbar-brand {
        margin: 0;
    }
    .navbar.easy-sidebar .navbar-toggle {
        display: inline-block;
    }
    .navbar.easy-sidebar .navbar-toggle span.icon-bar:nth-child(3) {
        display: none;
    }
    .navbar.easy-sidebar .nav.navbar-nav {
        margin: 7.5px -15px;
        float: none;
    }
    .navbar.easy-sidebar .nav.navbar-nav>li {
        float: none;
        border-bottom: none;
        height: 60px;
        background-color: #ffffff;
    }
    .navbar.easy-sidebar .nav.navbar-nav>li>a {
        font-size: 18px;
        font-weight: normal;
        text-align: left;
        color: #333333;
        padding: 20px 21px;
    }
    .navbar.easy-sidebar .navbar-nav .open .dropdown-menu .divider {
        box-shadow: 0 1px 0 rgba(255,255,255, .1);
    }
    .navbar.easy-sidebar .navbar-form {
        padding: 10px 15px;
        margin: 8px -15px;
        border-top-width: 1px;
        border-top-style: solid;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);
    }
    .navbar.easy-sidebar .navbar-form .form-group {
        margin-bottom: 5px;
        display: block;
    }
    .navbar.easy-sidebar .navbar-form .form-group .form-control {
        display: block;
        width: 100%;
    }
    #slide-nav .container {
        margin: 0;
        padding: 0!important;
    }
    #slide-nav .navbar-header {
        margin: 0 auto;
        padding:0;
    }
    #slide-nav .navbar.slide-active {
        position: absolute;
        width: 80%;
        top: -1px;
        z-index: 1000;
    }
    #slide-nav #slidemenu {
        background: #ffffff;
        min-width: 0;
        position: fixed;
        padding-left: 0;
        top: 40px; 
        margin: 0;
        height:60%;
        overflow-y:auto;
    }
    #slide-nav #slidemenu.mobnav-top60{
        top:60px;
    }
    #slide-nav #slidemenu.mobnav-top138{
        top:138px;
    }
    #slide-nav #slidemenu.mobnav-top80{
        top:80px;
        }
    .mobnav-top110{
        top:110px;
    }
    .mobnav-top188{
        top:188px;
    }
    .mobnav-top130{
        top:130px;
    }

    #slide-nav #slidemenu .navbar-nav {
        min-width: 0;
        width: 100%;
        margin: 0;
        margin-top:7px;
    }
    #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
        min-width: 0;
        width: 100%;
        white-space: normal;
    }
    #slide-nav {
        border-top: 0;
        border:none;
        height:50px
    }
    #slide-nav.navbar-inverse #slidemenu {
        background: #333
    }
    /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
    #slide-nav #navbar-height-col {
        position: fixed;
        top: 0;
        height: 100%;
        width: 80%;
        left: -80%;
        background: #eee;
    }
    #slide-nav.navbar-inverse #navbar-height-col {
        background: #333;
        z-index: 1;
        border: 0;
    }
    #slide-nav .navbar-form {
        margin: 0;
        overflow: hidden;
        padding: 0;
        background-color: #ffffff;

    }
    #slide-nav .navbar-form .form-control {
        text-align: center
    }
    #slide-nav .navbar-form .btn {
        width: 100%
    }

    .db-username {
        position: static;
        margin: 28px 0 0 0;
    }



    .caller-redirect-row{
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .caller-redirect-row .caller-redict-col-left {
        width: 100%;
        float: left;
    }
    .caller-redirect-row .caller-redict-col-right {
        float: none;
        width: 100%;
        text-align: left;
    }
}
@media (max-width:767px) and (orientation:landscape) {
    .side-collapse-container.out {
        left: 92.5%;
    }
    .overlay {
        left:92.5%;
    }
    .side-collapse {
        width:92.5%;
    }
}
@media (min-width:768px) {
    .navbar.navbar-fixed-top.slide-active {
        position: fixed;
    }
    .navbar-header {
        left: 0!important
    }
    .secondary-nav-holder {
        height: 50px;
    }
    .navbar-default.easy-sidebar{
        border-radius: 0;
        margin: 0;
        padding: 0 30px 0 0;
        height: 50px;
        margin-top: -20px;
        margin-bottom: 0;
    }

    .nav-accountname, .nav-accountno {
        color:#333;
     }
    .nav-accountno {
        font-size: 16px;
        display: inline;
     }
	 .eetheme .ee-secondary-menu-main .ee-navbar-right-menu .nav-accountno,
	 .eetheme .ee-secondary-menu-main .ee-navbar-right-menu .nav-accountname,
	 .eetheme .ee-secondary-menu-main .ee-navbar-right-menu strong	 { /* conapps-364 */
		font-family: 'RubrikRegular', 'Arial', sans-serif !important;
		color: #3c3d41 !important;
	 }
    .nav-accountname  {
        font-weight: bold;
        font-size: 14px;
        display: inline-block;
        width: 115px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .singleaccountname {
        width: 177px;
        overflow: hidden;
        text-align: right;
    }
    .textalignright {text-align: right;}
    .icon-dropdown {
        margin-left: 92px;
        margin-top: 1px;
        font-size: 20px;
        float: right;
        position: relative;
    }
    a.open-order{
        padding: 10px 0 5px 0;
        display: inline-block;
    }

    a.open-order span.icon-dropdown {
        margin-left: 110px;
        margin-top: -15px;
        font-size: 20px;
        color: #7f1c4c;
        position:relative;
    }
    
    .premium-mail-col {
        float: left;
        width: 75%;
        margin-right: 0;
        padding-bottom: 20px;
    }
    .premium-mail-button {
        float: right;
        margin-top: 0;
        margin-right: 0;
    }
    .premium-mail-button .btn-full-details {
        margin-top: 30px;
    }
}
.order-heading h2 {
    margin-top: 70px;
}
.navbar-right-nopadding {
    padding-top: 7px;
    margin-right: -40px !important;
    padding-left: 14px !important;
    border-top: none !important;
}
.remove-padding-order {
    padding-left: 10px !important;
}
@media only screen and (min-width: 980px) {
    .remove-padding-order {
        padding-left: 10px !important;
    }
}
.container-secondary-nav .icon-dropdown {
    color: #6400aa;
}
/* Manage Equipment */
.manageequipment {
    background: #fff !important;
    border: none;
    font-size: 14px !important;
    padding: 20px 0 80px;
}
.manageequipment .btn-main-selected{
    background-color: #027db3;
    border-color: #027db3;
    color: #ffffff;
}
.manageequipment .btn-billing-lrg-3col {
    width: 100%;
    font-size: 1em;
    text-align: left;
    margin: 5px 0;
    height: auto;
    white-space: normal;
    padding: 20px;
}
.manageequipment .btn-main-unselected:hover, .manageequipment .btn-main-unselected:focus {
    background-color: #ffffff;
    border-color: #027db3;
    color: #027db3;
}
.manageequipment .margin-top5 {
    margin-top: 5px;
}
.manageequipment .unbold-label{
    font-family: 'bt_tvregular', 'arial', sans-serif;
}
.manageequipment .panel-default > .panel-heading {
    padding: 15px;
    border-radius: 0;
    position: relative;
}

.manageequipment .iguide-msgs {
    margin: 0 0 10px;
    padding: 15px 0;
}
.manageequipment .supplier-wrapper {
    padding: 30px 20px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}
.manageequipment .panel-default > .panel-heading + .panel-collapse > .panel-body {
    box-shadow: none;
    border-bottom: none;
    padding-bottom: 50px;
}
.manageequipment .btn-lg, .manageequipment .btn-group-lg > .manageequipment .btn {
    padding: 12px 13px;
}
.manageequipment .btn-main-selected:hover, .manageequipment .btn-main-selected:focus {
    background-color: #027db3;
    border-color: #027db3;
    color: #ffffff;
}
.manageequipment .btn-main-unselected {
    background-color: #ffffff;
    border-color: #027db3;
    color: #027db3;
    margin-top: 4px;
    font-family: 'bt_tvbold', 'arial', sans-serif;
}
.manageequipment .btn-main-unselected:hover, .btn-main-unselected:focus,
.manageequipment .ordi-structure .btn-main-unselected:focus{
    background-color: #027db3;
    border-color: #027db3;
    color: #ffffff;
}
.manageequipment .btn {
    font-family: 'bt_tvbold', 'arial', sans-serif;
    height: 120px;
    margin: 5px 0 5px 20px;
    padding: 20px;
    font-size: 16px;
    float: left;
    text-align: center;
    width: 278px;
    border-radius: 5px;
}
.manageequipment .panel-heading .icon-clock-white {
    background: url('../../shared/img/OT_Sprite-Sheet.png') no-repeat -562px -296px;
    width: 36px;
    height: 36px;
    position: absolute;
    right: 20px;
    top: 8px;
}
.manageequipment .postcode-label {
    padding-left: 20px;
    font-weight: 800;
    font-size: 16px;
    margin-bottom: 10px;
}
.manageequipment .delivery-instruction-container textarea {
    width: 332px;
    height: 73px;
    resize: none;
}
.manageequipment .new-address-textbox {
    background-color: #fff;
    border-radius: 5px;
    height: 40px;
    padding: 0 15px;
    width: 36%;
}
.panel-group.panel-radius .panel {
    border-radius: 0;
}
.panel-default > .panel-heading.active-panel {
    background-image: none;
    background-color: #027db3;
    color: #fff;
}
.panel-default > .panel-heading.unvisited-panel {
    background-image: none;
    background-color: #888;
    color: #fff;
}
.panel-default > .panel-heading {
    filter: none;
}
[type=checkbox].partial-cancel-check:checked, [type=checkbox].partial-cancel-check:not(:checked) {
    left: -9999px;
    position: absolute;
}
[type=checkbox].partial-cancel-check:checked+label, [type=checkbox].partial-cancel-check:not(:checked)+label {
    cursor: pointer;
    padding-left: 25px;
    position: relative;
}
[type=checkbox].partial-cancel-check:checked+label:before, [type=checkbox].partial-cancel-check:not(:checked)+label:before {
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 3px;
    content: '';
    height: 25px;
    left: 0;
    position: absolute;
    top: -15px;
    width: 25px;
}
[type=checkbox].partial-cancel-check:checked+label:after, [type=checkbox].partial-cancel-check:not(:checked)+label:after {
    color: #09ad7e;
    content: '\f00c';
    font-family: 'FontAwesome', 'arial', sans-serif;
    font-size: 20px;
    left: 3px;
    line-height: .8;
    position: absolute;
    top: -10px;
    transition: all .2s;
}
.bt-regular14 {
    font-size: 14px;
}
.manageequipment.customer .sprite.timeline-grey-arrow {
    right: 30%;
    top: -11px;
}
@media (min-width: 980px) {
    .manageequipment.customer .sprite.timeline-grey-arrow {
        right: 18%;
        top: -11px;
    }
}
/* Manage Equipment Ends */
/* End */
.footer-order-details-margin-top {
    display: inline-block;
    margin-top: 40px;
}

.btvsg-error-block-get-order-api .chat-to-us-here-cta {
    padding: 0 40px !important;
}
.pricing-link.quick-links ul {
    float: left;
}
.padding-bottom-timeline-milestone-new {
	padding-bottom: 10px;
}
.make-inline-for-timeline {
    display: inline !important;
}
.make-inline-block-for-timeline {
    display: inline-block;
}
/*AEM header footer overrides*/
.aem-global-footer-cookie .footer {
    max-width: 100% !important;
    border: none;
}
.aem-global-footer ul li {
    overflow: inherit;
}
.aem-global-footer ul li a {
    padding: 0;
    text-align: left;
}
.manageequipment .link-anchor-font {
    font-size: 16px;
    line-height: 21px;
}