/*MOBILE FIRST*/
.right-0 {
    right: 0;
}
.right-20{
    right:20px;
}
.top-0 {
    top: 0;
}
.pad-r-70{
    padding-right: 70px;
}
.column-spacer-30 > div {
    padding-left: 15px;
    padding-right: 15px;
}
.img-responsive-height {
    max-height: 100%;
}
.height-40 {
    height: 40px;
}
.height-350 {
    height: 350px;
}

.height-440 {
    height: 440px;
}

.height-auto{
    height: auto;
}

.max-h-100 {
    max-height: 100%;
}

.max-height-225 {
    max-height: 225px;
}

.min-height-300 {
    min-height: 300px;
}

.width-70 {
    width: 70px;
}

.width-165 {
    width: 165px;
}

.width-175 {
    width: 175px;
}

.width-215 {
    width: 215px;
}

.width-220 {
    width: 220px;
}

.width-275 {
    width: 275px;
}

.width-290 {
    width: 290px;
}

.min-width-90 {
    min-width: 90px;
}

.min-width-160 {
    min-width: 160px;
}

.max-width-180 {
    max-width: 180px;
}

.max-width-260 {
    max-width: 260px;
}
.min-width-205 {
    min-width: 205px
}

.min-width-280 {
    min-width: 280px
}

.max-width-290 {
    max-width: 290px;
}

.max-width-300 {
    max-width: 300px;
}

.max-width-630 {
    max-width: 630px;
}

.z-index-2 {
    z-index: 2;
}

.bg-very-light-grey {
    background-color: #f4f4f4;
}

.bgLightBlue {
    background-color: #00549A;
}

.bgDarkBlue {
    background-color: #0072AD;
}

.bgDarkBlue3 {
    background-color: #003778;
}

.bgTurquoise {
    background-color: #40BFD8;
}

.bgCyan {
    background-color: #9AFAE2;
}

.txtYellowOrange1 {
    color:#DD9C33;
}

.txtBlack2_hover:focus,
.txtBlack2_hover:hover{color: #111}
.txtSize13{font-size: 13px}
.txtSize42{font-size: 42px}
.txtSize48{font-size: 48px}
.txtSize72{font-size: 72px}
.txtSize80 {font-size: 80px;}
.line-height-18{line-height: 18px}
.dimension-60{height:60px;width:60px}
.dimension-72{height:72px;width:72px}
.dimension-psql-80{height:80px;width:80px}
.dimension-100{height:100px;width:100px}
.border-gray2-right {border-right: 1px solid #e1e1e1;}

.borderRadiusAll4 {
    border-radius: 4px;
}

.borderRadiusAll34 {
    border-radius: 34px;
}

.text-tag {
    text-transform: uppercase;
    background-color: #00549a;
    padding: 3px 8px;
    color: #fff;
    font-size: 10px;
    border-radius: 2px;
    line-height: 14px;
}

.text-tag-positioned-center{
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

/*Start Transfer Feedback Textarea*/
.data-transfer-feedback{
    background-color: #f4f4f4;
    border: 2px solid #D4D4D4;
    height: 130px;
}
/*End Transfer Feedback Textarea*/

/*Start Card Link options*/
.card-link-options > div:not(:last-child),
.data-transfer-options > div:not(:last-child){
    margin-bottom:15px;
}
.card-link-options > div.active .card-link-label,
.data-transfer-options > div.active .data-transfer-option-label{
    color:#00549A;
    font-weight: bold;
}
.card-link-option,
.data-transfer-option{
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);
}
.card-link-options > div.active .card-link-option:before,
.data-transfer-options > div.active .data-transfer-option:before {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    box-shadow: 0px 0px 0px 3px #00549a inset;
    pointer-events: none;
    z-index: 1;
    border-radius: 4px;
}
.card-link-content-panel::before{
    content: '';
    height: 30px;
    margin-top: -30px;
    display: block;
}

.data-transfer-content-js::before{
    content: '';
    height: 75px;
    margin-top: -75px;
    display: block;
}
/*End Card Link options*/


/*Start map coverage*/
.map-custom-height {
    min-height: 445px;
}

.coverage-map-tile-color-round {
    height: 14px;
    width: 14px;
    border-radius: 50%;
}

    .coverage-map-tile-color-round > img {
        vertical-align: baseline;
    }

.destination-content-details > div {
    display: none;
}

.roaming-color-box {
    height: 17px;
    width: 17px;
    border-radius: 5px;
}

.coverage-box {
    height: 30px;
    width: 30px;
    border-radius: 5px;
}
/*End map coverage*/

/*Start emulator selector */
.line-height-25 {
    line-height: 25px;
}

.height-532 {
    height: 532px;
}

.emulator-menu-open-btn {
    margin-left: 15px;
    border: 0;
    font-size: 16px;
    cursor: pointer;
}

.emulator-image-btn {
    font-size: 18px;
    border: 0;
    cursor: pointer;
}

.emulator-content-btn {
    display: flex;
    justify-content: center;
}

.carousel-container-js .slider-with-data-options .slick-prev {
    left: 30px;
    top: calc(40% - 25px);
}

.carousel-container-js .slider-with-data-options .slick-next {
    right: 0px;
    top: calc(40% - 25px);
}

    .carousel-container-js .slider-with-data-options .slick-next:focus:before,
    .carousel-container-js .slider-with-data-options .slick-prev:focus:before {
        border: 0px;
        box-shadow: none;
    }

    .carousel-container-js .slider-with-data-options .slick-next:before,
    .carousel-container-js .slider-with-data-options .slick-prev:before {
        color: #00549a;
        opacity: 1;
    }

    .carousel-container-js .slider-with-data-options .slick-prev.slick-disabled,
    .carousel-container-js .slider-with-data-options .slick-next.slick-disabled {
        opacity: 0;
    }

.carousel-container-js .slider-with-data-options .slick-prev,
.carousel-container-js .slider-with-data-options .slick-next {
    border: 1px solid #E1E1E1;
}

    .carousel-container-js .slider-with-data-options .slick-prev:hover,
    .carousel-container-js .slider-with-data-options .slick-next:hover {
        border: 1px solid #00549a;
    }

.emulator-header.emulator_list-steps .emulator-header-steps > div > button.listOfStepsBtn,
.emulator-header:not(.emulator_list-steps) .emulator-header-steps > div > button.stepByStepBtn {
    border-bottom: 3px solid #00549a;
    color: #111;
    fill: #111;
    text-decoration: none;
    padding-bottom: 5px;
}

.emulator-image-hide {
    display: none !important;
}

.emulator-body-scroll {
    /*height: 600px;*/
    overflow: hidden;
    overflow-y: auto;
}

.emulator-image-btn .icon-Image_bl_wot {
    font-weight: bold !important;
}

.emulator-menu-open-btn .icon-menu {
    font-weight: bold !important;
    color: #00549a;
}

.emulator-header-btns button:focus,
.emulator-using-device-modal button.stepByStepBtnMob,
.emulator-using-device-modal button.listOfStepsBtnMob {
    border-radius: 2px;
}

.carousel-container-js .slider-with-data-options .slick-prev:hover::before,
.carousel-container-js .slider-with-data-options .slick-next:hover::before,
.carousel-container-js .slider-with-data-options .slick-next:focus::before,
.carousel-container-js .slider-with-data-options .slick-prev:focus::before {
    color: #0e5ba1;
}

.tooltip-interactive.icon-info, [class*='tooltip-'].icon-info {
    color: #707070;
}

.step-content li {
    color: #2B2B2B;
}

.sup_blinkImg {
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes blinker {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

.emulator-carousel img, .emulator-carousel-mobile img {
    position: absolute;
}

.emulator-carousel .slick-list, .emulator-carousel-mobile .slick-list {
    padding: 0;
}

/*End emulator selector */

/*Custom for Accordion content template*/

.brf-support.content-accordion .content-accordion-body ol, .brf-support .content-accordion-body ul {
    margin-top: 15px;
}

.brf-support.content-accordion .content-accordion-body li {
    margin-bottom: 10px;
}

.brf-support.content-accordion .content-accordion-body p:last-child {
    margin-bottom: 10px;
}

.brf-support.content-accordion .content-accordion-applicability {
    padding-top: 30px;
    padding-bottom: 30px;
}

.brf-support.content-accordion .accordionContainer:last-child > .accordion-wrap:last-of-type {
    border-bottom: 0;
}

.brf-support.content-accordion .content-accordion-body thead th:not(:first-child), thead td:not(:first-child) {
    box-shadow: inset 1px 0 0 0 #003778;
}

.brf-support.content-accordion .content-accordion-body .search-select-your-device .price-description p {
    margin-bottom: 10px;
}

.brf-support.content-accordion .content-accordion-body .search-select-your-device .price-description p:last-child {
    margin-bottom: 15px;
}

.brf-support.content-accordion .content-accordion-body .search-select-your-device .device-model {
    font-weight: 700;
    font-family: Helvetica, Arial, sans-serif;
    letter-spacing: normal;
    line-height: 22px;
    font-size: 18px;
    margin-bottom: 15px;
}


.slick-prev, .slick-next, .slick-prev:hover, .slick-next:hover {
    opacity: 1;
    width: 50px;
    height: 50px;
    background-color: white;
    box-shadow: 0 14px 36px 0 rgba(0, 0, 0, 0.30);
}

/* start quick links custom class */
.quick-links a:hover .deep-anchor-text,
.quick-links a:focus .deep-anchor-text {
    color: #003778;
}

body.is_tabbing main .quick-links a:not(.btn):not(.skip-to-main-link):not(.borderRadiusAll10):not(.button-link-2):not(.button-link):not(.button-3ld1eg0):not(.bhp-banner-cta):focus {
    border-radius: 10px;
}

.quick-links a.h-100 {
    border-radius: 10px;
}

.quick-links a:before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    box-shadow: 0 6px 25px 0 rgba(0,0,0,.12);
    border-radius: 10px;
}
/* end quick links custom class */

.configurable-slider .slick-slide:focus {
    border-radius: 2px;
}


/* custom class download app/google play store */
.img-download-app {
    height: 30px
}

/* start custom css for support-mobility nav */
.support-mobility-nav .dropdown-menu {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #00549a;
    border-radius: 0;
    box-shadow: 0 14px 36px 0 rgba(0,0,0,0.3);
    border: 1px solid #E1E1E1;
    width: 290px;
}
.support-mobility-nav .arrow::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    border: 1px solid #E1E1E1;
    border-bottom: none;
    border-left: none;
    background-color: #fff;
    transform: rotate(-45deg) translateX(250%);
}
.support-mobility-nav .support-mobility-nav-item:focus {
    border-radius: 2px;
}
.support-mobility-nav .support-mobility-nav-item:hover, .support-mobility-nav .support-mobility-nav-item:focus {
    color: #003778;
}
.support-mobility-nav .support-mobility-nav-item:hover > .anchor-text, .support-mobility-nav .support-mobility-nav-item:focus > .anchor-text, .support-mobility-nav .support-mobility-nav-item:hover > .anchor-text span, .support-mobility-nav .support-mobility-nav-item:focus > .anchor-text span {
    text-decoration: underline;
}
.support-mobility-nav .dropdown-menu .dropdown-item {
    padding: unset;
}
.support-mobility-nav .support-mobility-nav-item::after {
    display: none;
}
/* end custom css for support-mobility nav */
/* start custom modal styles */
.modal.modal-support-mobility .modal-body {
    padding: 0px 30px 30px;
}
.modal.modal-support-mobility button.close:focus {
    border: 0;
}
/* end custom modal styles */

/*Start prices styles*/
.big-price, .small-price {
    color: #00549a;
    font-family: "bellslim_font_heavy", Helvetica, Arial, sans-serif;
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 46px;
    white-space: nowrap;
}

.big-price span, .small-price span {
font-size: 18px;
letter-spacing: -.45px;
line-height: 22px;
margin-right: 1px;
position: relative;
top: 6px;
vertical-align: top;
}

.big-price span:last-of-type, .small-price span:last-of-type {
    margin-left: 2px;
}
/*End prices styles*/


/*start form control overrides*/
.form-control {
    font-size: 14px;
    line-height: 18px;
}
/*end form control overrides*/

/*start footnote modal css*/
.footnote-modal-trigger {
    line-height: 1;
}

.footnote-modal .modal-header {
    background-color: #fff;
    border: 0;
    margin-top: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.modal.footnote-modal:after {
    background-color: transparent;
}

.footnote-modal .modal-dialog {
    position: fixed;
    left: 0;
    bottom: 0;
}

.footnote-modal .modal-content {
    border-radius: 0;
    -webkit-box-shadow: 0 0 14px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 0 14px rgba(0,0,0,0.3);
    box-shadow: 0 0 14px rgba(0,0,0,0.3);
}

.footnote-modal .modal-dialog .modal-content .modal-header .close {
    padding-top: 10px;
    padding-bottom: 10px;
}

.footnote-modal.fade:not(.show) {
    opacity: 1;
}

.footnote-modal.fade {
    transition: .3s;
}

.footnote-modal-opened {
    overflow-y: auto;
    padding: 0 !important;
}

.footnote-modal.modal.fade .modal-dialog {
    transform: translateY(100%);
    transition: transform .3s;
}

.modal-open .footnote-modal.modal.fade .modal-dialog {
    transform: translateY(0px);
}

.footnote-modal {
    pointer-events: none;
}
/*end footnote modal css*/

/* start custom modal video styles */
.play-btn-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.modal-dialog-video {
    width: 70%;
    max-width: 100%;
}

.manufacturer-result-js ul li{
    list-style-type: disc;
}

/*START custom-emulator-table override*/
.custom-emulator-table.scrollableContainerShadow-table table th.min-width-110 {
    min-width: 110px;
}

.custom-emulator-table.scrollableContainerShadow-table table th.min-width-155 {
    min-width: 155px;
}

.custom-emulator-table.scrollableContainerShadow-table table th.min-width-160 {
    min-width: 160px;
}

.custom-emulator-table.scrollableContainerShadow-table table th.min-width-205 {
    min-width: 205px;
}

.custom-emulator-table.scrollableContainerShadow-table table th, .custom-emulator-table.scrollableContainerShadow-table table td {
    padding: 15px 20px;
}

.custom-emulator-table.scrollableContainerShadow-table table td strong.txtDarkGrey {
    color: #555
}

.custom-emulator-table.scrollableContainerShadow-table p {
    margin-bottom: 10px;
}

.custom-emulator-table.scrollableContainerShadow-table table td {
    background-color: #ffffff;
}
/*END custom-emulator-table override*/
/*START custom-emulator-table custom scroll bar for tables*/
.custom-emulator-table .custom-emulator-table-wrapper::-webkit-scrollbar {
    height: 6px;
}

.custom-emulator-table .custom-emulator-table-wrapper::-webkit-scrollbar-track {
    background: #e1e1e1;
    height: 6px;
}

.custom-emulator-table .custom-emulator-table-wrapper::-webkit-scrollbar-thumb {
    height: 6px;
    background: #00549A;
    border-radius: 3px;
}
/*END custom-emulator-table custom scroll bar for tables*/
/*START custom-emulator-table left and right shadow*/
.custom-emulator-table.left.scrollableContainerShadow-table:before {
    width: 46px;
    -webkit-transition: width .5s;
    transition: width .5s;
}

.custom-emulator-table.scrollableContainerShadow-table:before {
    width: 0;
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: -moz-linear-gradient(270deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    background: -webkit-linear-gradient(270deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(270deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    -webkit-transition: width .1s;
    transition: width .1s;
}

.custom-emulator-table.right.scrollableContainerShadow-table:after {
    width: 46px;
    -webkit-transition: width .5s;
    transition: width .5s;
}

.custom-emulator-table.scrollableContainerShadow-table:after {
    width: 0;
    pointer-events: none;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: -moz-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    background: -webkit-linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    background: linear-gradient(90deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%);
    -webkit-transition: width .1s;
    transition: width .1s;
}
/*END custom-emulator-table left and right shadow*/

/* mobile only */
@media (max-width: 767.98px) {
    .border-gray2-top-xs{border-top: 1px solid #e1e1e1}
    .border-h-xs-0 {
        border-left: 0;
        border-right: 0;
    }
    .no-border-bottom-radius-xs {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .height-200-xs {
        height: 200px;
    }

    .emulator-heading {
        border-top: 0;
        background-color: transparent;
        /*padding-top: 20px;*/
    }

    .btns-md-display {
        display: none;
    }

    .emulator-image-btn {
        position: relative;
        left: 15px;
        right: 0;
        background-color: transparent;
    }

    .emulator-menu-open-btn {
        position: relative;
        left: 10px;
        right: 0;
        background-color: transparent;
    }

    .carousel-container-js .slider-with-data-options .slick-prev {
        left: 0px;
    }

    .carousel-container-js .slider-with-data-options .slick-next {
        right: 0px;
    }

    .emulator-body.emulator_list-steps .emulator-header-steps > button.listOfStepsBtnMob,
    .emulator-body:not(.emulator_list-steps) .emulator-header-steps > button.stepByStepBtnMob {
        border-bottom: 3px solid #00549a;
        color: #111;
        fill: #111;
        text-decoration: none;
        padding-bottom: 5px;
    }
    /*Start map coverage*/
    .map-custom-height {
        min-height: 265px;
    }
    /*End map coverage*/

    /*start footnote modal css*/
    .footnote-modal .modal-dialog .modal-content .modal-header .close {
        margin-right: -5px;
    }

    .footnote-modal .modal-header {
       padding-bottom: 0px;
        padding-top: 15px;
        margin-top: 0;
    }

    .footnote-modal .modal-body {
        margin-bottom: 30px;
        padding-bottom: 5px;
        padding-top:5px;
    }
    /*end footnote modal css*/
    /*Start Network lookup tool / modal nav*/
    /*BBRFS-2649*/
    .device-selector.has-selected-device .modal-dialog, .device-selector.has-selected-device .modal-content,
    .network-lookup.has-selected-device .modal-dialog, .network-lookup.has-selected-device .modal-content {
        height: auto;
    }
    /*End Network lookup tool / modal nav*/
}

/* tablet and larger */
@media (min-width: 768px) {
    .height-60-sm {
        height: 60px;
    }
    
    .height-305-sm {
        height: 305px;
    }

    .h-100-sm {
        height: 100%;
    }
    
    .height-175-sm {
        height: 175px;
    }   
    .max-height-unset-sm {
        max-height: unset;
        max-height: none;
    }
    .width-135-sm {
        width: 135px;
    }
    .width-175-sm{
        width: 175px;
    }
    .width-180-sm{
        width: 180px;
    }
    .width-215-sm {
        width: 215px;
    }
    .width-220-sm {
        width: 220px;
    }   
    .width-325-sm {
        width: 325px;
    }
    .width-360-sm{
        width: 360px;
    }
    .width-365-sm{
        width: 365px;
    }
    .min-width-950-sm {
        min-width: 950px;
    }
    .max-width-unset-sm {
        max-width: unset;
        max-width: none;
    }
    .width-55p-sm {
        width: 55%;
    }
    .width-50p-sm {
        width: 50%;
    }
    .width-45p-sm {
        width: 45%;
    }
    .max-width-160-sm {
        max-width: 160px;
    }

    .max-width-270-sm {
        max-width: 270px;
    }

    .max-width-310-sm {
        max-width: 310px;
    }

    .dimension-72-sm {
        height: 72px;
        width: 72px;
    }
    .dimension-90-sm {height: 90px; width: 90px;}

    .btns-xs-display {
        display: none;
    }

    .txtSize56-sm{font-size: 56px;}
    .txtSize72-sm {
        font-size: 72px;
    }

    .subtitle-2-reg-sm {
        font-size: 18px;
        font-weight: 400;
        font-family: Helvetica, Arial, sans-serif;
        letter-spacing: normal;
        line-height: 22px;
    }

    .column-spacer-30-sm {
        margin-left: -15px;
        margin-right: -15px;
    }

    .column-spacer-30-sm > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .column-spacer-60-sm {
        margin-left: -30px;
        margin-right: -30px;
    }

    .column-spacer-60-sm > div {
        padding-left: 30px;
        padding-right: 30px;
    }

    .position-absolute-sm {
        position: absolute;
    }

    .position-center-sm {
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }
    .border-lightGray-sm {border: 1px solid #d4d4d4;}

    .border-r-0-sm {
        border-right: 0;
    }

    .data-transfer-column{
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }

    /*Start map coverage*/
    .roaming-color-box {
        height: 22px;
        width: 22px;
        border-radius: 5px;
    }
    /*End map coverage*/

    /*START card-link */
    .card-link-option,
    .data-transfer-option{
        border-radius: 10px;
        border: 1px solid #e1e1e1;
        box-shadow: 0 6px 25px 0 rgba(0,0,0,0.12);
    }
    .card-link-options > div.active .card-link-option:before,
    .data-transfer-options > div.active .data-transfer-option:before {
        border-radius: 10px;
    }
    /*END card-link */
    /* start custom css for support-mobility nav */
    .support-mobility-nav .support-mobility-nav-item {
        width: 117px;
    }
    .support-mobility-nav ul li:not(.left-item-sm):not(.right-item-sm) .dropdown-menu {
        left: -74%;
    }
    .support-mobility-nav ul li:not(.left-item-sm):not(.right-item-sm) .dropdown-menu .arrow::before {
        left: 31%;
    }
    /* end custom css for support-mobility nav */

    /*start footnote modal css*/
    .footnote-modal .modal-header {
        height: auto;
        padding-bottom: 0px;
    }

    .footnote-modal .modal-body {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 25px;
    }
    /*end footnote modal css*/
}
/*Start Emulator steps*/
.emulator {
    overflow: hidden;
}

    .emulator .step-nav li {
        position: relative;
        border-right: 1px solid #e1e1e1;
    }

        .emulator .step-nav li a {
            text-decoration: none;
        }

        .emulator .step-nav li.active-step {
            background: #00549A;
        }

body.is_tabbing main .step-nav ul li a:focus {
    outline-offset: -4px !important;
    border-radius: 0px !important;
}

body.is_tabbing main .step-nav ul li.active-step a:focus {
    outline: 2px solid #ffffff !important;
}

.carousel-container-js .emulator-carousel.slider-with-data-options .slick-prev,
.carousel-container-js .emulator-carousel.slider-with-data-options .slick-next,
.carousel-container-js .emulator-carousel-mobile.slider-with-data-options .slick-prev,
.carousel-container-js .emulator-carousel-mobile.slider-with-data-options .slick-next {
    top: calc(50% - 25px);
}

.emulator .carousel-container-js .slider-with-data-options .slick-prev {
    left: 15px;
}

.emulator .carousel-container-js .slider-with-data-options .slick-next {
    right: 15px;
}

.emulator .emulator-carousel .slick-prev:hover::before, .emulator .emulator-carousel .slick-next:hover::before,
.emulator .emulator-carousel .slick-next:focus::before, .emulator .emulator-carousel .slick-prev:focus::before {
    color: #00549A;
}

/* Start Call_Answer_for_home_phone */
.font-arial {
    font-family: Arial;
}

#calling-features-options a.active {
    background-color: #00549a;
    color: #FFF;
    text-decoration: none
}


#calling-features-options .scrollAdjust::-webkit-scrollbar {
    width: 6px;
}

#calling-features-options .scrollAdjust::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #00549A;
}

.borderRadiusBottomRight10 {
    border-radius: 0 0 10px 0;
}

.borderRadiusTopRight10 {
    border-radius: 0 10px 0 0;
}

.border-radius-10 {
    border-radius: 10px;
}

#calling-features-panel-sub-topic {
    position: relative;
    width: 100%
}

    #calling-features-panel-sub-topic > div.feedback {
        position: absolute;
        bottom: 0;
        width: 100%
    }

.height-650 {
    height: 650px;
}

.calling-features-footer {
    position: absolute;
    border: 1px solid #D4D4D4;
    bottom: 0;
    width: 100%;
}

.community-forum-wrapper.d-flex > div {
    flex: 33.33%;
}

.border-radius-right-10 {
    border-radius: 0 10px 10px 0;
}

.border-radius-left-10 {
    border-radius: 10px 0 0 10px;
}

.border-radius-top-10 {
    border-radius: 10px 10px 0 0;
}


#calling-features-options a {
    margin-left: -27px;
    margin-right: -5px;
    padding-left: 27px;
    padding-right: 5px;
}

.community-forum-wrapper h2 {
    color: #111111;
    font-family: BellSlim;
    font-size: 24px;
    font-weight: 900;
    letter-spacing: -0.4px;
    line-height: 26px;
}

.community-forum-wrapper p {
    color: #555555;
    font-family: Arial;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 18px;
}

.img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.community-forum-wrapper .d-flex.flex-column {
    flex: 2 1 50px;
    margin-left: -85px;
    margin-right: -120px;
    margin-top: -30px;
    z-index: 1;
}

.sub-topic-popover-screen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
    z-index: 15;
    display: none;
}

.emulator .step-nav li.active-step a {
    color: #fff;
}

.emulator .step-nav li.selected-step a {
    background: #F4F4F4;
}

.emulator .step-nav li.selected-step:before {
    content: "\e90d";
    font-family: 'bell-icon';
    position: absolute;
    left: 12px;
    top: 12px;
    color: #00549A;
    font-size: 6px;
}

.emulator-carousel .slick-prev:hover::before, .emulator-carousel .slick-next:hover::before,
.emulator-carousel .slick-next:focus::before, .emulator-carousel .slick-prev:focus::before {
    color: #00549A;
}

.emulator-carousel .slick-prev:hover, .emulator-carousel .slick-next:hover,
.emulator-carousel .slick-next:focus, .emulator-carousel .slick-prev:focus {
    background: #fff;
}

.step-nav ul {
    position: absolute;
    width: 100%;
}

.emulator .scrollAdjust::-webkit-scrollbar {
    width: 6px;
    margin-left: 3px;
    margin-right: 3px;
}

.emulator .scrollAdjust::-webkit-scrollbar-thumb {
    background: #00549A;
    border-radius: 3px;
}
/*End Emultaor steps*/
/* tablet only */
@media (min-width: 768px) and (max-width: 991.98px) {
    .community-forum-wrapper {
        height: 304px
    }

        .community-forum-wrapper .d-flex.flex-column {
            flex: 1 2 auto;
            margin-left: 0;
            margin-right: 0;
        }
    /*Start map coverage*/
    .map-custom-height {
        min-height: 338px;
    }
    /*End map coverage*/

    .column-spacer-15-sm {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }

        .column-spacer-15-sm > div {
            padding-left: 7.5px;
            padding-right: 7.5px;
        }
}
/* mobile and tablet only */
@media (max-width: 991.98px) {

    .subtitle-2-reg-3 {
        font-size: 14px;
        line-height: 18px;
        color: #555;
    }

    /*Start map coverage*/
    .container.no-pad-sm {
        padding: 0;
    }
    /*End map coverage*/
    .border-r-sm-0 {
        border-right: 0;
    }    
}

@media (min-width: 768px) {
    #calling-features-options a:not(.active):hover {
        background-color: #C2CEDF
    }

    /*Start emulator steps css*/

    .emulator .carousel-container-js .slider-with-data-options .slick-prev {
        left: -5px;
    }

    .emulator .carousel-container-js .slider-with-data-options .slick-next {
        right: 25px;
    }
}

@media (max-width: 767px) {

    .community-forum-wrapper .d-flex.flex-column {
        margin: 30px
    }

    #calling-features-options a {
        margin-left: -37px;
        margin-right: -15px;
        padding-left: 37px;
        padding-right: 15px;
    }

    .community-forum-wrapper {
        box-shadow: 0 6px 25px 0 rgba(0,0,0,0.12);
        overflow: hidden;
    }

    .margin-r-auto.img-container {
        margin-right: -79px;
        margin-bottom: -1px;
        margin-top: -30px;
    }

    .height-650 {
        height: auto;
    }

    #calling-features-panel .default.sub-topic {
        display: none;
    }

    body.calling-features-active .sub-topic:not(.hide):not(.default) {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 11111;
        width: 100%;
        display: block;
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 30px;
        background-color: #fff;
    }

    body.calling-features-active .sub-topic-popover-screen {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1111;
        opacity: .6;
    }

    body.calling-features-active {
        overflow: hidden;
    }
}
/* Start Call_Answer_for_home_phone */

.carousel-container-js .slider-with-data-options .slick-next {
    right: 0px;
}

/*Using my device*/

.modal.emulator-using-device-modal .modal-dialog {
    bottom:unset;
}

.modal.emulator-using-device-modal .modal-header {
    border-radius: 0;
}

.additional-info-modal{
    color:#707070;
    border-radius: 2px;
}

.emulator-using-device .accordian-options li a:focus,
.emulator-using-device .emulator-left-nav .accordion-wrap button.collapse-trigger:focus {
    outline-offset: -4px !important;
    border-radius: 0px !important;
}
.emulator-using-device-modal [class^=accordion] [data-toggle="collapse"]:focus {
    border-radius: 2px;
}
.emulator-using-device h3 > a:hover,
.emulator-using-device h3 > a:focus {
    color: #111;
}

.width-736 {
    width: 736px;
}


.emulator-using-device .accordion-wrap {
    border-bottom: 1px solid #d4d4d4;
    list-style: none;
    position: relative;
}

.emulator-using-device .accordian-options {
    padding-left: 0;
}

    .emulator-using-device .accordian-options li {
        list-style: none;
        margin: 0;
    }

        .emulator-using-device .accordian-options li a {
            width: 100%;
            padding: 15px 40px 15px 30px;
            position: relative;
        }

        .emulator-using-device .accordian-options li.active {
            background: #00549A;
        }

            .emulator-using-device .accordian-options li.active a {
                color: #fff;
            }
.width-72 {
    width: 72px;
    height: 72px;
}

.emulator-using-device .emulator-heading {
    margin-left: -25px;
    width: calc(100% + 25px);
}

.border-radius-10-top-right {
    border-top-right-radius: 10px;
}

.vertical-reverse {
    transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
}

.emulator-using-device .emulator-left-nav .accordion-wrap:last-child {
    border-bottom: none;
}

body.lis-article-active .article-component-intial {
    display: none !important;
}

.article-component-mobile-header {
    display: none;
}

.article-component-target-wrap .page-header-lis-title {
    display: none;
}

.emulator-using-device .right-panel .page-header-lis,
.emulator-using-device .right-panel .article-header-back {
    display: none;
}

.emulator-using-device .feedback-article {
    margin-left: -25px;
    width: calc(100% + 25px);
    border-bottom-right-radius: 10px;
}

.emulator-using-device .article-component-intial {
    margin-left: -25px;
    width: calc(100% + 25px);
}

.emulator-using-device .carousel-container-js .slider-with-data-options .slick-prev {
    left: 0px;
}

.listofsteps_title {
    margin-bottom: 20px;
    display: flex;
}

.emulator-carousel .stepbystep_title figure {
    height: 442px;
    left: 30%;
}

.article-emulator .carousel-container-js .slider-with-data-options .slick-prev {
    left: 40px;
}

.article-emulator .carousel-container-js .slider-with-data-options .slick-next {
    right: 40px;
}

.article-component-target-wrap.article_list-steps .emulator-header-steps button.listOfStepsBtn,
.article-component-target-wrap:not(.article_list-steps) .emulator-header-steps button.stepByStepBtn,
.emFullView.article_list-steps .emulator-header-steps button.listOfStepsBtn,
.emFullView:not(.article_list-steps) .emulator-header-steps button.stepByStepBtn {
    border-bottom: 3px solid #00549a;
    color: #111;
    fill: #111;
    text-decoration: none;
    padding-bottom: 5px;
}

.article-component-target-wrap .emulator-header-steps button {
    color: #00549A;
}

.article-component-target-wrap .emulator-menu-open-btn .icon-menu {
    color: inherit;
}

.resource-links > div {
    width: calc(33% - 35px);
}

.resource-links {
    flex-wrap: wrap;
}

.feedbackRound {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.feedbackRoundR {
    border-bottom-right-radius: 10px;
}

.feedbackRound .feedback-article {
    background-color: transparent;
}

.article_lis .emulator-body .accordion-wrap:last-child {
    border-bottom: none;
}

.border-round-right {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
/* tablet only */
@media (min-width: 768px) and (max-width: 991.98px) {
    .emulator-using-device .emulator-left-nav .accordian-options li a {
        padding-right: 40px;
    }

    .carousel-container-js .slider-with-data-options .slick-next {
        right: 0px;
    }

    .emulator-using-device .emulator-heading,
    .emulator-using-device .feedback-article,
    .emulator-using-device .article-component-intial {
        margin-left: -40px;
        width: calc(100% + 40px);
    }

    .margin-l-neg-5-sm {
        margin-left: -5px;
    }

    .margin-l-neg-10-sm {
        margin-left: -10px;
    }

    .resource-links > div {
        width: calc(50% - 7px);
    }

        .resource-links > div:last-child {
            margin-top: 30px;
        }

    .article-emulator .carousel-container-js .slider-with-data-options .slick-prev {
        left: 0;
    }

    .article-emulator .carousel-container-js .slider-with-data-options .slick-next {
        right: 0;
    }
    /* start custom css for support-mobility nav */
    .support-mobility-nav ul li.left-item-sm .dropdown-menu {
        left: -51%;
    }
	.support-mobility-nav ul li.right-item-sm .dropdown-menu {
        left: -97%;
    }
	.support-mobility-nav ul li.left-item-sm .dropdown-menu .arrow::before {
        left: 19.5%;
    }
	.support-mobility-nav ul li.right-item-sm .dropdown-menu .arrow::before {
        left: 42%;
    }
    /* end custom css for support-mobility nav */
}

@media (min-width: 768px) {
    .min-height-600-sm {
        min-height: 600px;
    }
    .min-sm-height-440 {
        min-height: 440px;
    }
    .height-440-sm{
        height: 440px;
    }
}

@media (min-width: 992px) {
    
    .width-215-md {
        width: 215px;
    }
    .width-230-md {
        width: 230px;
    }
    .width-245-md{
        width: 245px;
    }    
    .width-405-md{
        width: 405px;
    }
    .width-420-md {
        width: 420px
    }
    .width-560-md {
        width: 560px;
    }
    .width-45p-md {
        width: 45%;
    }
    .max-width-350-md {
        max-width: 350px;
    }
    .max-width-440-md {
        max-width: 440px;
    }
    .height-230-md {
        height: 230px;
    }
    .min-height-650-md {
        min-height: 650px;
    }
    .column-spacer-15-md {
        margin-left: -7.5px;
        margin-right: -7.5px;
    }
    .column-spacer-15-md > div {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }
    .column-spacer-30-md {
        margin-left: -15px;
        margin-right: -15px;
    }
    .column-spacer-30-md > div {
        padding-left: 15px;
        padding-right: 15px;
    }
    /*Start Emulator steps css*/
    .emulator .carousel-container-js .slider-with-data-options .slick-prev {
        left: 5px;
    }

    .emulator .carousel-container-js .slider-with-data-options .slick-next {
        right: 30px;
    }
    /* custom class download app/google play store */
    .img-download-app {
        height: 36px
    }
    /* start custom css for support-mobility nav */
    .support-mobility-nav .support-mobility-nav-item {
        width: 110px;
    }
    .support-mobility-nav ul li:not(.left-item):not(.right-item) .dropdown-menu {
        left: -82.5%;
    }
    .support-mobility-nav ul li .dropdown-menu .arrow::before {
        left: 31%;
    }
    /* end custom css for support-mobility nav */

    .emulator-using-device .data-transfer-column{
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
        padding-right: 20px;
        padding-left: 20px;
    }

    .data-transfer-column{
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
        padding-right: 5px;
        padding-left: 5px;

    }

    /*start footnote modal css*/
    .footnote-modal .modal-header .close {
        margin-bottom: 5px;
    }

    .footnote-modal .modal-header {
        padding-bottom: 5px;
    }

    .footnote-modal .modal-body {
        padding-top: 10px;
        padding-bottom: 5px;
        margin-bottom: 30px;
    }
    /*end footnote modal css*/

}

@media (max-width: 767px) {
    .txtSize60-xs {
        font-size: 60px;
    }

    .position-fixed-xs {
        position: fixed;
    }

    .border-top-0-xs {
        border-top: 0;
    }

    .bg-white-xs {
        background-color: #FFFFFF;
    }

    /*Custom Scroll bar form tables*/
    .table-scrollable-wrapper::-webkit-scrollbar {
        height: 6px;
    }

    .table-scrollable-wrapper::-webkit-scrollbar-track {
        background: #e1e1e1;
        height: 6px;
    }

    .table-scrollable-wrapper::-webkit-scrollbar-thumb {
        height: 6px;
        background: #00549A;
        border-radius: 3px;
    }

    /*Custom for Accordion content template*/
    .brf-support.content-accordion .accordion-inner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .emulator-using-device nav ul {
        position: relative;
    }

    .border-bottom-round-xs {
        border-bottom: 1px solid #d4d4d4;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .emulator-using-device .right-panel {
        top: 0;
        background: #fff;
        left: 0;
        overflow-y: auto;
        position: fixed;
        z-index: 99999;
        height: 100%;
        display: none;
    }

    .lis-article-active .emulator-using-device .right-panel {
        display: block;
    }

    .emulator-using-device .emulator-heading {
        background: #f4f4f4;
        margin-left: 0;
        width: 100%;
        border-top-right-radius: 0;
    }

    .emulator-using-device .emulator-header-steps .emulator-image-btn,
    .emulator-using-device .emulator-header-steps .emulator-menu-open-btn {
        left: 0;
    }

    .resource-links > div {
        width: 100%;
    }

    .emulator-carousel .carousel-content:first-child .listofsteps_title {
        margin-top: 30px;
    }

    .article-emulator .carousel-container-js .slider-with-data-options .slick-prev {
        left: 0;
    }

    .article-emulator .carousel-container-js .slider-with-data-options .slick-next {
        right: 0;
    }

    .emulator-using-device .feedback-article {
        margin-left: 0;
        width: 100%;
        border-radius: 0;
    }

    .emFullView .emulator-header-steps .close-btn {
        display: none;
    }

    .feedbackRound {
        border-radius: 0;
    }

    /* custom style for accordion carousel */
    .emulator-using-device-modal .emulator-image-btn,
    .emulator-using-device-modal .emulator-menu-open-btn {
        left: 0;
    }

    .emulator-using-device-modal .btns-xs-display {
        margin-bottom: 30px;
    }  
}

@media (min-width: 1240px){
    .pad-h-lg-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .pad-l-lg-0 {
        padding-left: 0px;
    }

    .pad-l-lg-30{
        padding-left: 30px;
    }

    .pad-r-lg-0{
        padding-right: 0px;
    }

    .pad-r-lg-30 {
        padding-right: 30px;
    }
}