@charset "UTF-8";
/*===========================================================
//MiDIRECTV version 3.0 Master CSS
//04/2015
//
===========================================================*/
/* Web fonts */
@import url('MDTV_Master_v2.css');

@font-face {
    font-family: "DIRECTVCurve Light";
    font-weight: normal;
    font-style: normal;
    src: url("../SharedFonts/DIRECTVCurve-Light.eot");
    src: url("../SharedFonts/DIRECTVCurve-Light.eot?#iefix") format("embedded-opentype"), url("../SharedFonts/DIRECTVCurve-Light.woff") format("woff")
}

@font-face {
    font-family: "DIRECTVCurve Regular";
    font-weight: normal;
    font-style: normal;
    src: url("../SharedFonts/DIRECTVCurve-Regular.eot");
    src: url("../SharedFonts/DIRECTVCurve-Regular.eot?#iefix") format("embedded-opentype"), url("../SharedFonts/DIRECTVCurve-Regular.woff") format("woff")
}

@font-face {
    font-family: "DIRECTVCurve Medium";
    font-weight: normal;
    font-style: normal;
    src: url("../SharedFonts/DIRECTVCurve-Medium.eot");
    src: url("../SharedFonts/DIRECTVCurve-Medium.eot?#iefix") format("embedded-opentype"), url("../SharedFonts/DIRECTVCurve-Medium.woff") format("woff")
}

@font-face {
    font-family: "DIRECTVCurve Bold";
    font-weight: normal;
    font-style: normal;
    src: url("../SharedFonts/DIRECTVCurve-Bold.eot");
    src: url("../SharedFonts/DIRECTVCurve-Bold.eot?#iefix") format("embedded-opentype"), url("../SharedFonts/DIRECTVCurve-Bold.woff") format("woff")
}

@font-face {
    font-family: 'Helvetica Neue Light';
    font-style: normal;
    font-weight: normal;
    src: url("../SharedFonts/HelveticaNeueLight.woff") format("woff");
}

@font-face {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: normal;
    src: url("../SharedFonts/HelveticaNeueMedium.woff") format("woff");
}

@font-face {
    font-family: 'Helvetica Neue Bold';
    font-style: normal;
    font-weight: normal;
    src: url("../SharedFonts/HelveticaNeueBold.woff") format("woff");
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: normal;
    src: url("../SharedFonts/IBMPlexSans-Regular.woff") format("woff");
}

.uppercase-text {
    text-transform: uppercase;
}

.directv-curve-bold {
    font-family: 'DIRECTVCurve Bold', "Helvetica Neue", Arial, sans-serif !important;
}

.directv-curve-light {
    font-family: 'DIRECTVCurve Light', "Helvetica Neue", Arial, sans-serif !important;
}

.directv-curve-medium {
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif !important;
}

.directv-curve-regular {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
}

.poppins-regular {
    font-family: 'Poppins', sans-serif;
}

.ibm-plex-sans {
    font-family: 'IBM Plex Sans', "Helvetica Neue", Arial, sans-serif !important;
}

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

.font-16 {
    font-size: 16px !important;
}

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

html {
    font: normal 100%/1.65 sans-serif;
}

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

html body {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    color: #333;
    background: none;
}

body.noScroll {
    overflow: hidden !important;
}

form#changeLanguageForm {
    margin: 0;
}

.CB-Vert-Aln {
    display: block !important;
    margin: 5px 0px 5px 0px !important;
}

.typ16-zepto {
    font-size: 120px;
    font-size: 7.5rem;
}

.typ16-tera {
    font-size: 56px;
    font-size: 3.5rem;
}

.typ16-giga {
    font-size: 48px;
    font-size: 3rem;
}

.typ16-mega {
    font-size: 40px;
    font-size: 2.5rem;
}

.typ16-alpha, .main-content h1 {
    font-size: 32px;
    font-size: 2rem;
}

.typ16-beta, .main-content h2 {
    font-size: 30px;
    font-size: 1.875rem;
}

.typ16-gamma, .main-content h3 {
    font-size: 28px;
    font-size: 1.75rem;
}

.typ16-delta, .main-content h4 {
    font-size: 24px;
    font-size: 1.5rem;
}

.typ16-epsilon, .main-content h5 {
    font-size: 20px;
    font-size: 1.25rem;
}

.typ16-zeta, .main-content h6 {
    font-size: 18px;
    font-size: 1.125rem;
}

.typ16-theta {
    font-size: 16px;
    font-size: 1em;
}

div.row div.marginTop {
    margin-top: 1em;
    margin-top: 16px;
}

div.row ul label span.positionECSDS {
    right: -0.1em !important;
    top: 0.75em !important;
}

div.row ul label span.plannameECSDS {
    color: #60686f !important;
    font-weight: bold !important;
}

.row ul.flexCentre {
    display: flex !important;
    justify-content: center !important;
}

nav.midtv-menu + .main-content {
    border-top: 1px solid #d5d5d5;
}

nav.midtv-menu {
    height: auto;
    max-height: 3.125em;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 4px 2px -2px #a8a6a6;
    background-color: white;
    border-bottom-width: 1px;
    border-color: #d5d5d5;
    z-index: 999;
    padding: 0;
    font-family: "IBM Plex Sans", "IBMPlexSans", Arial, sans-serif;
    font-size: 1rem;
    -moz-transition: max-height 800ms ease;
    -o-transition: max-height 800ms ease;
    -webkit-transition: max-height 800ms ease;
    transition: max-height 800ms ease;
}

    nav.midtv-menu.open {
        max-height: 25em;
    }

    nav.midtv-menu.visible {
        overflow: visible;
    }

    nav.midtv-menu .row {
        padding: 0;
    }

    nav.midtv-menu select {
        visibility: hidden;
        position: absolute;
        width: 0;
        height: 0;
        padding: 0;
        margin: 0;
    }

    nav.midtv-menu #account-select {
        line-height: 1.2;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
        padding: 0.5em 0;
        text-align: center;
    }

        nav.midtv-menu #account-select form {
            display: inline-block;
            margin: 0;
        }

        nav.midtv-menu #account-select > label {
            display: inline-block;
            font-size: 10px;
            font-size: 0.625rem;
            margin-bottom: .25em;
            margin-right: 1em;
            text-indent: 0.1px;
            color: #888;
            text-transform: uppercase;
            cursor: default;
        }

        nav.midtv-menu #account-select .account-menu {
            display: inline-block;
            width: auto;
            max-width: 10em;
            margin: 0;
            padding: 0.5em 1em 0.375em 1em;
            font-size: 16px;
            font-size: 1rem;
            text-indent: 0.1px;
            border: 1px solid #e5e5e5;
            border-radius: 3px;
            color: #888;
        }

    nav.midtv-menu a#menu-toggle {
        display: inline-block;
        line-height: 2em;
        padding: 0.25em 1em .15em 1em;
        margin: 0.75em 0 0 0;
        border: 1px solid #d5d5d5;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: right;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        font-size: 0.75em;
        color: #222;
    }

        nav.midtv-menu a#menu-toggle:focus {
            outline: none;
            border-color: #00aeef;
        }

    nav.midtv-menu ul {
        height: auto;
        margin: 0 -0.9375em 0;
        -moz-transition: background 0s ease;
        -o-transition: background 0s ease;
        -webkit-transition: background 0s ease;
        transition: background 0s ease;
    }

        nav.midtv-menu ul li.navitem {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
            font-size: 16px;
            font-size: 1rem;
            text-align: left;
            margin: 0 0 1px 0;
            padding: 0.75em;
            background-color: #fff;
            display: block;
            width: 100%;
            border-left: 4px solid #fff;
            border-bottom: 1px solid #d5d5d5;
            -moz-transition: border 300ms ease;
            -o-transition: border 300ms ease;
            -webkit-transition: border 300ms ease;
            transition: border 300ms ease;
        }

            nav.midtv-menu ul li.navitem:hover {
                border-left-color: #e5e5e5;
            }

            nav.midtv-menu ul li.navitem:focus {
                outline: none;
                background: #f0fcff;
            }

            nav.midtv-menu ul li.navitem.active {
                border-left-color: #00aeef;
            }

                nav.midtv-menu ul li.navitem.active a {
                    color: #00aeef;
                }

            nav.midtv-menu ul li.navitem a {
                color: #222;
                font-weight: 400;
                -moz-transition: color 300ms ease;
                -o-transition: color 300ms ease;
                -webkit-transition: color 300ms ease;
                transition: color 300ms ease;
            }

                nav.midtv-menu ul li.navitem a:hover {
                    color: #00aeef;
                }

        nav.midtv-menu ul li:first-child {
            border-top: 1px solid #d5d5d5;
        }

    nav.midtv-menu .midtv-logo {
        display: inline-block;
        height: 3.125em;
        line-height: 3.125em;
        width: 30%;
        max-width: 10em;
        float: left;
    }

        nav.midtv-menu .midtv-logo:focus {
            outline: none;
            background-color: #f0fcff;
        }

    nav.midtv-menu .custom-select-menu {
        display: inline-block;
        position: relative;
        outline: none;
        width: 10em;
    }

        nav.midtv-menu .custom-select-menu label {
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            user-select: none;
            border-radius: 3px;
            border: 1px solid #ccc;
            line-height: 2.8em;
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
            font-size: 16px;
            font-size: 1rem;
            text-indent: 0.1px;
            text-overflow: '';
            text-align: left;
            padding: 0 2.4em 0 .75em;
            margin: 0;
            background: transparent url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/usericon.png) no-repeat 94% center;
        }

            nav.midtv-menu .custom-select-menu label:hover {
                border-color: #00aeef;
            }

            nav.midtv-menu .custom-select-menu label.opened {
                border-color: #00aeef;
                border-bottom-left-radius: 0;
                border-bottom-right-radius: 0;
            }

        nav.midtv-menu .custom-select-menu ul {
            display: none;
            position: absolute;
            width: 100%;
            left: 0;
            top: 100%;
            max-height: 260px;
            border: 1px solid #00aeef;
            border-width: 0 1px 1px;
            background-color: #e5e5e5;
            margin: 0;
            overflow: auto;
            overflow-x: hidden;
            padding: 0;
            z-index: 1050;
            border-radius: 0 0 3px 3px;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
        }

            nav.midtv-menu .custom-select-menu ul li {
                width: 100%;
                background: #fff;
                margin-bottom: 1px;
                color: #222;
                cursor: pointer;
                display: block;
                font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                font-size: 13px;
                font-size: 0.8125rem;
                line-height: normal;
                overflow: hidden;
                padding: 10px 15px;
                text-decoration: none;
                text-overflow: ellipsis;
                text-align: left;
            }

                nav.midtv-menu .custom-select-menu ul li:last-child {
                    margin-bottom: 0;
                }

                nav.midtv-menu .custom-select-menu ul li:hover {
                    background-color: #eaeaea;
                    border-bottom-width: 1px;
                }

                nav.midtv-menu .custom-select-menu ul li.loading {
                    display: none;
                    text-align: center;
                }

                    nav.midtv-menu .custom-select-menu ul li.loading i.fa {
                        font-size: 1.5em;
                        color: #00aeef;
                    }

                nav.midtv-menu .custom-select-menu ul li.LoadMoreAccounts {
                    color: #00aeef;
                    font-weight: bold;
                }

        nav.midtv-menu .custom-select-menu .selected, nav.midtv-menu .custom-select-menu .selected:hover {
            background-color: #00aeef;
            color: #fff;
        }

    nav.midtv-menu .nav-loader {
        line-height: 4.75em;
    }

.lt-ie9 nav.midtv-menu {
    height: 5em;
}

    .lt-ie9 nav.midtv-menu img {
        margin-top: 1.5em;
        width: auto;
        height: auto;
        max-height: inherit;
        vertical-align: middle;
    }

    .lt-ie9 nav.midtv-menu form {
        padding: 1em;
    }

    .lt-ie9 nav.midtv-menu select {
        max-width: 100%;
        margin-top: 0;
        background-image: none;
        padding: 0.45em 0 0.8em 0.6em;
        left: -99999px;
    }

    .lt-ie9 nav.midtv-menu ul {
        float: left;
        display: inline-block;
    }

        .lt-ie9 nav.midtv-menu ul li {
            margin-left: 1em;
            width: auto;
            line-height: 4.75em;
            border-radius: 0;
            border-width: 0;
            text-align: left;
        }

            .lt-ie9 nav.midtv-menu ul li:first-child {
                margin: 0;
            }

            .lt-ie9 nav.midtv-menu ul li:hover {
                border-width: 0;
                border-bottom: 4px solid #ccc;
            }

            .lt-ie9 nav.midtv-menu ul li.active {
                border-width: 0;
                border-bottom: 4px solid #00aeef;
            }

    .lt-ie9 nav.midtv-menu .hide-for-large-up {
        display: none !important;
    }

    .lt-ie9 nav.midtv-menu .hide-for-medium-down {
        display: inherit !important;
    }

    .lt-ie9 nav.midtv-menu #account-select-tablet {
        display: block;
        margin-top: -20px;
    }

    .lt-ie9 nav.midtv-menu #account-select-phone {
        display: none;
    }

    .lt-ie9 nav.midtv-menu .nav-loader > img {
        vertical-align: top;
    }

    .lt-ie9 nav.midtv-menu.fixed {
        background: #fff;
        border-bottom: 2px solid #ccc;
    }

.lt-ie9 .selecter.custom {
    margin: 0;
}

.lt-ie9 .account-menu {
    line-height: 2.75em;
}

.lt-ie9 span.account-menu {
    line-height: 5em;
}

.lt-ie9 .custom-select-menu {
    width: 200px;
}

    .lt-ie9 .custom-select-menu ul li {
        height: 36px;
        line-height: 20px;
        margin-left: 0;
    }

@media only screen and (min-width: 40.0625em) {
    nav.midtv-menu {
        max-height: 3.75em;
        -moz-transition: max-height 200ms ease;
        -o-transition: max-height 200ms ease;
        -webkit-transition: max-height 200ms ease;
        transition: max-height 200ms ease;
    }

        nav.midtv-menu .midtv-logo {
            height: 4em;
            line-height: 4em;
        }

        nav.midtv-menu.open {
            max-height: 10em;
        }

            nav.midtv-menu.open ul {
                background: #fff;
                -moz-transition: background 0s ease;
                -o-transition: background 0s ease;
                -webkit-transition: background 0s ease;
                transition: background 0s ease;
            }

        nav.midtv-menu ul {
            margin-top: .75em;
            margin-left: 0;
            width: auto;
            background: #fff;
            text-align: center;
            float: left;
            clear: left;
            padding: 0;
        }

            nav.midtv-menu ul li.navitem {
                display: inline-block;
                width: auto;
                text-align: center;
                margin: 0 0 0 1em;
                padding: 1.25em 0;
                border: none;
                border-bottom: 4px solid white;
            }

                nav.midtv-menu ul li.navitem:first-child {
                    margin-left: 0;
                }

                nav.midtv-menu ul li.navitem:hover {
                    border-bottom-color: #e5e5e5;
                }

                nav.midtv-menu ul li.navitem.active {
                    border-bottom-color: #00aeef;
                }

            nav.midtv-menu ul li:first-child {
                border-top: none;
            }

        nav.midtv-menu a#menu-toggle {
            margin-top: 1.125em;
        }

        nav.midtv-menu #account-select {
            width: auto;
            text-align: right;
            float: right;
            margin-top: .7em;
            padding: 0;
        }

            nav.midtv-menu #account-select:before {
                display: block;
                font-size: 0.625em;
                margin-bottom: 0.375em;
            }

            nav.midtv-menu #account-select > label {
                display: block;
                margin-right: 0;
            }

            nav.midtv-menu #account-select .account-menu {
                width: auto;
            }

        nav.midtv-menu .nav-loader {
            line-height: 2.9em;
        }
        /* MDTV-1469-CL - Package Cancellation Challenge Offer - change starts */
        nav.midtv-menu .custom-select-menu {
            display: inline-block;
            position: relative;
            outline: none;
            width: 10em;
        }
}
/* MDTV-1469-CL - Package Cancellation Challenge Offer - change ends */
@media only screen and (min-width: 51.313em) {
    nav.midtv-menu {
        max-height: 5em;
        overflow: visible;
    }

        nav.midtv-menu .midtv-logo {
            height: 5em;
            line-height: 4.75em;
            margin-right: 1.5em;
        }

        nav.midtv-menu ul {
            clear: none;
            margin-top: 0;
        }

            nav.midtv-menu ul li.navitem {
                margin-left: .75em;
                line-height: 4.5em;
                padding: 0;
                opacity: 1;
                border-top: 4px solid white;
            }

        nav.midtv-menu #account-select {
            /*margin: 0.75em 0 0 0;*/
            margin: 0.75em -97px 0px 0px; /*for p&p redesign menu temporary*/
            opacity: 1;
        }

        nav.midtv-menu a#menu-toggle {
            display: none;
        }

        nav.midtv-menu .custom-select-menu {
            margin: 0;
        }

        nav.midtv-menu .nav-loader {
            line-height: 2.75em;
        }

        nav.midtv-menu #account-menu {
            padding: 0;
        }

            nav.midtv-menu #account-menu ul {
                margin: 0;
            }
}

@media only screen and (min-width: 56.313em) {
    nav.midtv-menu .midtv-logo {
        margin-right: 2.5em;
    }

    nav.midtv-menu ul li.navitem {
        margin-left: 2em;
    }
}

.main-content {
    width: auto;
    margin: 0 auto;
    background-color: #fff;
}

    .main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6, .main-content .subheader {
        font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
        line-height: 1.1;
        margin-top: 0;
        margin-bottom: 22px;
        text-rendering: auto;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
        margin-left: 0em !important;
    }

        .main-content h1 span, .main-content h2 span, .main-content h3 span, .main-content h4 span, .main-content h5 span, .main-content h6 span, .main-content .subheader span {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        }

    .main-content label span .text-blue {
        color: #00aeef;
    }

    .main-content label span .text-gray {
        color: #888;
    }

    .main-content sup, .main-content small {
        font-size: 75%;
    }

    .main-content .footnote {
        display: block;
        text-align: left;
        text-indent: 0;
        margin-top: 1em;
        font-size: 12px;
        font-size: 0.75rem;
        line-height: 1.2;
    }

    .main-content .unavailable, .main-content .no-disponible {
        color: #678;
        font-style: italic;
    }

    .main-content .no-padding {
        padding: 0 !important;
    }

    .main-content .no-break {
        white-space: nowrap;
    }

    .main-content .no-margin {
        margin: 0 !important;
    }

    .main-content button, .main-content .button {
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: .625em 1em .625em 1em;
    }

        .main-content button.tiny, .main-content .button.tiny {
            padding: .5em .75em .625em .75em;
        }

        .main-content button.small, .main-content .button.small {
            padding: .5em .5em .5em .5em;
        }

        .main-content button:last-child, .main-content .button:last-child {
            margin-bottom: 0;
        }

    .main-content button, .main-content .button {
        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
        color: #FFF;
        border: none;
        border-radius: 0;
        text-shadow: none !important;
        background: #00abe3;
    }

        .main-content button.radius, .main-content .button.radius {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            margin-right: 1%;
        }

        .main-content button:hover, .main-content .button:hover {
            color: #000000;
        }

        .main-content button:active, .main-content .button:active {
            color: #FFF;
            background: #056da4;
            box-shadow: 0 1px 1px rgba(102, 102, 102, 0.5) inset;
            transition: none;
        }

        .main-content button.buy, .main-content .button.buy {
            background: #FFC60B;
            color: #3b1702;
        }

            .main-content button.buy:hover, .main-content .button.buy:hover {
                background: #ffa111;
            }

            .main-content button.buy:active, .main-content .button.buy:active {
                background: #dd6e09;
                box-shadow: 0 1px 1px rgba(102, 102, 102, 0.5) inset;
                transition: none;
            }

        .main-content button.secondary, .main-content .button.secondary {
            background: #dbdbdb;
            color: #444;
        }

            .main-content button.secondary:hover, .main-content .button.secondary:hover {
                background: #e7e7e7;
            }

            .main-content button.secondary:active, .main-content .button.secondary:active {
                background: #c2c2c2;
                box-shadow: 0 1px 1px rgba(102, 102, 102, 0.5) inset;
                transition: none;
            }

        .main-content button.simple, .main-content .button.simple {
            background: rgba(255, 255, 255, 0.5);
            border: 1px solid #00abe3;
            color: #00abe3;
        }

        .main-content button.simple, .main-content .button.loginpop {
            background: rgba(255, 255, 255, 0.5);
            border: 1px solid #0073AE;
            color: #0073AE;
        }

            .main-content button.simple:hover, .main-content .button.simple:hover {
                border-color: #40c8ef;
                color: #40c8ef;
            }

            .main-content button.simple:active, .main-content .button.simple:active {
                border-color: #0868a2;
                color: #0868a2;
                box-shadow: none;
            }

        .main-content button.disabled, .main-content .button.disabled {
            background: #c0cacf;
        }

            .main-content button.disabled:hover, .main-content .button.disabled:hover {
                background: #c0cacf;
            }

            .main-content button.disabled:active, .main-content .button.disabled:active {
                background: #c0cacf;
                box-shadow: none;
            }

        .main-content button.alert, .main-content .button.alert {
            background-color: #f04124;
        }

    .main-content .button-group li {
        margin: 0 !important;
    }

        .main-content .button-group li input.selected {
            background: #008cb2;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: #008cb2;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008cb2', endColorstr='#175499');
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#175499), to(#008cb2));
            background: -webkit-linear-gradient(top, #008cb2, #175499);
            background: -moz-linear-gradient(top, #008cb2, #175499);
            background: -ms-linear-gradient(top, #008cb2, #175499);
            background: -o-linear-gradient(top, #008cb2, #175499);
        }

    .main-content a {
        color: #00aeef;
        text-decoration: none;
        line-height: inherit;
    }

        .main-content a:hover {
            color: #0099d1;
        }

        .main-content a.delete {
            color: #666;
            font-weight: normal;
            -moz-transition: color 0.2s ease-in;
            -o-transition: color 0.2s ease-in;
            -webkit-transition: color 0.2s ease-in;
            transition: color 0.2s ease-in;
        }

            .main-content a.delete:hover {
                color: #222;
            }

            .main-content a.delete:before {
                content: '\00D7';
                color: #c33;
                font-weight: bold;
                font-size: larger;
                margin-right: .15em;
                margin-left: .5em;
            }

        .main-content a.edit-link {
            color: #2ba6cb;
            font-weight: normal;
            -moz-transition: color 0.2s ease-in;
            -o-transition: color 0.2s ease-in;
            -webkit-transition: color 0.2s ease-in;
            transition: color 0.2s ease-in;
        }

            .main-content a.edit-link:hover {
                color: #3bc6fb;
            }

    .main-content .inline-icon {
        max-width: 1em;
    }

    .main-content hr {
        border-color: transparent;
        margin: 0.75em 0;
    }

        .main-content hr.divider {
            width: 100%;
            border-color: #e5e5e5;
            margin: 1em auto 2em auto;
        }

hr#margin-line-net {
    background-color: #F2F2F2;
    height: 25px;
    margin: 0 0;
}

.main-content hr.narrow {
    width: 70%;
    border-color: #e5e5e5;
    margin: 1em auto 2em auto;
}

.main-content .show-me-help {
    cursor: help;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    border: 1px solid #ccc;
    color: #69a;
    padding: 0 .35em;
}

.main-content ul li, .main-content ul.square li, .main-content ul.circle li, .main-content ul.disc li {
    margin-left: 2em;
    list-style-type: disc;
}

.main-content ul.square li {
    list-style-type: square;
}

.main-content ul.circle li {
    list-style-type: circle;
}

.main-content ul.no-bullet li {
    margin-left: 1em;
    list-style-type: none;
}

.main-content ul li ul {
    margin: .5em 0 0 0;
}

.main-content ul, .main-content ol {
    margin-bottom: 1.25em;
}

.main-content ol {
    list-style-type: decimal;
}

    .main-content ol li {
        margin-left: 2em;
    }

.main-content dl {
    margin-bottom: .75em;
}

    .main-content dl dt {
        font-weight: 500;
    }

    .main-content dl.tabs.small-tabs dd {
        max-width: 50%;
        height: 3rem;
        line-height: 3rem;
        display: table;
    }

        .main-content dl.tabs.small-tabs dd.active {
            z-index: 9;
        }

        .main-content dl.tabs.small-tabs dd a {
            border-style: solid;
            border-color: #e5e5e5;
            border-width: 1px 0 0 1px;
            padding: 0.1rem 0.5rem;
            line-height: 1.1;
            display: table-cell;
            vertical-align: middle;
            height: 100%;
        }

        .main-content dl.tabs.small-tabs dd:last-child a {
            border-right-width: 1px;
        }

    .main-content dl.inline {
        display: block;
        width: 100%;
        margin: 0 0 0.75em 0;
        padding: 0;
        clear: both;
        overflow: auto;
    }

        .main-content dl.inline dt, .main-content dl.inline dd {
            margin-bottom: .5em;
            float: left;
            line-height: 1;
            padding-bottom: 0;
            vertical-align: bottom;
        }

        .main-content dl.inline dt {
            clear: left;
            width: 35%;
            font-weight: normal;
            color: #60686f;
        }

        .main-content dl.inline dd {
            width: 60%;
            margin-left: 5%;
        }

            .main-content dl.inline dd.editable span {
                width: 55%;
                display: inline-block;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
                white-space: nowrap;
            }

            .main-content dl.inline dd.editable a.saveBtn {
                display: inline-block;
                height: 1.3em;
                line-height: 1.3em;
                padding: 0 .3em;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                color: #fff;
                background-color: #3bb6cb;
            }

            .main-content dl.inline dd.editable a.cancelBtn {
                display: inline-block;
                color: #c00;
            }

            .main-content dl.inline dd a.edit-link {
                display: inline-block;
                width: 40%;
                float: right;
                text-align: right;
                overflow: hidden;
                -ms-text-overflow: ellipsis;
                -o-text-overflow: ellipsis;
                text-overflow: ellipsis;
            }

        .main-content dl.inline.split-evenly dt, .main-content dl.inline.split-evenly dd {
            width: 47.5%;
        }

        .main-content dl.inline.centered dt {
            text-align: right;
        }

        .main-content dl.inline .savePreloader img {
            max-width: 1em;
            margin-right: .5em;
        }

.main-content dt {
    color: #70787f;
    margin-bottom: 0.1rem;
}

.main-content dd {
    margin-bottom: 0.5em;
}

.main-content form small.error {
    margin-bottom: .2em;
    padding: 0;
    background-color: transparent;
    color: #c60f13;
    font-weight: normal;
}

.main-content form.inline {
    display: inline-block;
}

.main-content form .row .prefix-radius.row.collapse .prefix {
    font-size: 12px;
    font-size: 0.75rem;
    border-color: #b5b5b5;
    height: 2.3125em;
    height: 2.3125rem;
    line-height: 2.3125em;
    line-height: 2.3125rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

    .main-content form .row .prefix-radius.row.collapse .prefix.prefix-middle {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.main-content form .row .prefix-radius.row.collapse select {
    font-size: 12px;
    font-size: 0.75rem;
    border-color: #b5b5b5;
    height: 2.3125em;
    height: 2.3125rem;
    line-height: 1.3125em;
    line-height: 1.3125rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}

    .main-content form .row .prefix-radius.row.collapse select.prefix-middle {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

.main-content form .row .prefix-radius.row.collapse input {
    margin: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .main-content form .row .prefix-radius.row.collapse input.suffix {
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
    }

.main-content form .row .postfix-radius.row.collapse .postfix {
    font-size: 12px;
    font-size: 0.75rem;
    height: 2.6em;
    line-height: 2.6em;
}

.main-content form .row .postfix-radius.row.collapse input {
    margin: 0;
}

.main-content fieldset {
    border: solid 1px #b5b5b5;
    padding: 1.25em;
    margin: 1em 0;
}

    .main-content fieldset legend {
        font-weight: bold;
        background: white;
        padding: 0 0.1875em;
        margin: 0 0 0 -0.1875em;
    }

    .main-content fieldset.forgotEmailStep0 {
        margin-top: 0;
        padding: 1em;
    }

.main-content input[type="text"], .main-content input[type="password"], .main-content input[type="date"], .main-content input[type="datetime"], .main-content input[type="datetime-local"], .main-content input[type="month"], .main-content input[type="week"], .main-content input[type="email"], .main-content input[type="number"], .main-content input[type="search"], .main-content input[type="tel"], .main-content input[type="time"], .main-content input[type="url"], .main-content textarea {
    margin: .2em 0 .5em 0;
    border-color: #b5b5b5;
}

.main-content input[type="file"], .main-content input[type="checkbox"], .main-content input[type="radio"], .main-content select {
    margin-bottom: 0;
}

.main-content input.small:not(.button) {
    display: inline-block;
    height: 1.3em;
    width: 60%;
    padding: 0 0.25em;
    margin: 0;
    border: 1px solid #c5d5df;
    box-shadow: none;
    font-size: 14px;
    font-size: 0.875rem;
    margin-right: .25em;
}

    .main-content input.small:not(.button):not(.button) {
        display: inline-block;
        height: 1.3em;
        width: 60%;
        padding: 0 0.25em;
        margin: 0;
        border: 1px solid #c5d5df;
        box-shadow: none;
        font-size: 1em !important;
        margin-right: 0.25em;
    }

.main-content select {
    width: auto;
    max-width: 100%;
    border-color: #b5b5b5;
    padding-right: 1.25rem;
    background-position: 97% center;
    background-position: -o-calc(100% - 0.5rem) center;
    background-position: -moz-calc(100% - 0.5rem) center;
    background-position: -webkit-calc(100% - 0.5rem) center;
}

    .main-content select.full-width {
        width: 100%;
    }

.main-content .pay-ur-bills .select-payment-methods select.full-width {
    color: #c1c1c1;
    background: #fff;
    font-family: "DIRECTVCurve Regular";
    letter-spacing: 0.01em;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
}

.pay-ur-bills div#topSection label,
.pay-ur-bills div#userBillingInfoSection label {
    letter-spacing: 0.01em;
    margin-bottom: 0.5em;
}

.pay-ur-bills select {
    border: 1px solid #c1c1c1;
    border-radius: 5px;
}

.pay-ur-bills .text-red {
    padding-left: 5px;
}

.pay-ur-bills .pagar-btn {
    border-radius: 24px !important;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600 !important;
    width: 100%;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #101010;
    padding: 15px;
}

.pay-ur-bills input[type="text"],
.pay-ur-bills input[type="password"],
.pay-ur-bills input[type="date"], input[type="datetime"],
.pay-ur-bills input[type="datetime-local"],
.pay-ur-bills input[type="month"],
.pay-ur-bills input[type="email"],
.pay-ur-bills input[type="number"],
.pay-ur-bills textarea {
    box-shadow: none;
    border: 1px solid #c1c1c1;
    box-shadow: none;
    border-radius: 5px;
}

    .prepaid-recharge-offer input[type="text"][disabled],
    .pay-ur-bills input[type="text"][disabled] {
        background: #efefef;
        border: 1px solid #d6d6d6;
        box-shadow: none;
    }

.pay-ur-bills .mercado-section .text {
    color: #646464;
}

.pay-ur-bills .sections {
    border: 1px solid #dcdcdc;
    border-radius: 10px;
    min-height: 85px;
    margin-top: 1rem;
    background: #fff;
    padding-left: 0 !important;
    padding: 10px 20px !important;
    cursor: pointer;
}

.main-content .required, .main-content label span {
    color: Red;
    font-weight: bold;
}

.main-content label {
    margin-bottom: .25em;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
    font-size: 16px;
    font-size: 1rem;
}

.main-content textarea {
    min-height: 4.75em;
}

.main-content .error label, .main-content label.error {
    color: #333;
}

.main-content .error input, .main-content input.error, .main-content .error textarea, .main-content textarea.error {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
}

.error select, select.error {
    border-color: #c60f13;
    background-color: rgba(198, 15, 19, 0.1);
}

.main-content span.help-inline {
    display: inline-block;
    vertical-align: middle;
    font-style: italic;
    color: #666;
    font-size: 12px;
    font-size: 0.75rem;
}

.main-content .section-container {
    border-color: #e5e5e5;
}

    .main-content .section-container section {
        border-color: #e5e5e5;
    }

        .main-content .section-container section .title {
            margin: 0;
            background-color: #f5f5f5;
        }

            .main-content .section-container section .title a {
                font-weight: normal;
            }

                .main-content .section-container section .title a:before {
                    content: '\25B8\0020';
                    color: #00aeef;
                }

        .main-content .section-container section.active .title {
            border-bottom: 1px solid #e5e8ef;
            background-color: #f0f5fc;
        }

            .main-content .section-container section.active .title a {
                color: #0073ae;
            }

                .main-content .section-container section.active .title a:before {
                    content: '\25BE\0020';
                    color: #0073ae;
                }

.main-content .promo {
    text-align: center;
    margin-top: 0;
    margin-bottom: 1em;
}

    .main-content .promo img {
        display: inline-block;
        width: 100%;
        max-width: 250px;
        margin: 0 auto 1em auto;
        vertical-align: middle;
    }

    .main-content .promo h1, .main-content .promo h2, .main-content .promo h3, .main-content .promo h4, .main-content .promo h5, .main-content .promo h6 {
        font: 600 1.125em "Helvetica Neue", Arial, Helvetica, sans-serif;
        padding: 0;
        margin-bottom: 0.5em;
    }

    .main-content .promo .promo-text {
        display: inline-block;
        width: 100%;
        max-width: 18.75em;
        text-align: left;
    }

        .main-content .promo .promo-text p, .main-content .promo .promo-text ul {
            padding: 0;
            font-size: 14px;
            font-size: 0.875rem;
            color: #666;
            margin-bottom: 0.5em;
        }

.main-content .targeter {
    min-width: 160px;
    margin: 0 auto 2em auto;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    text-align: left;
}

    .main-content .targeter img {
        display: block;
        // max-width: 500px;
        // margin: 0 auto 1em auto;
    }

    .main-content .targeter p {
        color: #444;
    }

    .main-content .targeter ul li {
        list-style: disc;
        margin-left: 30px;
    }

    .main-content .targeter p:last-child, .main-content .targeter ul:last-child {
        margin-bottom: 0;
    }

.main-content .border {
    padding: 20px;
    box-shadow: 0px 1px 3px #ccc;
    border: 1px solid #e5e5e5;
    background: #fff;
}

    .main-content .border.card {
        margin-bottom: 30px;
    }

        .main-content .border.card.plus {
            background-color: transparent;
        }

.main-content .carousel {
    max-width: 182px;
    height: 380px;
    margin: 0 auto;
}

    .main-content .carousel img {
        padding: 1.5em;
        border: 1px solid #e5e5e5;
    }

    .main-content .carousel p, .main-content .carousel a p, .main-content .carousel ul {
        font-weight: normal;
        color: #333;
    }

    .main-content .carousel p, .main-content .carousel ul {
        font-size: 12px;
        font-size: 0.75rem;
    }

        .main-content .carousel p strong {
            font-size: 14px;
            font-size: 0.875rem;
            font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
        }

.main-content h4 {
    font-size: 20px;
    font-size: 1.25rem;
    background-image: none;
    padding: 0;
    margin: 0 0 0.5em 0;
    font-weight: 600;
    min-height: 32px;
}

    .main-content h4 i.fa {
        display: inline-block;
        font-size: 24px;
        font-size: 1.5rem;
        color: #00aeef;
        width: 1.5em;
        text-align: center;
    }

.main-content .savePreloader {
    color: #999;
}

    .main-content .savePreloader i.fa {
        color: #00aeef;
    }

.main-content .client-info h5 {
    margin-top: 0.75em;
    margin-bottom: 1.38em;
}

.main-content .client-info .row {
    padding: 0 0 0.625rem;
}

    .main-content .client-info .row .columns {
        font-size: 12px;
        font-size: 0.75rem;
        padding: 0 1.25em;
    }

        .main-content .client-info .row .columns * {
            line-height: 1.3;
        }

.main-content #estado-de-cuenta #monto-a-pagar {
    font-size: 48px;
    font-size: 3rem;
}

.main-content #estado-de-cuenta .button.expand {
    max-width: 20em;
}

.main-content #estado-de-cuenta .panel {
    border: 3px solid white;
    background: #f8f8f8;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.main-content .ppv-event .row:first-child {
    margin: 0;
}

    .main-content .ppv-event .row:first-child .columns {
        background-color: #efd99d;
        padding-top: 0.25em;
        padding-bottom: 0.25em;
        height: 1.7em;
        line-height: 1.3em;
    }

        .main-content .ppv-event .row:first-child .columns :last-child {
            background-color: #faa61a;
        }

.main-content .ppv-event .row:last-child, .main-content .ppv-event .row h6 {
    margin: 0;
}

.main-content .ppv-event label {
    font-weight: bold;
    font-size: 14px;
    font-size: 0.875rem;
    color: #222;
}

.main-content [class*="block-grid-"], .main-content [class*="block-grid-"] > li {
    margin: 0;
}

.main-content .has-tip {
    font-size: 1em !important;
}

.main-content .text-inside {
    line-height: 2.5em;
    font-weight: normal;
}

.main-content .detail-conditions {
    text-align: justify;
}

    .main-content .detail-conditions > p {
        margin-bottom: 1em;
    }

    .main-content .detail-conditions > ul {
        margin-left: -1em;
    }
/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.touch-carousel-loading {
    padding: 5em 0;
}

.touch-carousel {
    margin: 0;
}

    .touch-carousel:hover .slick-arrow {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

        .touch-carousel:hover .slick-arrow.slick-disabled {
            opacity: 0.3;
            filter: alpha(opacity=30);
        }

    .touch-carousel .slick-arrow {
        display: inline-block;
        position: absolute;
        text-indent: -9999px;
        bottom: 0;
        margin: 0;
        height: 100%;
        z-index: 10;
        width: 3rem;
        color: white;
        background-color: white;
        opacity: 0;
        filter: alpha(opacity=0);
        text-align: center;
        transition: all 0.3s ease-in;
    }

        .touch-carousel .slick-arrow.slick-prev {
            left: 0;
            background: white url(http://www.directvplay.com/images/arrow-left.png) center center no-repeat;
            border-right: 1px solid white;
        }

        .touch-carousel .slick-arrow.slick-next {
            right: 0;
            background: white url(http://www.directvplay.com/images/arrow-right.png) center center no-repeat;
            border-left: 1px solid white;
        }

    .touch-carousel .slick-list div {
        padding: 0.5rem;
        width: auto;
        height: 100%;
        margin: 0;
        text-align: center;
        vertical-align: bottom;
        overflow: hidden;
    }

        .touch-carousel .slick-list div.slick-slide {
            display: inline-block;
            margin: 0;
            float: none;
        }

        .touch-carousel .slick-list div:first-child {
            padding-left: 3px;
        }

        .touch-carousel .slick-list div:last-child {
            padding-right: 3px;
        }

        .touch-carousel .slick-list div .title {
            display: block;
            margin: 0 auto;
            height: 2.25em;
            max-width: 8em;
            overflow: hidden;
            font-size: .75em;
            line-height: 1.2;
            white-space: normal;
            color: #555;
        }

        .touch-carousel .slick-list div:hover img {
            cursor: pointer;
        }

        .touch-carousel .slick-list div figure {
            position: relative;
            vertical-align: bottom;
        }

            .touch-carousel .slick-list div figure img {
                display: block;
                margin: 0 auto 0.25em auto;
                max-height: 12em;
                max-width: 12em;
                border: 3px solid white;
                -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
                -moz-transition: border 0.3s ease-in;
                -o-transition: border 0.3s ease-in;
                -webkit-transition: border 0.3s ease-in;
                transition: border 0.3s ease-in;
            }

        .touch-carousel .slick-list div figcaption {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 100%;
            padding: 0.5em;
            background-color: rgba(255, 255, 255, 0.85);
            color: #333;
            line-height: 1.2;
            left: 120%;
            -moz-transition: all 0.3s cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -o-transition: all 0.3s cubic-bezier(0.755, 0.05, 0.855, 0.06);
            -webkit-transition: all 0.3s cubic-bezier(0.755, 0.05, 0.855, 0.06);
            transition: all 0.3s cubic-bezier(0.755, 0.05, 0.855, 0.06);
        }

            .touch-carousel .slick-list div figcaption * {
                display: block;
            }

            .touch-carousel .slick-list div figcaption b {
                margin-bottom: 1em;
                text-shadow: 0 0 10px white;
            }

            .touch-carousel .slick-list div figcaption .button {
                font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
                padding: .5em .75em .625em .75em;
                background: #0073ae;
                width: 80%;
                position: absolute;
                top: 50%;
                left: 10%;
            }

                .touch-carousel .slick-list div figcaption .button:hover {
                    background: #0073ae;
                }

        .touch-carousel .slick-list div a:focus {
            outline: none;
        }

            .touch-carousel .slick-list div a:focus img {
                box-shadow: 0 0 8px rgba(0, 150, 200, 0.8);
            }

    .touch-carousel .slick-dots {
        margin: 0 auto 1.25em;
        text-align: center;
    }

        .touch-carousel .slick-dots li {
            background: #fff;
            text-indent: -999px;
            position: relative;
            display: inline-block;
            padding: 9px;
            width: 0;
            height: 0;
            margin: 0 1px;
            cursor: pointer;
            float: none;
            -webkit-border-radius: 9px;
            -moz-border-radius: 9px;
            border-radius: 9px;
        }

            .touch-carousel .slick-dots li button {
                background: #ccc;
                display: block;
                outline: none;
                line-height: 0;
                font-size: 0;
                padding: 5px;
                cursor: pointer;
                -webkit-border-radius: 6px;
                -moz-border-radius: 6px;
                border-radius: 6px;
                border: none;
                position: absolute;
                top: 5px;
                left: 4px;
                height: auto;
                width: auto;
                -moz-transition: all 0.3s ease-in;
                -o-transition: all 0.3s ease-in;
                -webkit-transition: all 0.3s ease-in;
                transition: all 0.3s ease-in;
            }

            .touch-carousel .slick-dots li.slick-active button {
                background-color: #00abe3;
                height: 13px;
                width: 13px;
                top: 3px;
            }

html:not(.ismobile) .slick-list div figure:hover figcaption {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(-120%);
    -moz-transition: all 0.2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: all 0.2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition: all 0.2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

html.ismobile .slick-list div figure.active figcaption {
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(-120%);
    transition: all 0.2s 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

ins {
    text-decoration: none;
}

.text-center, .center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

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

.text-justify {
    text-align: justify !important;
}

.paddingLeft-2em {
    padding-left: 2em !important;
}

.panel {
    padding: .75em !important;
    border-color: #e5ecef;
    background: #f5fcff;
}

    .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
        line-height: 1;
        margin-bottom: 0.5em;
    }

    .panel .button:last-child, .panel button:last-child {
        margin-bottom: 0;
    }

    .panel.success {
        background-color: #D9FDDA;
        border: 1px solid #A5E6A6;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }

p {
    margin: auto auto 1.5em;
    line-height: 1.4;
}

input, abbr, acronym, blockquote, code, kbd, q, samp, var {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.unbold {
    font-weight: normal;
}

.text-blue {
    color: #00aeef;
}

.text-black {
    color: #101010 !important;
}

.text-gray {
    color: #888;
}

.text-red {
    color: #c00 !important;
}

pre {
    white-space: pre;
}

    pre code {
        -ms-word-wrap: normal;
        word-wrap: normal;
        white-space: -moz-pre-wrap;
        white-space: pre-wrap;
    }

code {
    font-family: Consolas, "Liberation Mono", Courier, monospace;
    white-space: pre;
    color: #7f0a0c;
}

.row.top-row {
    padding-top: 1.25em;
}

.row:after {
    content: " ";
    display: table;
}

.row.collapse > .column, .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0;
}

.row.plan-title {
    padding-top: 1.25em;
}

.input-conditional {
    height: auto;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin: 0.5em 0;
    visibility: visible;
    opacity: 1;
}

    .input-conditional * {
        -moz-transition: visibility 3.5s;
        -o-transition: visibility 3.5s;
        -webkit-transition: visibility 3.5s;
        transition: visibility 3.5s;
    }

input:not(:checked) ~ .input-conditional {
    visibility: hidden;
    opacity: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    input:not(:checked) ~ .input-conditional * {
        visibility: hidden;
    }

.radio-group input[type=radio] + label {
    padding: .75em 1.125em;
}

.main-content select {
    width: 100%;
    font-size: 1em !important;
    margin: 0;
    padding: 0.5em;
    height: auto;
}

.main-content .with-footer {
    padding-bottom: 0;
}

table {
    background: white;
    margin-bottom: 1.25em;
    border: solid 1px #b5b5b5;
    border-spacing: 2px;
    border-collapse: separate;
}

    table thead {
        background: #e5f5ff;
    }

        table thead tr th, table thead tr td {
            padding: 0.5em 0.625em 0.625em;
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            color: #356;
            text-align: left;
        }

        table thead tr td {
            padding: 0.5625em 0.625em;
            font-weight: normal;
            color: #222;
        }

    table tfoot {
        background: #f0f0f0;
    }

        table tfoot tr th, table tfoot tr td {
            padding: 0.5em 0.625em 0.625em;
            font-weight: 400;
            font-size: 14px;
            font-size: 0.875rem;
            color: #356;
            text-align: left;
        }

    table th {
        font-weight: bold;
    }

    table tr.even, table tr.alt, table tr:nth-of-type(even) {
        background: #f5f5f5;
    }

    table tr.summary {
        padding: .2em;
    }

        table tr.summary td {
            border-top: 1px solid #d5e3ec;
        }

    table tr td, table thead tr th, table tbody tr td, table tfoot tr th, table tfoot tr td {
        display: table-cell;
        line-height: 1.125em;
    }

        table tbody tr td .button {
            font-weight: normal;
        }

    table td label, table th label {
        font-size: 16px;
        font-size: 1rem;
        margin-bottom: 0;
    }

    table .button {
        margin: 0;
    }

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

        table.full-width select {
            margin-bottom: 0;
            width: 100%;
        }

    table.bordered td {
        border: 1px solid #d5e3ec;
    }

    table.no-border {
        border: none;
        background: transparent;
        margin: 0.5em auto;
        border-spacing: 0;
    }

        table.no-border thead, table.no-border tr {
            background-color: transparent;
        }

            table.no-border td, table.no-border thead tr th {
                padding: .5em 1em .25em 0;
                vertical-align: top;
            }

                table.no-border td:last-child, table.no-border thead tr th:last-child {
                    padding-right: 0;
                }

            table.no-border thead tr th {
                color: #80858f;
                font-weight: 500;
                background-color: transparent;
                border-bottom: 1px solid #d0d8df;
            }

    table.datos {
        width: 100%;
        border: 0 !important;
        display: table;
        table-layout: fixed;
        border-spacing: 0;
        margin-right: 0;
    }

        table.datos tbody {
            width: inherit;
        }

        table.datos tr:last-child, table.datos tr:first-child td {
            border-bottom: none;
        }

        table.datos tr td {
            vertical-align: top;
            padding: .75em .75em .75em .75em;
            border-bottom: 1px solid #fff;
        }

            table.datos tr td:first-child {
                border-right: 3px double #e5e8ef;
                font-weight: bold;
                width: 35%;
                font-weight: normal;
                color: #777;
                overflow: hidden;
            }

            table.datos tr td:last-child {
                width: 65%;
            }

    table.detalles-ppv {
        width: 100%;
        border: 1px solid #f5f5f5;
        border: 0;
        padding: .25em;
        margin: .75em 0 0 0;
        display: inline-block;
        float: left;
        background: white;
    }

        table.detalles-ppv tr:nth-child(even) {
            background-color: #e5e5e5;
        }

        table.detalles-ppv td {
            font-size: 16px;
            font-size: 1rem;
            vertical-align: top;
            padding: .3em .5em;
        }

            table.detalles-ppv td:first-child {
                font-weight: bold;
                width: 40%;
                color: #404040;
                text-align: right;
            }

            table.detalles-ppv td:last-child {
                width: 60%;
            }

    table.lpInviteChatTbl tr td {
        padding: 0;
    }

.shaded-bg {
    background: #f2f2f2;
    padding: 1em 0;
}

.shaded-bg-fixed {
    padding-left: 15px;
    border-radius: 5px !important;
}

.plan-to-cancel-update-user-padding-fixed {
    padding-bottom: 15px;
}

.shaded-bg dl.tabs.small-tabs dd {
    width: 50%;
}

    .shaded-bg dl.tabs.small-tabs dd a {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif, Helvetica, sans-serif;
        font-size: 20px;
        padding: 1.5rem 2rem;
        color: #b0b9be;
    }

    .shaded-bg dl.tabs.small-tabs dd.active a {
        color: #1d84da;
    }

.shaded-bg .tabs-content label {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif, Helvetica, sans-serif;
    font-size: 15px;
    color: #333333;
}

.shaded-bg .tabs-content .help-inline {
    font-style: italic;
}

.shaded-bg .tabs-content span {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif, Helvetica, sans-serif;
    font-size: 15px;
    color: #4c4c4c;
    margin-bottom: 5px;
}

.shaded-bg .tabs-content .content {
    box-shadow: 0px 10px 10px #ccc;
}

.shaded-bg a {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif, Helvetica, sans-serif;
}

.darktooltip-modal-layer {
    background-image: none;
    background: #000;
    z-index: 9;
}

.dark-tooltip.light.north {
    background-color: #fff;
    padding: 30px;
    border-radius: 6px;
    width: 380px;
}

    .dark-tooltip.light.north h4 {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif, Helvetica, sans-serif;
        color: #0b66bb;
        font-size: 24px;
    }

        .dark-tooltip.light.north h4 i {
            margin-right: 5px;
        }

    .dark-tooltip.light.north ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .dark-tooltip.light.north ul li {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif, Helvetica, sans-serif;
            color: #6d6a6a;
            padding-left: 1em;
            text-indent: -.7em;
        }

            .dark-tooltip.light.north ul li:before {
                content: "• ";
                color: #6d6a6a; /* or whatever color you prefer */
            }

.dark-bg {
    background: #b3e6ec;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3e6ec', endColorstr='#a0d0db',GradientType=1);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b3e6ec), color-stop(100%, #a0d0db));
    background: -webkit-linear-gradient(left, #b3e6ec 0%, #a0d0db 100%);
    background: -moz-linear-gradient(left, #b3e6ec 0%, #a0d0db 100%);
    background: -ms-linear-gradient(left, #b3e6ec 0%, #a0d0db 100%);
    background: -o-linear-gradient(left, #b3e6ec 0%, #a0d0db 100%);
    background: linear-gradient(to right, #b3e6ec 0%, #a0d0db 100%);
}

    .dark-bg .row {
        padding: 1.5em 0;
        margin-bottom: 0;
    }

    .dark-bg .panel {
        background-color: transparent;
        border-color: white;
    }

    .dark-bg table {
        border-color: rgba(255, 255, 255, 0.4);
        background: transparent;
    }

        .dark-bg table thead {
            background-color: rgba(255, 255, 255, 0.4);
        }

            .dark-bg table thead tr td {
                color: #389;
            }

.f-dropdown .inline-list {
    margin-left: 0;
}

    .f-dropdown .inline-list ul.square {
        margin-left: 1em;
    }

    .f-dropdown .inline-list li {
        cursor: auto;
        padding: 0.3125em 0.3125em;
    }

        .f-dropdown .inline-list li:hover, .f-dropdown .inline-list li:focus {
            background: #fff;
        }

.alert-box {
    background-color: #fff8aa;
    border-color: #cfc0a0;
    border-width: 1px;
    color: #432;
    line-height: 1.4em;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 400;
}

    .alert-box.alert {
        background-color: #ff6;
        border-color: #b84;
        color: #922;
    }

    .alert-box.success {
        background-color: #eeffb6;
        border-color: #9fee5f;
        color: #104005;
    }

    .alert-box.secondary {
        background-color: #daf3fd;
        border-color: #5fbbee;
        color: #063b75;
    }

    .alert-box.shade {
        border: none;
        background-color: rgba(0, 0, 0, 0.1);
    }

.radio-group {
    display: block;
    margin: 0.25em;
}

    .radio-group.inline {
        display: inline-block;
    }

    .radio-group:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

    .radio-group input[type=radio] {
        display: none;
    }

        .radio-group input[type=radio] + label {
            display: inline-block;
            float: left;
            padding: .75em 1.25em;
            margin: 0 -2px;
            border: 1px solid #0473ae;
            background-color: #f5f5f5;
        }

        .radio-group input[type=radio]:checked + label {
            background-color: #0473ae;
            color: #FFF;
            border-color: #0473ae;
        }

        .radio-group input[type=radio].selected + label {
            background-color: #0473ae;
            color: #FFF;
            border-color: #0473ae;
        }

        .radio-group input[type=radio]:first-of-type + label {
            border-radius: 3px 0 0 3px;
        }

    .radio-group.radius input[type=radio]:last-of-type + label {
        border-radius: 0 3px 3px 0;
    }

.historial-compras .columns, .detalle-factura .columns {
    padding: 0;
}

.historial-compras ul li span.row_data, .detalle-factura ul li span.row_data {
    max-width: inherit;
}

.detalle-factura select {
    margin-left: .5em;
    font-size: 16px;
    font-size: 1rem;
}

.image-bg {
    height: auto;
    min-height: 8em;
    padding-top: 5em;
    background: #a5a5a5 url("https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/forest-lg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.work-order {
    height: auto;
    min-height: 8em;
    padding-top: 5em;
    background: #a5a5a5 url("https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/confirmacion-visita-lg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.dark {
    background-color: #454545;
    color: white;
}

    .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
        color: #fff;
    }

.image-bg.banner {
    display: table;
    width: 100%;
    padding: 1em 0;
    min-height: 6em;
}

    .image-bg.banner .content {
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
        padding-right: 15px;
    }

.recaptcha-facturaelectronica div div {
    margin: 0 auto;
}

.logo-holder {
    width: 45%;
    max-width: 125px;
    display: inline-block;
    float: left;
    background-position: 0 0;
    background-image: url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/CO-logos-recarga.png);
    background-size: 100% auto;
}

#l-01 {
    background-position: 0 0;
}

#l-02 {
    background-position: 0 6.75%;
}

#l-03 {
    background-position: 0 13.5%;
}

#l-04 {
    background-position: 0 20%;
}

#l-05 {
    background-position: 0 27%;
}

#l-06 {
    background-position: 0 33.25%;
}

#l-07 {
    background-position: 0 39.75%;
}

#l-08 {
    background-position: 0 46.25%;
}

#l-09 {
    background-position: 0 52.75%;
}

#l-10 {
    background-position: 0 59.75%;
}

#l-11 {
    background-position: 0 66.75%;
}

#l-12 {
    background-position: 0 73.75%;
}

#l-13 {
    background-position: 0 79.75%;
}

#l-14 {
    background-position: 0 86.75%;
}

#l-15 {
    background-position: 0 93.75%;
}

#ddlBillDate option, #ddlstate option, #ddlCity option {
    font-size: 16px;
    font-size: 1rem;
}

.notas-credito {
    width: 100%;
    border: 1px solid #ddd;
}

.steps {
    padding: 1em;
    background-color: rgba(240, 245, 250, 0.95);
}

    .steps .row {
        background: transparent;
    }

    .steps .button {
        transform: translateY(-50%);
        margin-bottom: 0;
    }

    .steps span {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #00aeef;
        padding: .75em;
        margin-left: .5em;
        display: inline-block;
        width: 2em;
        height: 2em;
        line-height: 0.5em;
        font-size: 1.5em !important;
        text-align: center;
        color: #006090;
    }

        .steps span.active {
            background: #005070;
            color: white;
        }

        .steps span.upcoming {
            background-color: #e5e5e5;
            color: #666;
        }

        .steps span:first-child {
            margin-left: 0;
        }

.pay-bill .box-pay-bill .row .columns {
    font-size: 12px;
    font-size: 0.75rem;
}

    .pay-bill .box-pay-bill .row .columns:first-child {
        padding-left: 2.2em;
    }

.pay-bill .pay-value .other-value {
    line-height: 2.3em;
}

.pay-bill .pay-value .columns {
    font-size: 14px;
    font-size: 0.875rem;
}

.pay-bill .pay-value .buttons {
    position: absolute;
    margin-left: 73px;
    margin-top: -40px;
}

.pay-bill .pay-value input.value {
    max-width: 90px;
    text-align: right;
    padding-right: 1.7em;
}

.pay-bill .panel {
    text-align: center;
}

.pay-bill .pay-debit {
    margin-top: 1em;
}

    .pay-bill .pay-debit .description img.logo {
        position: relative;
        float: right;
        margin-top: -1em;
        margin-left: 1em;
        width: 18%;
    }

    .pay-bill .pay-debit .description p {
        display: inline-block;
        width: 56%;
    }

    .pay-bill .pay-debit .savePreloader img {
        vertical-align: bottom;
    }

.paysuscription .logo {
    float: right;
    margin-right: 20px;
    width: 20%;
}

.paysuscription p {
    display: inline-block;
    width: 65%;
}

.paysuscription-value ul {
    list-style: none;
}

    .paysuscription-value ul li {
        float: left;
        width: 42%;
    }

        .paysuscription-value ul li:first-child {
            text-align: right;
        }

.ePagosBtn {
    display: inline-block;
    background-image: url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/e-pagos-mercantil.png);
    width: 121px;
    height: 40px;
}

.content-50 {
    float: left;
    width: 50%;
}

.content-33 {
    float: left;
    width: 33.333%;
}

.content-20 {
    float: left;
    width: 20%;
}

.content-10 {
    float: left;
    width: 10%;
}

.darker {
    background-color: #D9D9D9;
}

.deco-edit {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.popModal .popModal_content ul.square {
    font-size: 11px !important;
    margin-left: 15px;
}
/* CL-Plan start */
.main-content dl.inline.split60-40 dt {
    width: 60%;
}

.main-content dl.inline.split60-40 dd {
    width: 35%;
}

.main-content dl.inline.split70-30 dt {
    width: 70%;
}

.main-content dl.inline.split70-30 dd {
    width: 25%;
}

.main-content dl.inline.split50-50 dt {
    width: 50%;
}

.main-content dl.inline.split50-50 dd {
    width: 45%;
    text-align: left;
}

.card {
    display: inline-block;
    margin: 0 1em 1em 0;
    vertical-align: text-top;
    background: white;
    border: 1px solid #DFDFDF;
    border-radius: 0;
    padding: 0;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

    .card .select-button label > section.card-header {
        padding: .75rem 5.5rem .75rem .75rem;
    }

    .card:last-child {
        margin: 0;
    }

    .card.selected {
        border: none;
        background-color: #e5eaef;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    }

    .card > section {
        width: 100%;
        padding: .75rem;
        position: relative;
        line-height: 1.2;
    }

    .card label {
        margin: 0;
    }

        .card label > section {
            width: 100%;
            padding: .75rem;
            position: relative;
            line-height: 1.2;
        }

            .card label > section.card-header {
                padding: .75rem .75rem .25rem .75rem;
            }

    .card > section.card-header {
        padding: .75rem .75rem .25rem .75rem;
    }

    .card.color-strip .card-header {
        border-bottom: 3px solid #f5f5f5;
    }

    .card.color-strip.familiar1.card-header {
        border-bottom: 3px solid #8db5cf;
    }

    .card.color-strip.familiar2 .card-header {
        border-bottom: 3px solid #6099bf;
    }

    .card.color-strip.familiar3 .card-header {
        border-bottom: 3px solid #427ea6;
    }

    .card.color-strip.bronce1 .card-header {
        border-bottom: 3px solid #bf8f4c;
    }

    .card.color-strip.bronce2 .card-header {
        border-bottom: 3px solid #b3823e;
    }

    .card.color-strip.bronce3 .card-header {
        border-bottom: 3px solid #a67532;
    }

    .card.color-strip.plata1 .card-header {
        border-bottom: 3px solid #bfbfb6;
    }

    .card.color-strip.plata2 .card-header {
        border-bottom: 3px solid #a8a89e;
    }

    .card.color-strip.plata3 .card-header {
        border-bottom: 3px solid #94948a;
    }

    .card.color-strip.oro1 .card-header {
        border-bottom: 3px solid #ffd400;
    }

    .card.color-strip.oro2 .card-header {
        border-bottom: 3px solid #ebc300;
    }

    .card.color-strip.oro3 .card-header {
        border-bottom: 3px solid #d9b500;
    }

    .card.color-strip.oro4 .card-header {
        border-bottom: 3px solid #c7a600;
    }

    .card.color-strip.oro5 .card-header {
        border-bottom: 3px solid #b39500;
    }

    .card.color-strip.oro6 .card-header {
        border-bottom: 3px solid #9e8400;
    }

    .card.color-strip.platino1 .card-header {
        border-bottom: 3px solid #cdd2d4;
    }

    .card.color-strip.platino2 .card-header {
        border-bottom: 3px solid #bdc4c7;
    }

    .card.color-strip.platino3 .card-header {
        border-bottom: 3px solid #aab0b3;
    }

    .card.radio .card-header::before {
        display: inline-block;
        height: .75em;
        width: .75em;
        margin: -0.125em 0.125em 0 0;
        content: ' ';
        background-size: contain;
        background-repeat: no-repeat;
    }

    .card.checkbox .card-header::before {
        display: inline-block;
        height: .75em;
        width: .75em;
        margin: -0.125em 0.125em 0 0;
        content: ' ';
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/icon-cb-u.png);
    }

    .card.checkbox.selected .card-header::before {
        background-image: url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/icon-cb-c.png);
    }

    .card.radio .card-header::before {
        background-image: url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/icon-rb-u.png);
    }

    .card.radio.selected .card-header::before {
        background-image: url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/icon-rb-c.png);
    }

    .card .card-header input {
        display: none;
    }
/*.card > section.card-description, .card label > section.card-description { padding-top: 0; } */
/*
.card section { border-top: 1px solid #faa;} /* troubleshooting */
.card-header {
    font-size: 1.5em;
    cursor: pointer;
    font-family: "DIRECTVCurve Light";
}

    .card-header .button {
        float: right;
        position: absolute;
        right: 0.5rem;
        top: 0.5rem;
        opacity: 1;
    }

    .card-header input:checked ~ .button {
        background: transparent;
        border: 1px solid #999;
        color: #666;
    }

.card > .card-description, .card label > .card-description {
    padding-top: 0;
}

label > .card-description {
    cursor: pointer;
}

.card-description ul, .card-description dl.inline, .card-description h6 {
    margin-bottom: 0;
}

.card-description p {
    margin-bottom: .75em;
    color: #555;
}

    .card-description p.description {
        height: 2.8em;
        overflow: hidden;
    }

.card.color-strip .card-description {
    padding-top: 0.75rem;
}

.premium-price {
    display: inline-block;
    padding: 0.5em;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.main-content .premium-price h5 {
    margin-bottom: 0;
}

.main-content .premium-price span {
    color: #999;
    font-weight: 300;
    text-transform: uppercase;
    font-size: .875em;
}

.card-promo {
    background: #C80200;
    background-color: #505a5f;
    color: white;
    text-align: center;
}

    .card-promo b {
        color: #FFDA00;
    }

.card-expander {
    border-top: 1px solid #e5e5e5;
    position: relative;
    cursor: pointer;
    color: #00abe3;
}

    .card-expander span.plus-icon {
        float: right;
        height: 1em;
        width: 1em;
        background: transparent url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/icon-plus-sprite.png);
        background-size: cover;
        transition: transform 0.2s ease-in;
    }

    .card-expander.expanded span {
        transform: rotate(45deg);
    }

    .card-expander:hover span.plus-icon {
        background-position: 0 -48px;
    }

.card-details {
    display: none;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.card-expander.expanded + .card-details {
    display: inline-block;
}

.card-details ul {
    font-size: .875rem;
    margin-bottom: 0;
}

.card .net-pack {
    padding: 1em;
}

    .card .net-pack h5 {
        font-weight: bold;
    }

.card .net-pack-btn {
    padding: 1em 2em 1em 2.5em;
}

.card-promoEC {
    padding: 1em;
    background: #f5fcff;
    border-color: #e5ecef;
    text-align: center;
}
/* No JS styles*/
.no-js .card .card-header input {
    display: inline-block;
}
/* CL-Plan End */
.plan {
    background: none;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #494b4c;
    cursor: pointer;
}

    .plan h4 {
        text-align: center;
        margin-top: 0;
        padding: 1em;
        color: white;
        border-top-left-radius: 3px 3px;
        border-top-right-radius: 3px 3px;
    }

        .plan h4:before {
            display: inline-block;
            content: '\25cf';
            line-height: 1.2em;
            width: 1.25em;
            height: 1.25em;
            margin: -1em 1em 0 -2em;
            border-radius: 50%;
            color: white;
            background-color: white;
        }

    .plan.bronce.selected {
        border: 2px solid #c29040;
    }

    .plan.bronce h4 {
        background-color: #c29040;
    }

    .plan.plata.selected {
        border: 2px solid #B5B5B5;
    }

    .plan.plata h4 {
        background-color: #B5B5B5;
    }

    .plan.selected h4 {
        color: #666;
        border-top-left-radius: 0 0;
        border-top-right-radius: 0 0;
    }

#plan-y-decodificadores ul.no-bullet li {
    margin: 0.5em 0 0.5em 0.25em;
    line-height: 1.2;
}

    #plan-y-decodificadores ul.no-bullet li i {
        white-space: nowrap;
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
    }

    #plan-y-decodificadores ul.no-bullet li.premium-pkg {
        padding: 0.5em 0.5em 0.25em 0.5em;
        margin: 0 0 0.25em 0;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        #plan-y-decodificadores ul.no-bullet li.premium-pkg h6 {
            font-size: 1em;
        }

        #plan-y-decodificadores ul.no-bullet li.premium-pkg a {
            font-size: 0.875em;
        }

#actualizar-paquete .content h6 {
    line-height: 1.2;
}

.accwrap .accordionDD {
    position: relative;
}
/*.accwrap .accordion .content {
    display: block;
}*/
.accwrap .accordion .accordionDD.open .content.active .fa.fa-angle-up {
    display: none;
}

.accwrap .accordion .accordionDD .content .fa.fa-angle-down {
    display: block;
}


/*.accwrap .accordion .accordionDD .content.active .fa.fa-angle-up {
    display: block;
}

.accwrap .accordion .accordionDD .content.active .fa.fa-angle-down {
    display: none;
}*/
.fa-angle-up {
    content: "\f106";
}

.fa-angle-down {
    content: "\f107";
}

/*.accwrap .accordion .accordionDD  .fa.fa-angle-up {
    display: none;
}

.accwrap .accordion .accordionDD  .fa.fa-angle-down {
    display: block;
}

.accwrap .accordion .accordionDD .fa.fa-angle-up {
    display: block;
}

.accwrap .accordion .accordionDD .fa.fa-angle-down {
    display: none;
}*/
.accwrap .accordion .accordionDD .fa.fa-angle-up {
    right: 48px;
}

.accwrap .accordion .accordionDD .fa.fa-angle-down {
    right: 19px;
}

.accwrap .accordion .accordionDD .fa.fa-angle-up,
.accwrap .accordion .accordionDD .fa.fa-angle-down {
    position: absolute;
    top: 15px;
    font-size: 25px;
}

.platform-streaming .accordion dd > .content {
    border-width: 1px 1px 1px 1px;
}

.display-block {
    display: block;
}

.display-none {
    display: none;
}

.accwrap .row.border-bottom,
.platform-streaming .row.border-bottom {
    border-bottom: 1px solid #d8d8d8;
    margin-top: 10px;
}

    .accwrap .row.border-bottom:first-child {
        margin-top: 10px;
    }

    .accwrap .row.border-bottom:nth-last-child(2) {
        border-bottom: none
    }

    .platform-streaming .row.border-bottom:last-child {
        border-bottom: none;
    }

#actualizar-paquete .left-section {
    padding-left: 0;
}

.accordion-navigation .content.channels {
    padding: 0 1em;
}

    .accordion-navigation .content.channels div {
        border-bottom: 0.1em solid #e5ecef;
    }

        .accordion-navigation .content.channels div p.available {
            text-align: center;
            font-weight: bold;
            color: Green;
        }

        .accordion-navigation .content.channels div p.not-available {
            text-align: center;
            font-weight: bold;
            color: red;
        }

.idc-info div {
    float: left;
    min-height: 20px;
}

    .idc-info div.title {
        width: 100%;
        margin-bottom: 10px;
        font-size: 18px;
        font-size: 1.125rem;
    }

        .idc-info div.title a {
            float: right;
            font-size: 13px;
            font-size: 0.8125rem;
        }

    .idc-info div.left {
        width: 40%;
        font-size: 12px;
        font-size: 0.75rem;
    }

    .idc-info div.right {
        width: 60%;
        font-size: 12px;
        font-size: 0.75rem;
    }

#preferencias ul li {
    overflow: auto;
    margin-bottom: 1em;
    margin-left: 0;
}

    #preferencias ul li a {
        margin-right: 0.625em;
    }

    #preferencias ul li > label {
        display: table;
        line-height: 1.1;
        font-size: 14px;
        font-size: 0.875rem;
    }

    #preferencias ul li > small {
        margin-left: 2.5em;
        font-weight: bold;
    }

    #preferencias ul li > input {
        width: 1.5em;
        display: inline-block;
        float: left;
        margin-top: 1.875em;
        margin-top: 1.875rem;
    }

    #preferencias ul li > img {
        margin: 0 .5em;
        display: inline-block;
        float: left;
    }

    #preferencias ul li:last-child {
        margin-bottom: 0;
    }

.confirmCancel {
    clear: both;
    margin-top: 1em;
    text-align: right;
}

    .confirmCancel#acceptBtn {
        text-align: left;
    }

    .confirmCancel .button, .confirmCancel button {
        margin-left: 0;
    }

    .confirmCancel a {
        margin-left: 1em;
        cursor: pointer;
    }

        .confirmCancel a.cancelar {
            color: #2ba6cb;
            position: relative;
            line-height: 2;
            margin-right: 1em;
        }

    .confirmCancel.inline {
        margin: 0 0 0.5em 0;
        font-size: 14px;
        font-size: 0.875rem;
    }

    .confirmCancel img {
        max-width: 20px;
        vertical-align: middle;
    }

    .confirmCancel strong {
        color: #999;
    }

.login-form input[type=text], .login-form input[type=password] {
    margin: .2em 0;
}

.login-form input[type=radio] {
    margin-bottom: .5em;
}

.login-form input.short {
    width: 40%;
}

.login-form label {
    font-size: 14px;
    font-size: 0.875rem;
}

.login-form .help-text {
    font-style: italic;
    font-size: 12px;
    font-size: 0.75rem;
    color: #595959;
}

.login-form small a {
    font-weight: normal;
}

.login-form .panel {
    margin-bottom: 0;
}

.login-form select {
    width: 100%;
    padding-right: 0;
}

.contact-phones dl.inline dt {
    width: 100%;
}

.nowrap {
    white-space: nowrap;
}

.ppv-panel img {
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.ppv-panel > div {
    margin: .5em auto;
    padding: .375em;
    border: 1px solid #e5e5e5;
    max-width: 17em;
    text-align: center;
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5');
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e5e5e5), to(#ffffff));
    background: -webkit-linear-gradient(top, #ffffff, #e5e5e5);
    background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
    background: -ms-linear-gradient(top, #ffffff, #e5e5e5);
    background: -o-linear-gradient(top, #ffffff, #e5e5e5);
}

.ppv-panel .button {
    margin-top: 1em;
}

.ppv-panel p {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 0.5em;
}

.ppv-panel .popModal .popModal_content {
    font-size: 12px;
    font-size: 0.75rem;
}

    .ppv-panel .popModal .popModal_content h6 {
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 0.5em;
        line-height: 1.2125em;
        font-size: 16px;
        font-size: 1rem;
    }

.ppv-info {
    width: 100%;
    max-width: 40em;
    margin-bottom: 1em;
}

    .ppv-info select {
        max-width: 20em;
    }

    .ppv-info.disclaimer {
        font-size: 15px;
        font-size: 0.9375rem;
        float: left;
    }

        .ppv-info.disclaimer .alert-box {
            font-size: 14px;
            font-size: 0.875rem;
            display: none;
        }

        .ppv-info.disclaimer strong {
            font-size: 14px;
            font-size: 0.875rem;
        }

.logout-promo-header {
    background-color: #e5e5e5;
    padding: 1.5em 0;
}

    .logout-promo-header h1 {
        font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 24px;
        font-size: 1.5rem;
    }

    .logout-promo-header a.button {
        font-size: 8px;
        font-size: 0.5rem;
        float: right;
    }

.logout-promo {
    min-height: 100%;
    margin-bottom: -1.5em;
    padding-top: 2em;
    background-position: left top;
    background-size: 100%;
    background-repeat: no-repeat;
}

    .logout-promo h2 {
        font-size: 23px;
        font-size: 1.4375rem;
    }

    .logout-promo p {
        font-size: 18px;
        font-size: 1.125rem;
        margin-bottom: 1.25em;
    }

        .logout-promo p strong {
            font-size: 16px;
            font-size: 1rem;
        }

#errorDebito .image {
    float: left;
    margin-right: 10px;
}

.forma-de-pago-info .text {
    font-size: 12px;
    font-size: 0.75rem;
}

.forma-de-pago-info .columns a.button {
    text-align: center;
}

.forma-de-pago h5 {
    float: left;
    width: 50%;
    margin-bottom: 0;
}

.forma-de-pago .actual .section div {
    display: inline;
    vertical-align: middle;
    font-size: 12px;
    font-size: 0.75rem;
    margin-right: 10px;
}

#nueva-forma-de-pago small {
    margin-bottom: .2em;
    background-color: transparent;
    color: #c60f13;
    font-size: 12px;
    font-size: 0.75rem;
    display: inline-block;
    line-height: 1em;
}

#nueva-forma-de-pago .panel {
    margin-bottom: 0;
}

    #nueva-forma-de-pago .panel div select {
        margin: .2em 0 .5em 0;
    }

    #nueva-forma-de-pago .panel div .row, #nueva-forma-de-pago .panel div div .row {
        padding-top: 0;
        padding-bottom: 0;
    }

        #nueva-forma-de-pago .panel div .row div {
            font-size: 14px;
            font-size: 0.875rem;
            line-height: 32px;
        }

            #nueva-forma-de-pago .panel div .row div:first-child {
                text-align: right;
            }

#autorizacionDebito .md-autorizacion-debito span {
    color: #2ba6cb;
    font-weight: bold;
}

#validated div {
    display: inline-block;
    position: relative;
}

    #validated div img {
        vertical-align: middle;
    }

.securityQuestions .row div {
    margin-bottom: 10px;
}

    .securityQuestions .row div .marginButtom {
        margin-bottom: 15px;
    }

.securityQuestions p {
    font-size: 15px;
    font-size: 0.9375rem;
}

.securityQuestions .button {
    margin-right: 0.625em;
}

.securityQuestions small.error {
    margin-top: 0;
    background-color: transparent;
    color: #c60f13;
}

.historial-tarjetas a:first-child {
    margin-right: 1.25em;
}

.historial-tarjetas a.button {
    margin-right: 0;
}

.addNewTarjeta form {
    width: 100%;
    max-width: 29.6875em;
    margin-left: auto;
    margin-right: auto;
}

    .addNewTarjeta form fieldset .first {
        margin-bottom: 10px;
    }

    .addNewTarjeta form fieldset .debito, .addNewTarjeta form fieldset .credito {
        display: none;
        float: none;
    }

    .addNewTarjeta form .button {
        margin-right: 10px;
    }

    .addNewTarjeta form .panel {
        margin-bottom: 10px;
    }

        .addNewTarjeta form .panel select {
            width: 100%;
        }

.removeTarjeta .button {
    margin-right: 10px;
}

.simulador {
    display: inline-block;
    margin: 0 auto 10px auto;
    overflow: hidden;
}

    .simulador h3 {
        text-align: left;
    }

    .simulador h6 {
        display: inline-block;
        margin-right: .5em;
        color: #273540;
    }

    .simulador #spinner {
        display: inline-block;
    }

    .simulador form {
        display: block;
        width: 100%;
        max-width: 20em;
        margin: 0 auto;
        border: 1px solid #e0e0bb;
        border-radius: 5px 5px 0 0;
        padding-bottom: 1em;
    }

        .simulador form dl.inline {
            border-bottom: 1px solid #f0f0cb;
            border-radius: 5px 5px 0 0;
            background-color: #fffff2;
            padding: .5em 1em;
        }

        .simulador form dt, .simulador form dd {
            color: #756560;
            width: 50%;
            font-size: 12px;
            font-size: 0.75rem;
            margin: 0;
            text-align: left;
        }

    .simulador .panel {
        display: block;
        width: 100%;
        max-width: 20em;
        margin: 0 auto;
        border-bottom: 0;
        border: 1px solid #e0e0bb;
        border-top: 0;
        background-color: #f0f0db;
        border-radius: 0 0 5px 5px;
    }

        .simulador .panel p {
            color: #756560;
        }

            .simulador .panel p.dias-tendras {
                color: #333;
            }

    .simulador input {
        width: 6em;
        display: inline-block;
    }

    .simulador .slider {
        max-width: 22em;
        margin: 1.5em auto;
    }

    .simulador div.number-spin-btn-container {
        display: inline-block;
        vertical-align: middle;
        margin: 0;
        padding: 0;
        margin-left: -21px;
    }

    .simulador div.number-spin-btn {
        background: url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/simulador.png);
        width: 15px;
        height: 14px;
    }

    .simulador div.number-spin-btn-up {
        background-position: -11px 0;
    }

        .simulador div.number-spin-btn-up:hover {
            background-position: -27px 0;
        }

    .simulador div.number-spin-btn-down {
        background-position: -11px -14px;
    }

        .simulador div.number-spin-btn-down:hover {
            background-position: -27px -14px;
        }

#simulador-result p {
    display: none;
}

/*.pqr select {
    width: 100%;
    padding: 0.48em;
    margin: 0.2em 0;
}*/

/*.pqr input[readonly="readonly"] {
    background-color: rgba(152, 152, 152, 0.5);
    color: rgba(0, 0, 0, 0.75);
}*/

.pqr input::-webkit-input-placeholder, .pqr input::-moz-placeholder, .pqr input:-moz-placeholder, .pqr input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.75);
}

.pqr label {
    font-size: 16px;
    font-size: 1rem;
    color: #333;
}

.pad-t-5 {
    padding-top: 5px !important;
}

.pqr span.red {
    color: red;
}

/*MDTV-2810*/
.pqr span.red {
    color: red;
}
/*MDTV-2810*/

.pqr .anexo {
    display: inline-block;
    /* margin-left: 1em;*/
}

.pqr-error .panel {
    border-color: #F5EB79;
    background: #FFF8AA;
}

.diligencimiento {
    max-height: 700px;
    overflow-y: auto;
    padding: 1.4em;
}

    .diligencimiento li {
        font-size: 15px;
        font-size: 0.9375rem;
    }

.detalles-historial-pqr ol {
    overflow: hidden;
    margin-left: 0;
    margin-bottom: 0.125em !important;
}

    .detalles-historial-pqr ol li {
        float: left;
        margin-left: 0;
        list-style: none;
        width: 50%;
    }

.fixed {
    z-index: 99999;
    position: fixed;
    top: 0;
    width: 100%;
}

.package-update {
    float: none;
    border: 1px solid #e5e5e5;
    padding: 0.625em 0;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    max-width: 30em;
    margin: 0.5em auto;
}

    .package-update span {
        display: inline-block;
        font-weight: bold;
        color: #333;
        margin-bottom: 0.5em;
        margin-right: 0.5em;
    }

.freeview {
    max-width: 100%;
    border-radius: 8px;
    padding: .75em .75em 0 .75em;
    margin-bottom: 1em;
    background-color: #FAFAD2 !important;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

#PSEPayment .client-info .row .columns {
    padding: 0 0.5em;
}

.external-iframe {
    width: auto;
    max-width: 980px;
}

    .external-iframe label {
        font-size: 14px;
        font-size: 0.875rem;
        color: #4d4d4d;
        cursor: pointer;
        display: block;
        font-weight: 500;
        margin-bottom: 0.1875em;
    }

        .external-iframe label span {
            line-height: 1em;
            color: #4d4d4d;
            font-weight: normal;
        }

    .external-iframe input[type="email"], .external-iframe input[type="text"], .external-iframe input[type="password"], .external-iframe select, .external-iframe textarea {
        background-color: white;
        font-family: inherit;
        border: 1px solid #cccccc;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        color: rgba(0, 0, 0, 0.75);
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        width: 100%;
        -moz-box-sizing: box-sizing;
        -webkit-box-sizing: box-sizing;
        box-sizing: box-sizing;
    }

    .external-iframe input[type="checkbox"] {
        margin-bottom: 0;
    }

    .external-iframe .formbox {
        width: 100%;
        max-width: 29.6875em;
        margin-left: auto;
        margin-right: auto;
    }

        .external-iframe .formbox .row .columns {
            padding: 0;
        }

        .external-iframe .formbox .error small, .external-iframe .formbox small.error {
            margin-top: -0.3em;
        }

    .external-iframe .confirmCancel {
        clear: both;
        text-align: right;
        margin-top: 0;
    }

        .external-iframe .confirmCancel .button, .external-iframe .confirmCancel button {
            margin-bottom: 0;
        }

        .external-iframe .confirmCancel a.cancelar {
            float: none;
        }

    .external-iframe .alert-box.alert {
        border-style: solid;
        border-width: 1px;
        display: block;
        font-weight: normal;
        position: relative;
        padding: 0.875rem 1.5rem 0.875rem 0.875rem;
        background-color: #ffff66;
    }

    .external-iframe .ppv-buy .ppv-info {
        max-width: 100%;
        margin: 1em 0;
    }

    .external-iframe .ppv-buy .row {
        padding: 0;
    }

        .external-iframe .ppv-buy .row .columns {
            margin-bottom: .5em;
        }

            .external-iframe .ppv-buy .row .columns.text {
                color: #60686f;
            }

#trendingPPVs ul li {
    margin-left: 0;
}

.top-ppv {
    color: #333333;
    border: 1px solid #e5e5e5;
    padding: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 7px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 7px;
    max-width: 14em;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

    .top-ppv img {
        margin: 0 auto 0.5em;
        max-width: 100%;
        display: block;
        width: 100%;
    }

    .top-ppv .ppv-title {
        display: inline-block;
        font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
        line-height: 1.2;
        color: #444;
        width: 100%;
        overflow: hidden;
    }

.top-ppv-details {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 0.5em;
    -moz-transition: top 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: top 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: top 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: top 0.3s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .top-ppv-details .ppv-title {
        max-height: 3.6em;
    }

    .top-ppv-details p {
        text-align: left;
        color: #444;
        font-size: 14px;
        font-size: 0.875rem;
        max-height: 9.8em;
        overflow: hidden;
    }

    .top-ppv-details a.button {
        display: inline-block;
        margin-bottom: 0;
    }

.top-ppv.flip .top-ppv-details {
    top: 0;
    background-color: white;
    height: 100%;
    width: 100%;
    -moz-transition: top 0.5s 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
    -o-transition: top 0.5s 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
    -webkit-transition: top 0.5s 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
    transition: top 0.5s 0.5s cubic-bezier(0.95, 0.05, 0.795, 0.035);
}

    .top-ppv.flip .top-ppv-details .ppv-title {
        white-space: normal;
    }

.top-ppv-hover.f-dropdown.content {
    display: none;
    margin-top: -42em;
    padding: 0;
    border: 1px solid #f6f6f6;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
}

    .top-ppv-hover.f-dropdown.content.open {
        top: 1060px !important;
        display: block;
    }

.top-ppv-hover.f-dropdown:before {
    border-color: transparent transparent #f6f6f6 transparent;
}

.top-ppv-hover h6 {
    background: #f6f6f6;
    text-align: left;
    color: #333;
    padding: 1em;
}

.top-ppv-hover .details {
    padding: 0.5em 1em;
    text-align: center;
}

.top-ppv-hover p {
    text-align: left;
}

.control-group label span {
    font-size: inherit;
}

label .password-strength {
    display: inline;
    float: right;
    margin-right: 0;
}

    label .password-strength span {
        color: #999;
        font-size: 14px;
        font-size: 0.875rem;
    }

    label .password-strength .password-strength-indicator {
        display: inline-block;
        width: 12px;
        height: 12px;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        border-radius: 999px;
    }

        label .password-strength .password-strength-indicator.invalido {
            background-color: #ccc;
        }

        label .password-strength .password-strength-indicator.debil {
            background-color: #ffaa00;
        }

        label .password-strength .password-strength-indicator.medio {
            background-color: #e5e500;
        }

        label .password-strength .password-strength-indicator.fuerte {
            background-color: #99cc00;
        }

        label .password-strength .password-strength-indicator.mejor {
            background-color: #009933;
        }

.tabs-content {
    width: 100%;
    border: 1px solid #e5e5e5;
    position: relative;
    z-index: 1;
}

    .tabs-content .content {
        width: 100%;
        padding: 1em;
        background-color: #fff;
    }

.historial-pago .columns {
    padding: 0;
}

.historial-pago span a {
    line-height: normal;
}

    .historial-pago span a[target="_blank"] {
        padding-right: 0.5em;
    }

.viaspararecargar {
    border: 1px solid #ccc;
    border-top: none;
}

    .viaspararecargar .accordion-navigation > a {
        font-size: 14px;
        font-size: 0.875rem;
        padding: 0.9375em;
        background-color: #f5f5f5;
        border-top: 1px solid #ccc;
        border-bottom: none;
    }

        .viaspararecargar .accordion-navigation > a:before {
            content: '\25B8\0020';
            color: #00aeef;
        }

    .viaspararecargar .accordion-navigation a:hover {
        border-bottom: none;
    }

    .viaspararecargar .accordion-navigation .content {
        border: none;
    }

    .viaspararecargar .accordion-navigation .active {
        border-top: 1px solid #ccc;
    }

.concursos .item {
    margin-top: .625em;
    margin-bottom: 1.5625em;
    padding-left: 3em;
    position: relative;
    min-height: 2.1875em;
    display: table;
}

    .concursos .item:last-child {
        margin-bottom: 0;
    }

    .concursos .item .circlenumber {
        position: absolute;
        left: 0;
        background-color: #fff;
        border-radius: 50%;
        border: 2px solid #00aeef;
        width: 2.1875em;
        height: 2.1875em;
        z-index: 2;
    }

        .concursos .item .circlenumber h3 {
            color: #00aeef;
            position: relative;
            text-align: center;
            top: 2.5%;
            font-weight: bold;
            font-size: 16px;
            line-height: 1.8;
            margin: 0;
        }

    .concursos .item p {
        margin: 0;
        display: table-cell;
        vertical-align: middle;
    }

.accordion dd > a {
    font-weight: normal;
    color: #305060;
    background-color: #e5ecef;
    border-bottom: 1px solid white;
}

    .accordion dd > a:hover {
        color: #406070;
        background-color: #e5f5f8;
        border-bottom: 1px solid white;
    }

.accordion dd > .content {
    border-width: 0 1px 1px 1px;
    border-color: #e5ecef;
    border-style: solid;
}

.accordion dd.promotion > .content {
    padding: 0;
}

    .accordion dd.promotion > .content a:not(.button) {
        background: none;
    }

    .accordion dd.promotion > .content .mis-datos.overflow {
        overflow: inherit;
    }

    .accordion dd.promotion > .content .mis-datos:last-child {
        margin-bottom: 0;
    }

    .accordion dd.promotion > .content .mis-datos textarea {
        min-height: 4.75em;
    }

.promotion .switchery {
    float: right;
}

.form-code {
    line-height: 42px;
}

.panel-white {
    border: 1px solid #e5e5e5;
    padding: 0.625em;
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    margin: 0.5em auto;
}

.panel-gray {
    border-color: #d9d9d9;
    background: #f2f2f2;
}

.card-name {
    line-height: 37px;
}

.grabacion-externa {
    overflow-y: auto;
    max-height: 340px;
}

#imgZoom img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.mis-datos {
    display: block;
    width: 100%;
    margin: 0;
    border: 1px solid #e5e5e5;
    border-bottom-width: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: hidden;
    max-height: 730px;
    -moz-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
    -webkit-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
}

.tilte-banner-net {
    color: #101010;
    text-align: center;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 32px !important;
}

.mis-datos label {
    color: #678;
    margin-top: 0.625em;
}

    .mis-datos label:first-child {
        margin-top: 0;
    }

.mis-datos select {
    margin: 0.25em 0;
    font-size: 16px;
    font-size: 1rem;
    width: 100%;
}

.mis-datos .button {
    padding: 0.75rem 1rem;
}

.mis-datos:last-child {
    margin-bottom: 1rem;
    border-bottom-width: 1px;
}

.mis-datos.closed {
    max-height: 0;
}

.mis-datos.head {
    background-color: #39C;
    color: white;
    border-color: #39c;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

    .mis-datos.head h1, .mis-datos.head h2, .mis-datos.head h3, .mis-datos.head h4, .mis-datos.head h5, .mis-datos.head h6 {
        color: #FFF;
    }

    .mis-datos.head .datos-icon i {
        color: #FFF;
    }

    .mis-datos.head .datos-datos {
        width: 80%;
    }

.mis-datos .datos-icon, .mis-datos .datos-datos, .mis-datos .datos-editar, .mis-datos .datos-formulario {
    -moz-box-sizing: box-sizing;
    -webkit-box-sizing: box-sizing;
    box-sizing: box-sizing;
    display: inline-block;
    vertical-align: middle;
    padding: 0.5rem;
}

.mis-datos .datos-icon {
    width: 15%;
    text-align: center;
}

    .mis-datos .datos-icon i {
        font-size: 32px;
        font-size: 2rem;
        color: #39c;
    }

.mis-datos .datos-datos {
    width: 60%;
}

    .mis-datos .datos-datos dl dt {
        color: #cef;
    }

    .mis-datos .datos-datos h6 {
        width: 100%;
        padding-bottom: 0.2em;
        /*white-space: nowrap;
            overflow: hidden;*/
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

.mis-datos .datos-editar {
    width: 20%;
    text-align: right;
}

    .mis-datos .datos-editar a {
        font-weight: 300;
    }

.mis-datos .info-tooltip {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    font-size: 12px;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.125rem;
    color: #39c;
    border: 1px solid #39c;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-align: center;
    cursor: pointer;
    -moz-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.mis-datos .confirmCancel .button {
    margin-bottom: 0;
}

.mis-datos .confirmCancel *:first-child {
    float: left;
}

.mis-datos .savePreloader {
    text-align: center;
}

    .mis-datos .savePreloader strong {
        margin-left: 1em;
    }

.mis-datos[id$="-edit"] {
    background-color: #f5f5f5;
    border-top: 0;
}

    .mis-datos[id$="-edit"] .datos-icon {
        vertical-align: top;
    }

#informacion-de-tu-cuenta #tele-edit.overflow {
    overflow: inherit;
}

#informacion-de-tu-cuenta #instalacion-edit textarea {
    min-height: 4.75em;
}

#informacion-de-tu-cuenta #facturacion-edit textarea {
    min-height: 4.75em;
}

.datos-formulario {
    width: 80%;
}

    .datos-formulario .row {
        background-color: transparent;
        padding-bottom: 0.25rem;
        padding-top: 0.25rem;
    }

    .datos-formulario .subheader {
        color: #39c;
    }

    .datos-formulario textarea {
        min-height: 0;
    }

.CheckYourEmail p {
    margin-bottom: 0;
}

.rechargeSuscription {
    overflow: hidden;
    margin-bottom: 1.25em;
    padding: 0;
}

    .rechargeSuscription label {
        font-size: 1em !important;
    }

    .rechargeSuscription > .columns {
        padding: 0;
    }

    .rechargeSuscription .pricing-table {
        border: none;
        margin-bottom: 0 !important;
    }

        .rechargeSuscription .pricing-table.cero {
            border: 1px solid #d5e3ec;
            border-bottom: none;
        }

        .rechargeSuscription .pricing-table .title {
            background-color: #e5f3fc;
            color: #405060;
            font-weight: bold;
        }

        .rechargeSuscription .pricing-table li {
            margin-left: 0;
        }

    .rechargeSuscription .cero .title {
        margin: 2px 2px 0 2px;
        overflow: hidden;
    }

    .rechargeSuscription .cero h4 {
        font-size: 1em !important;
    }

    .rechargeSuscription .one .pricing-table {
        border-left: 1px solid #d5e3ec;
    }

    .rechargeSuscription .one .title {
        margin-left: 2px;
    }

    .rechargeSuscription .one ul li.bullet-item {
        border-right: none;
    }

    .rechargeSuscription .two ul li.bullet-item {
        border-right: 1px solid #d5e3ec;
        border-left: 1px solid #d5e3ec;
    }

    .rechargeSuscription .three .pricing-table {
        border-right: 1px solid #d5e3ec;
    }

    .rechargeSuscription .three .title {
        margin-right: 2px;
    }

    .rechargeSuscription .three ul li.bullet-item {
        border-left: none;
    }

    .rechargeSuscription ul li.bullet-item {
        border-bottom: none;
        border-top: none;
    }

        .rechargeSuscription ul li.bullet-item:last-child {
            border-bottom: 1px solid #d5e3ec;
            padding-top: 0;
        }

.placeholder {
    color: #aaa;
}
/* .sticky-footer { position: absolute; bottom: 0; width: 100%; } */
#newEmail {
    margin-bottom: 20px;
}

.internetexplorer .main-content select, .ie .main-content select {
    background-image: none;
    padding-right: 0.5em;
}

.internetexplorer .main-content dl dd.editable input.small, .ie .main-content dl dd.editable input.small {
    display: inline-block;
    width: 6em;
}

.internetexplorer .end, .ie .end {
    float: left !important;
}

.internetexplorer table .button, .internetexplorer table button, .ie table .button, .ie table button {
    margin-bottom: 0;
}

.lt-ie9 form .row .prefix-radius.row.collapse .prefix, .lt-ie9 form .row .postfix-radius.row.collapse .postfix {
    padding: 0 10px;
    line-height: 2.67em;
    height: 2.67em;
}

.lt-ie9 table tr th, .lt-ie9 table tr td {
    padding: .5625em .625em;
    font-size: 14px;
    font-size: 0.875rem;
}

.lt-ie9 select {
    padding: .5em;
    font-size: 14px;
    font-size: 0.875rem;
}

.lt-ie9 .column.small-centered, .lt-ie9 .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
}

.lt-ie9 .large-1, .lt-ie9 .row .large-1 {
    width: 8.33333%;
}

.lt-ie9 .large-2, .lt-ie9 .row .large-2 {
    width: 16.66667%;
}

.lt-ie9 .pull-2 {
    right: 16.66667%;
}

.lt-ie9 .push-2 {
    left: 16.66667%;
}

.lt-ie9 .large-3, .lt-ie9 .row .large-3 {
    width: 25%;
}

.lt-ie9 .pull-3 {
    right: 25%;
}

.lt-ie9 .push-3 {
    left: 25%;
}

.lt-ie9 .large-4, .lt-ie9 .row .large-4 {
    width: 33.33333%;
}

.lt-ie9 .pull-4 {
    right: 33.33333%;
}

.lt-ie9 .push-4 {
    left: 33.33333%;
}

.lt-ie9 .large-5, .lt-ie9 .row .large-5 {
    width: 41.66667%;
}

.lt-ie9 .pull-5 {
    right: 41.66667%;
}

.lt-ie9 .push-5 {
    left: 41.66667%;
}

.lt-ie9 .large-6, .lt-ie9 .row .large-6 {
    width: 50%;
}

.lt-ie9 .pull-6 {
    right: 50%;
}

.lt-ie9 .push-6 {
    left: 50%;
}

.lt-ie9 .large-7, .lt-ie9 .row .large-7 {
    width: 58.33333%;
}

.lt-ie9 .pull-7 {
    right: 58.33333%;
}

.lt-ie9 .push-7 {
    left: 58.33333%;
}

.lt-ie9 .large-8, .lt-ie9 .row .large-8 {
    width: 66.66667%;
}

.lt-ie9 .pull-8 {
    right: 66.66667%;
}

.lt-ie9 .push-8 {
    left: 66.66667%;
}

.lt-ie9 .large-9, .lt-ie9 .row .large-9 {
    width: 75%;
}

.lt-ie9 .pull-9 {
    right: 75%;
}

.lt-ie9 .push-9 {
    left: 75%;
}

.lt-ie9 .large-10, .lt-ie9 .row .large-10 {
    width: 83.33333%;
}

.lt-ie9 .pull-10 {
    right: 83.33333%;
}

.lt-ie9 .push-10 {
    left: 83.33333%;
}

.lt-ie9 .large-11, .lt-ie9 .row .large-11 {
    width: 91.66667%;
}

.lt-ie9 .large-12, .lt-ie9 .row .large-12 {
    width: 100%;
}

.lt-ie9 .row {
    width: 980px;
    max-width: 100%;
    min-width: 768px;
    margin: 0 auto;
    *zoom: 1;
}

    .lt-ie9 .row:before {
        content: " ";
        display: table;
    }

    .lt-ie9 .row .row {
        width: auto;
        max-width: none;
        min-width: 0;
        margin: 0 -.9375em;
    }

        .lt-ie9 .row .row.large-collapse {
            margin: 0;
        }

    .lt-ie9 .row.large-collapse .column, .lt-ie9 .row.large-collapse .columns {
        padding: 0;
    }

    .lt-ie9 .row .large-offset-1 {
        margin-left: 8.33333%;
    }

    .lt-ie9 .row .large-offset-2 {
        margin-left: 16.66667%;
    }

    .lt-ie9 .row .large-offset-3 {
        margin-left: 25%;
    }

    .lt-ie9 .row .large-offset-4 {
        margin-left: 33.33333%;
    }

    .lt-ie9 .row .large-offset-5 {
        margin-left: 41.66667%;
    }

    .lt-ie9 .row .large-offset-6 {
        margin-left: 50%;
    }

    .lt-ie9 .row .large-offset-7 {
        margin-left: 58.33333%;
    }

    .lt-ie9 .row .large-offset-8 {
        margin-left: 66.66667%;
    }

    .lt-ie9 .row .large-offset-9 {
        margin-left: 75%;
    }

    .lt-ie9 .row .large-offset-10 {
        margin-left: 83.33333%;
    }

    .lt-ie9 .row .large-right, .lt-ie9 .row .large-uncentered {
        float: right;
    }

.lt-ie9 .column, .lt-ie9 .columns {
    float: left;
    min-height: 1px;
    padding: 0 .9375em;
    position: relative;
}

    .lt-ie9 .column.large-centered, .lt-ie9 .columns.large-centered {
        float: none;
        margin: 0 auto;
    }

.lt-ie9 .panel {
    padding: .75em;
    margin-bottom: 1.25em;
}

.lt-ie9 [class*="column"] + [class*="column"]:last-child {
    float: right;
}

.lt-ie9 .text-inside, .lt-ie9 .inline {
    padding: 0;
}

    .lt-ie9 .text-inside.last-child, .lt-ie9 .inline.last-child {
        float: right;
    }

.lt-ie9 button, .lt-ie9 .button {
    margin: 0 0 1.25em;
}

    .lt-ie9 button.last-child, .lt-ie9 .button.last-child {
        margin-bottom: 0;
    }

    .lt-ie9 button.small, .lt-ie9 .button.small {
        font-size: 13px;
        font-size: 0.8125rem;
    }

.lt-ie9 .securityQuestions {
    width: auto;
    min-width: inherit;
}

.lt-ie9 #autorizacionDebito .row, .lt-ie9 #errorDebito .row, .lt-ie9 .addNewTarjeta .row, .lt-ie9 .removeTarjeta .row {
    width: auto;
    min-width: inherit;
}

.lt-ie9 .hide-for-large-up, .lt-ie9 .show-for-small, .lt-ie9 .show-for-small-only, .lt-ie9 .show-for-medium-only, .lt-ie9 .show-for-medium-down {
    display: none !important;
}

.lt-ie9 .hide-for-small, .lt-ie9 .show-for-large-up, .lt-ie9 .hide-for-small-only, .lt-ie9 .hide-for-medium-only {
    display: inherit !important;
}

.lt-ie9 .alert-box {
    padding: 0.875em 1.5em 0.875em 0.875em;
    margin-bottom: 1.25em;
}

.lt-ie9 .pay-bill .pay-value .columns {
    float: left;
    width: 30%;
}

.lt-ie9 .pay-bill .pay-value .buttons {
    margin-top: -33px;
    margin-left: 44px;
}

.lt-ie9 .pay-bill .pay-value input.value {
    max-width: 60px;
}

.lt-ie9 .promo img {
    width: inherit;
}

.lt-ie9 #PacakgePurchaseContent .columns {
    padding: 0;
}

.lt-ie9 .main-content input[type="text"], .lt-ie9 .main-content input[type="password"], .lt-ie9 .main-content input[type="date"], .lt-ie9 .main-content input[type="datetime"], .lt-ie9 .main-content input[type="datetime-local"], .lt-ie9 .main-content input[type="month"], .lt-ie9 .main-content input[type="week"], .lt-ie9 .main-content input[type="email"], .lt-ie9 .main-content input[type="number"], .lt-ie9 .main-content input[type="search"], .lt-ie9 .main-content input[type="tel"], .lt-ie9 .main-content input[type="time"], .lt-ie9 .main-content input[type="url"], .lt-ie9 .main-content textarea {
    font-size: 12px;
    font-size: 0.75rem;
    padding: .5em;
    height: 2.67em;
    line-height: 1.55em;
}

.lt-ie9 .main-content > form {
    margin-bottom: 0;
}

.lt-ie9 .main-content fieldset legend {
    padding-bottom: 1.25em;
}

.lt-ie9 .main-content .fieldset {
    padding-top: 0;
}

.lt-ie9 .main-content.external-iframe {
    min-width: inherit;
}

    .lt-ie9 .main-content.external-iframe button, .lt-ie9 .main-content.external-iframe .button, .lt-ie9 .main-content.external-iframe .button.disabled, .lt-ie9 .main-content.external-iframe .button:hover {
        background-image: url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/gradient-button-ie.jpg);
        background-repeat: repeat-x;
        background-position-y: -4px;
    }

        .lt-ie9 .main-content.external-iframe button:hover, .lt-ie9 .main-content.external-iframe .button:hover {
            background-position-y: -46px;
        }

    .lt-ie9 .main-content.external-iframe input[type="email"], .lt-ie9 .main-content.external-iframe input[type="text"], .lt-ie9 .main-content.external-iframe input[type="password"] {
        height: 2.3125em;
    }

    .lt-ie9 .main-content.external-iframe .row, .lt-ie9 .main-content.external-iframe .row .large-12, .lt-ie9 .main-content.external-iframe .formbox .row {
        width: auto;
        min-width: inherit;
        float: none;
    }

.lt-ie9 .main-content #promociones ul li {
    width: 20%;
    padding: 0 0.625em 1.25em;
}

.lt-ie9 .main-content span.error, .lt-ie9 .main-content small.error {
    padding: .375em .5625em .5625em;
}

.lt-ie9 .new-reveal-modal .row {
    min-width: inherit;
    width: auto;
}

.lt-ie9 .mis-datos {
    overflow: hidden;
}

    .lt-ie9 .mis-datos .datos-icon, .lt-ie9 .mis-datos .datos-datos, .lt-ie9 .mis-datos .datos-editar, .lt-ie9 .mis-datos .datos-formulario {
        padding: 0.5em;
    }

        .lt-ie9 .mis-datos .datos-datos h5, .lt-ie9 .mis-datos .datos-datos h6 {
            overflow: visible;
        }

.lt-ie9 .rechargeSuscription .one, .lt-ie9 .rechargeSuscription .two, .lt-ie9 .rechargeSuscription .three {
    border-bottom: 1px solid #d5e3ec;
}

.lt-ie9 .rechargeSuscription ul.pricing-table .bullet-item {
    padding: 0.9375em;
}

.lt-ie9 .rechargeSuscription ul.pricing-table .title {
    padding: 0.9375em 1.25em;
}

.lt-ie9 .accordion dd > a {
    padding: 1em;
}

.lt-ie9 .accordion dd .content .row {
    margin: 0 auto;
}

.lt-ie9 .client-info .small-6.columns {
    width: 50%;
}

.lt-ie9 .package-update {
    padding-top: 0.62em;
    padding-bottom: 0.62em;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

.lt-ie9 .tabs.small-tabs dd a {
    padding: 1.5em 0.75em;
    font-size: 14px;
    font-size: 0.875rem;
}

.lt-ie9 dl dt a.last-child, .lt-ie9 dl dt p.last-child, .lt-ie9 .targeter a.last-child, .lt-ie9 .targeter p.last-child, .lt-ie9 .promo a.last-child, .lt-ie9 .promo p.last-child {
    margin-bottom: 0;
}

.lt-ie9 .large-block-grid-3 > li {
    width: 33.33333%;
    padding: 0 .625em 1.25em;
}

.lt-ie9 .info-tooltip {
    width: 1.2em;
    height: 1.2em;
    line-height: 1em;
}

.lt-ie9 #trendingPPVs ul li {
    margin-left: 20px;
    width: 290px;
}

.lt-ie9 #PPV_0 {
    top: 250px;
    left: 250px;
    position: absolute;
    margin-left: 30px !important;
    margin-top: -40em !important;
    width: 30% !important;
    border: 1px solid gray;
}

.lt-ie9 #PPV_1 {
    top: 250px;
    left: 250px;
    position: absolute;
    margin-left: 30px !important;
    margin-top: -40em !important;
    width: 30% !important;
    border: 1px solid gray;
}

.lt-ie9 #PPV_2 {
    top: 250px;
    left: 250px;
    position: absolute;
    margin-left: 30px !important;
    margin-top: -40em !important;
    width: 30% !important;
    border: 1px solid gray;
}

.cardpayment-header {
    font-size: 1.375rem;
    cursor: pointer;
}

.cardpayment {
    display: inline-block;
    margin: 1em 1em 1em 0;
    vertical-align: text-top;
    border: 2px solid white;
    border-radius: 5px;
    padding: 0;
    width: 100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}

    .cardpayment :last-child {
        margin: 0;
    }

    .cardpayment.selected,
    .credit-card-payment.selected,
    .mercado-payment.selected {
        border: 2px solid #00aeef;
        background: #fff;
        box-shadow: 0 0 1px #004080;
        border-radius: 10px;
    }

    .cardpayment > section, .cardpayment label > section {
        width: 100%;
        padding: .5em;
    }

    .cardpayment label {
        margin: 0;
    }

        .cardpayment label section:last-of-type {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
        }

    .cardpayment.color-strip .cardpayment-header {
        border-bottom: 3px solid #F90;
    }

    .cardpayment.radio .cardpayment-header::before {
        display: inline-block;
        font-size: 2rem;
        height: 0.5em;
        width: 0.5em;
        margin: 0.2em 0.5em 0 0;
        content: ' ';
        background-size: contain;
        vertical-align: text-top;
        background-image: url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/icon-rb-u.png);
        float: left;
    }

    .cardpayment.radio.selected .cardpayment-header::before {
        background-image: url(https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/icon-rb-c.png);
    }

    .cardpayment .cardpayment-header input {
        display: none;
    }

    .cardpayment > div {
        width: 100%;
        padding: .5em;
    }

        .cardpayment > div input[type="radio"] {
            margin: 1px;
            position: absolute;
            z-index: 2;
            cursor: pointer;
            outline: none;
            opacity: 0; /* CSS hacks for older browsers */
            _noFocusLine: expression(this.hideFocus=true);
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            filter: alpha(opacity=0);
            -khtml-opacity: 0;
            -moz-opacity: 0;
        }

.cardpayment-header span, .cardpayment-header .button {
    float: right;
}

.cardpayment-header input:checked ~ .button {
    background: transparent;
    border: 1px solid #999;
    color: #666;
}

.cardpayment-description {
    padding: 0.75em .5em;
    cursor: pointer;
}

    .cardpayment-description ul, .cardpayment-description dl, .cardpayment-description p:last-child {
        margin-bottom: 0;
    }

.cardpayment-promo {
    background: #C80200;
    background-color: #567;
    color: white;
    text-align: center;
}

    .cardpayment-promo b {
        color: #FFDA00;
    }

.cardpayment-expander {
    border-top: 1px solid #e5e5e5;
    position: relative;
    font-size: 1.125em;
    cursor: pointer;
}

    .cardpayment-expander span.plus-icon {
        position: absolute;
        right: 0.5em;
        top: 25%;
        display: inline-block;
        height: 1em;
        width: 1em;
        background: transparent url(../images/icon-plus.svg) center center;
        background-size: contain;
        vertical-align: text-top;
        transition: transform 0.2s ease-in;
    }

    .cardpayment-expander.expanded span {
        transform: rotate(45deg);
    }

    .cardpayment-expander:hover span.plus-icon {
        background-image: url(../images/icon-plus-hover.svg);
    }

.cardpayment-details {
    display: none;
    background-color: #f5f5f5;
    border: 1px solid #e5e5e5;
    border-bottom: none;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.cardpayment-expander.expanded + .cardpayment-details {
    display: inline-block;
}

.unbold {
    font-weight: normal;
}

.main-content select.inline, .main-content input.inline, .main-content label.inline {
    display: inline-block;
    margin-bottom: 0;
}

.main-content select {
    width: auto;
    max-width: 100%;
    border-color: #b5b5b5;
    padding-right: 1.25rem;
    background-position: 97% center;
    border-radius: 5px;
    background-position: calc(100% - 0.5rem) center;
    padding: 12px 15px;
}

.no-js .cardpayment .cardpayment-header input {
    display: inline-block;
}

.MiDTV-billboard {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: table;
    text-align: center;
    width: 100%;
    background-color: #303441;
    color: white;
    padding: 1em;
    margin-bottom: 1em;
}

    .MiDTV-billboard p {
        margin: 0;
        display: block;
        width: 100%;
        font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        text-align: center;
    }

        .MiDTV-billboard p .text-yellow {
            color: #FFD402;
        }

    .MiDTV-billboard .banner-button {
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-weight: 300;
        font-size: 1em;
        margin: 1em auto 0 auto;
        width: 10em;
        height: 2.5em;
        background: #007EBA;
        color: white;
        border: 0;
        border-radius: 4px;
        text-align: center;
        text-shadow: 0 -1px 1px #084C94;
        transition: background 0.25s ease-in;
        padding: 10px 16px;
    }

        .MiDTV-billboard .banner-button:hover {
            background: #309DC9;
            cursor: pointer;
        }

    .MiDTV-billboard:hover {
        cursor: pointer;
    }

    .MiDTV-billboard .logo-block {
        display: block;
        height: auto;
        width: 100%;
        text-align: center;
        margin: 0 auto .25em auto;
    }

    .MiDTV-billboard img {
        max-width: 10em;
        margin: 0 auto;
    }

    .MiDTV-billboard.shaded-bg {
        background: #f2f2f2;
        color: #333;
    }

        .MiDTV-billboard.shaded-bg .text {
            padding: 0;
        }

.g-recaptcha {
    display: inline-block;
    margin: 0 auto;
}

.forgot-email #searchBtn {
    float: left;
}

.forgot-email #cancelBtn {
    line-height: 2.2em;
}

#historial-de-pago {
    min-height: 320px;
    padding: initial;
}

small.error {
    color: #BE0F0F;
    font-style: italic;
    display: block;
    font-size: 12px;
    background: none;
    font-family: 'DIRECTVCurve Regular';
    margin: 0;
    padding: 0;
}

input.button.left-padding-button-pkUpgrade {
    margin-left: 30px;
}

@media screen and (min-width: 482px)and (max-width: 1024px) {
    .div-wrap-confirmar-contratacion {
        max-height: 120px;
        overflow-y: auto;
        margin-bottom: 10px;
    }
}

@media screen and (min-width: 768px)and (max-width: 950px) {
    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo .small-5.columns.contentRight.text-right {
        padding-right: 15px;
    }
}

@media (max-width:481px) {
    .main-content .div-select-deco-pkUpgrade dl dt {
        width: 45%;
    }

    .main-content .div-select-deco-pkUpgrade dl dd {
        width: 50%;
    }
}

i.colorForSpinner {
    color: #00abe3 !important;
}

    i.colorForSpinner.hide {
        display: none;
    }

.payment-mont {
    display: inline-block;
    margin-top: 10px;
}

    .payment-mont div {
        position: relative;
    }

    .payment-mont i {
        position: absolute;
        left: 5px;
        top: 5px;
        font-style: normal;
        font: 1.75rem/28px Arial, Helvetica, sans-self;
        color: #888;
    }

    .payment-mont input[type="text"] {
        font: 1.75rem/28px Arial, Helvetica, sans-self;
        width: 150px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 20px;
        text-align: right;
    }

.card {
    position: relative;
    min-height: 220px;
    cursor: pointer;
}

    .card:hover {
        box-shadow: 0px 1px 3px #333;
        -webkit-transition: all 150ms ease-in;
        -webkit-transform: scale(1.075);
        -ms-transition: all 150ms ease-in;
        -ms-transform: scale(1.075);
        -moz-transition: all 150ms ease-in;
        -moz-transform: scale(1.075);
        transition: all 150ms ease-in;
        transform: scale(1.075);
    }

    .card span {
        margin-right: 10px;
    }

        .card span i {
            font-size: 10px;
        }

        .card span.card-number {
            position: absolute;
            margin-top: 3px;
        }

    .card .number {
        line-height: 60px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding: 20px;
    }

    .card .delete {
        display: none;
        position: absolute;
        text-align: center;
        min-height: 220px;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.5);
    }

        .card .delete .close {
            position: absolute;
            top: 10px;
            right: 10px;
            color: #333;
            font-size: 35px;
            padding: 0 10px;
        }

        .card .delete.active {
            display: table;
        }

        .card .delete .button-wrapper {
            display: table-cell;
            vertical-align: middle;
        }

    .card .icon {
        position: relative;
        border-radius: 50%;
        border: 3px solid #ccc;
        padding: 10px;
        width: 60px;
        height: 60px;
        margin: 25px auto 40px;
        background-color: #fff;
    }

        .card .icon .first {
            background-color: #333;
            width: 4px;
            height: 30px;
            margin: 0 auto;
        }

        .card .icon .second {
            background-color: #333;
            width: 30px;
            height: 4px;
            margin: -17px auto;
        }

    .card.plus .text {
        color: #333;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
    }
/* Custom styles for all new PPA's starts here */
.page-title {
    padding: 0em;
    text-align: center;
    background-color: #303441;
    color: #fff;
}

    .page-title h5 {
        margin: 0.95em auto;
        color: White;
    }

.play-video-thumbnail {
    width: 15%;
    margin-bottom: 0.5em;
}

table.icon-table td small {
    display: block;
}

.resolution {
    font-size: 0.80em;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    border-color: #666;
    padding: 0.2em;
    position: relative;
    top: 3px;
    color: #333 !important;
    font-weight: normal !important;
}

.hideThis {
    display: none !important;
}

div.customPercentageMeter {
    width: 85px !important;
    display: inline-block !important;
    height: 40px !important;
    background-color: #F5F5F5 !important;
    margin: auto;
    float: left !important;
}

span.customPercentageMeterBar, span.customPercentageMeterBarSpacer {
    height: 40px !important;
    width: 5% !important;
    display: inline-block !important;
    float: left !important;
}

span.customPercentageMeterBar {
    background-color: #ccc8c8 !important;
}

    span.customPercentageMeterBar.withColor {
        background-color: #4ad227 !important;
    }

span.customPercentageMeterBarSpacer {
    background-color: #F5F5F5 !important;
}

span.percentageText {
    font-size: 34px;
    display: inline-block !important;
    height: 40px;
    line-height: 40px;
}
/* Custom styles for all new PPA's ends here */
/* Custom styles for AR Basic plan starts here */
.changeMinHeight {
    min-height: 165px !important;
}
/* Custom styles for AR Basic plan ends here */
/* Custom styles for CO Auto debit starts here */
h3.mainHeading {
    margin-top: 0.5em;
}

.debAutoSecQues div.choiceDiv {
    margin-bottom: 2em;
}

.debAutoSecQues div.question {
    margin-bottom: 0.75em;
}

.debAutoSecQues ul.options li {
    margin-left: 0.5em;
}

.debAutoSecQues .faliureCase div.faliureCaseAlert {
    margin-top: 1em;
    text-align: center;
}

.dualTargetters {
    margin-top: 1.5em !important;
}

.enrollAutoDebit .columns:nth-child(odd) {
    padding-left: 0px;
    padding-right: 0.5em;
}

.enrollAutoDebit .columns:nth-child(even) {
    padding-left: 0.5em;
    padding-right: 0px;
}

@media only screen and (max-width: 36.250em) {
    .enrollAutoDebit .columns:nth-child(odd) {
        padding-left: 0px;
        padding-right: 0px;
    }

    .enrollAutoDebit .columns:nth-child(even) {
        padding-left: 0px;
        padding-right: 0px;
    }
}

input.label-card {
    display: none;
}

input + label.label-card {
    display: inline-block;
    padding: 0.75em;
    margin: 1em 0;
    width: 100%;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    background-color: #ffffff;
    transition: background 0.2s;
    font-size: 1rem;
}

label.label-card:hover {
    background-color: #f5f5f5;
}

label.label-card p {
    opacity: 0.7;
    font-size: 0.875em;
    margin: 0.5em 0 0 0;
}

input.label-card:checked + label.label-card {
    background-color: #1b2c5d;
    color: white;
    box-shadow: none;
}

.tabsSection dl.tabs dd a {
    outline: none;
    padding-left: 1em;
    padding-right: 1em;
}

.tabsSection label small {
    text-transform: none;
    font-weight: bold;
}

.tabsSection hr {
    border-color: #a1a1a1;
}

.tabsSection input.short {
    width: 40%;
}

.tabsSection #acceptConditions-BA, .tabsSection #acceptConditions-CC {
    vertical-align: middle;
}

form select {
    margin-bottom: 0.5em !important;
}
/* Custom styles for CO Auto debit ends here */
/* Custom styles for MD-10034[MD-10035] starts here */
.break {
    height: 0.5em;
}

#playDesktop {
    background-image: url(../images/targeters/banner-play-desktop.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 13em;
    border-radius: 5px;
    background-size: 94%;
    cursor: pointer;
}

    #playDesktop p {
        color: white;
        margin: auto;
    }

    #playDesktop img#playDesktopIcon {
        width: 72%;
    }

#sportsDesktop img#sportsDesktopIcon {
    width: 80%;
}

@media only screen and (max-width: 59.375em) {
    #playDesktop img#playDesktopIcon {
        width: 94%;
    }

    #sportsDesktop img#sportsDesktopIcon {
        width: 98%;
    }

    #playDesktop {
        background-size: 93%;
        height: 12.5em;
    }
}

@media only screen and (max-width: 53.563em) {
    #playDesktop img#playDesktopIcon {
        width: 100%;
    }

    #playDesktop {
        height: 11.25em;
    }

        #playDesktop .break:nth-of-type(1), #sportsDesktop .break:nth-of-type(1) {
            display: none;
        }
}

@media only screen and (max-width: 50.000em) {
    #playDesktop {
        height: 10.5em;
    }

        #playDesktop p {
            font-size: 15px;
        }
}

@media only screen and (max-width: 46.875em) {
    #playDesktop {
        height: 9.5em;
    }

        #playDesktop p {
            font-size: 14px;
        }
}

@media only screen and (max-width: 43.750em) {
    #playDesktop p {
        font-size: 13px;
    }
}

@media only screen and (max-width: 41.563em) {
    #playDesktop {
        height: 8.75em;
    }
}

@media only screen and (max-width: 36.250em) {
    #playDesktop {
        background-image: url(../images/targeters/banner-play-mobile.png);
    }

        #playDesktop .break:nth-of-type(1), #playDesktop .break:nth-of-type(2), #sportsDesktop .break:nth-of-type(1), #sportsDesktop .break:nth-of-type(2) {
            display: none;
        }

    #playDesktop {
        height: auto;
        background-size: 80%;
        padding: 5em 0;
    }

        #playDesktop p {
            font-size: inherit;
        }
}

@media only screen and (max-width: 33.750em) {
    #playDesktop {
        padding: 4.75em 0;
    }
}

@media only screen and (max-width: 31.250em) {
    #playDesktop {
        padding: 4.25em 0;
    }
}

@media only screen and (max-width: 28.750em) {
    #playDesktop {
        padding: 3.75em 0;
    }
}

@media only screen and (max-width: 26.250em) {
    #playDesktop {
        padding: 3.25em 0;
    }
}

@media only screen and (max-width: 24.875em) {
    #playDesktop {
        padding: 2.75em 0;
    }
}

@media only screen and (max-width: 23.438em) {
    #playDesktop {
        padding: 2.5em 0;
    }
}

@media only screen and (max-width: 21.875em) {
    #playDesktop {
        padding: 2em 0;
    }
}

@media only screen and (max-width: 20.313em) {
    #playDesktop {
        padding: 1.5em 0;
    }
}

@media only screen and (max-width: 19.500em) {
    #playDesktop {
        padding: 1.25em 0;
    }
}

@media only screen and (max-width: 18.750em) {
    #playDesktop {
        padding: 1.5em 0;
    }

        #playDesktop p {
            font-size: 13px;
        }
}

@media only screen and (max-width: 17.188em) {
    #playDesktop {
        padding: 1.25em 0;
    }
}

@media only screen and (max-width: 16.250em) {
    #playDesktop {
        padding: 1em 0;
    }
}
/* Custom styles for MD-10034[MD-10035] ends here */
/* Custom styles for MDTV-3702 starts here */
body.PE #netDesktop.svgImage {
    background-image: url(../images/targeters/banner-net-plan-pe-desktop.svg);
}

body.CL #netDesktop.svgImage {
    background-image: url(../images/targeters/banner-net-plan-cl-desktop.svg);
}

body.CO #netDesktop.svgImage {
    background-image: url(../images/targeters/banner-net-plan-co-desktop.svg);
}

body.EC #netDesktop.svgImage {
    background-image: url(../images/targeters/banner-net-plan-ec-desktop.svg);
}

body.AR #netDesktop.svgImage {
    background-image: url(../images/targeters/banner-net-plan-ar-desktop.svg);
}

#custom-targeter #netDesktop.banner-net .logo {
    background-image: url('../images/targeters/logo-go.png');
    width: 56px;
    height: 56px;
}

.PE #custom-targeter-net #netDesktop {
    background-image: url(../images/targeters/banner-net-plan-pe-desktop.svg);
}

.CL #custom-targeter-net #netDesktop {
    background-image: url(../images/targeters/banner-net-plan-cl-desktop.svg);
}

.CO #custom-targeter-net #netDesktop {
    background-image: url(../images/targeters/banner-net-plan-co-desktop.svg);
}

.EC #custom-targeter-net #netDesktop {
    background-image: url(../images/targeters/banner-net-plan-ec-desktop.svg);
}

.AR #custom-targeter-net #netDesktop {
    background-image: url(../images/targeters/banner-net-plan-ar-desktop.svg);
}

@media (max-width: 640px) {
    .AR #custom-targeter-net #netDesktop {
        background-image: url(../images/targeters/banner-net-plan-ar-mobile.svg);
    }

    .CL #custom-targeter-net #netDesktop {
        background-image: url(../images/targeters/banner-net-plan-cl-mobile.svg);
    }

    .PE #custom-targeter-net #netDesktop {
        background-image: url(../images/targeters/banner-net-plan-pe-mobile.svg);
    }

    .CO #custom-targeter-net #netDesktop {
        background-image: url(../images/targeters/banner-net-plan-co-mobile.svg);
    }

    .EC #custom-targeter-net #netDesktop {
        background-image: url(../images/targeters/banner-net-plan-ec-mobile.svg);
    }

    .CL #custom-targeter-net .banner-net {
        height: 571px !important;
    }

    .AR #custom-targeter-net .banner-net {
        height: 410px !important;
    }
}

#custom-targeter-net .banner-net {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    padding-left: 2.637rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    float: none;
    height: 220px;
    width: auto;
}


#custom-targeter-net .banner-container {
    padding-left: 2.6em;
    padding-right: 2.6em;
}

#custom-targeter-net .banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    padding-left: 2.637rem;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

    #custom-targeter-net .banner p {
        margin-bottom: 0.2rem;
    }

        #custom-targeter-net .banner p.minimal-desc {
            letter-spacing: 0.015em;
            font-size: 10px;
        }

        #custom-targeter-net .banner p.link-label {
            font-size: 12px;
            letter-spacing: 0.015em;
            margin-bottom: 1.2rem;
        }

            #custom-targeter-net .banner p.link-label .link {
                color: #00AEEF;
                margin-left: 5px;
            }

    #custom-targeter-net .banner .logo {
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        margin: 23px 0 12px 0;
    }

    #custom-targeter-net .banner .content {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px;
        letter-spacing: 0.01em;
    }

@media only screen and (min-width: 40.063em) {
    #custom-targeter-net #sportsDesktop.banner .logo {
        background-image: url('../images/targeters/logo-sports.png');
        width: 56px;
        height: 56px;
    }

    #custom-targeter-net .banner {
        float: left;
    }

        #custom-targeter-net .banner:last-child {
            float: right;
        }
}
/* min-width 641px, medium screens */
@media only screen and (min-width: 55.625em) {
    #custom-targeter-net .banner {
        max-width: 420px;
    }
}
/* min-width 890px, from large-tablet screens to large screens */


div#sectionNet {
    background-color: white;
}

div#sectionPromociones {
    background-color: #F2F2F2;
    padding-top: 30px;
}

.titleMarginNet {
    margin-top: 20px;
}

.bannerNetBkg {
    background-color: #000000;
}

#custom-targeter #sportsDesktop {
    background-image: url(../images/targeters/dsports-bg.svg);
    margin-bottom: 20px;
}

#custom-targeter #goDesktop {
    background-image: url('../images/targeters/dgo-bg.svg');
}

#custom-targeter #sportsDesktop.banner .logo {
    background-image: url('../images/targeters/dsports-logo-mobile.svg');
    width: 65px;
    height: 48px;
}

#custom-targeter #goDesktop.banner .logo {
    background-image: url('../images/targeters/logo-go.png');
    width: 56px;
    height: 56px;
}

#custom-targeter .banner-container {
    padding-left: 2.6em;
    padding-right: 2.6em;
}

#custom-targeter .banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 12px;
    color: #fff;
    cursor: pointer;
    padding-left: 2.637rem;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    float: none;
}

    #custom-targeter .banner p {
        margin-bottom: 0.2rem;
    }

        #custom-targeter .banner p.minimal-desc {
            letter-spacing: 0.015em;
            font-size: 10px;
        }

        #custom-targeter .banner p.link-label {
            font-size: 12px;
            letter-spacing: 0.015em;
            margin-bottom: 1.2rem;
        }

            #custom-targeter .banner p.link-label .link {
                color: #00AEEF;
                margin-left: 5px;
            }

    #custom-targeter .banner .logo {
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        margin: 23px 0 12px 0;
    }

    #custom-targeter .banner .content {
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 6px;
        letter-spacing: 0.01em;
    }

@media only screen and (min-width: 40.063em) {
    #custom-targeter #sportsDesktop.banner .logo {
        background-image: url('../images/targeters/logo-sports.png');
        width: 56px;
        height: 56px;
    }

    #custom-targeter .banner {
        float: left;
    }

        #custom-targeter .banner:last-child {
            float: right;
        }
}
/* min-width 641px, medium screens */
@media only screen and (min-width: 55.625em) {
    #custom-targeter .banner {
        max-width: 420px;
    }
}
/* min-width 890px, from large-tablet screens to large screens */

/* Custom styles for MDTV-3702 ends here */
/* Custom styles for MD-10026 starts here */
.cancelProgramming p {
    margin-bottom: 1.5em;
}

.shaded-bg.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.cancelProgramming #account-select label {
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    margin-bottom: .25em;
    margin-right: 2em;
    text-indent: 0.1px;
    color: #888;
    cursor: default;
}

.cancelProgramming #account-select span {
    display: inline-block;
    width: auto;
    max-width: 10em;
    margin: 0;
    padding: 0.5em 1em 0.375em 1em;
    font-size: 16px;
    font-size: 1rem;
    text-indent: 0.1px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    color: #888;
}

#actualizario {
    margin-left: 1em;
}

.mainH6 {
    margin-bottom: 0px !important;
    margin-left: 0em !important;
}

.cursorDefault {
    cursor: default !important;
}

div.overwritten {
    border: 1px solid #d3d3d3;
    min-height: 3em;
    border-radius: 3px;
    margin-bottom: 0.8em;
    overflow: hidden;
}

    div.overwritten .channelText {
        padding: 1em 0px;
    }

    div.overwritten .cancelButton {
        padding: 0.7em 0px;
    }

    div.overwritten .cancelButtonFlex {
        padding: 1.5em 1em 0em 0em;
    }


    div.overwritten .afterChannel {
        padding: 0.25em 0px;
    }

        div.overwritten .afterChannel:last-child {
            padding: 0.25em 0px 0.5em 0px;
        }

    div.overwritten.cancellation {
        padding: 1em 1em;
    }

div.endButton {
    padding-left: 0px;
    padding-right: 0px;
}

.legalText {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}

@media only screen and (max-width: 36.250em) {
    .cancelProgramming .text-left, .cancelProgramming .text-right,
    .cancellationBlocks .text-left, .cancellationBlocks .text-right,
    .cancellationPopUp .text-left, .cancellationPopUp .text-right {
        text-align: center !important;
    }

    div.endButton.last {
        margin-top: 0.5em;
    }
}

@media only screen and (max-width: 23.750em) {
    .cancelProgramming .text-left, .cancelProgramming .text-right,
    .cancellationBlocks .text-left, .cancellationBlocks .text-right,
    .cancellationPopUp .text-left, .cancellationPopUp .text-right {
        text-align: left !important;
    }

    #actualizario {
        margin-left: 0em;
        display: block;
    }
}
/* Custom styles for MD-10026 ends here */
/* Custom styles for VE PPA starts here */
.customTAndCButton {
    font-size: inherit !important;
    right: auto !important;
    top: auto !important;
    position: relative !important;
    color: #fff !important;
    line-height: inherit !important;
}

.noPaddingLeftRight {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

select.prefix-dropdown {
    height: 2.3125rem !important;
    margin: 0px !important;
    margin-bottom: 0.5em !important;
}

div.noPaddingLeftRight span.prefix {
    border-color: #b5b5b5 !important;
    margin: 0px !important;
    margin-bottom: 0.5em !important;
}

input.input-with-prefix {
    margin: 0px !important;
    margin-bottom: 0.5em !important;
}

div.setToVerticallyCenter {
    padding: 0.7em !important;
    z-index: 99999;
}

    div.setToVerticallyCenter a.button {
        transform: none !important;
    }

li.width-100To50 {
    width: 100% !important;
}

span.setButtonResponsive {
    position: relative !important;
    float: none !important;
    top: 0 !important;
    right: 0 !important;
    width: 100% !important;
}

div.show-from-32em {
    display: none !important;
}

div.show-up-to-32em {
    display: block !important;
}

section.card-header input:checked ~ div.show-from-32em span.button, section.card-header input:checked ~ div.show-up-to-32em span.button {
    background: transparent;
    border: 1px solid #999;
    color: #666;
}

@media only screen and (min-width: 32em) {
    li.width-100To50 {
        width: 80% !important;
    }

    li.setLeftPosition {
        left: 10% !important;
        position: relative !important;
    }

    div.show-from-32em {
        display: block !important;
    }

    div.show-up-to-32em {
        display: none !important;
    }
}

@media only screen and (min-width: 48em) {
    li.width-100To50 {
        width: 50% !important;
    }

    li.setLeftPosition {
        left: 25% !important;
        position: relative !important;
    }
}

@media only screen and (max-width: 26em) {
    div.makeStepsResponsive span {
        padding: 14px 0 12px 0 !important;
        font-size: 0.9em !important;
        line-height: 0 !important;
    }
}
/* Custom styles for VE PPA ends here */
/* Custom styles for CO Upgrade/Downgrade starts here */
#savePreloader_New {
    color: #999;
}

    #savePreloader_New i.fa {
        color: #00aeef;
    }

.setClass {
    height: auto !important;
    margin-bottom: 20px !important;
}

.decreaseMarginForP {
    margin-bottom: 10px;
}

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

.panelNew {
    border: 1px solid #e5e5e5;
    padding-top: 20px;
    padding-bottom: 20px;
}

.errorMessage {
    border: 1px solid #e5e5e5;
    background-color: #fef2f2;
    padding: 2em;
    line-height: 2em;
}

.verticalAlignTop {
    vertical-align: top !important;
}

.marginBottomForVolver {
    margin-bottom: 2% !important;
}
/* Custom styles for CO Upgrade/Downgrade ends here */
/* Custom styles for PE PPA starts here */
.shaded-bg-padding {
    padding: 0.75em !important;
}
/* Custom styles for PE PPA ends here */
/* Custom styles for MD-10152 - VE - Online Payments Redesign starts here */
p.sideHeading {
    margin-bottom: 0.5em;
    margin-top: 1.5em;
}

.creditCardRechargeDiv-VE, .payBillDiv-VE {
    border: 1px solid #e5e5e5;
    padding: 1em;
}

.colorBlack {
    color: #000 !important;
}

.new-reveal-modal.customized {
    width: 37em;
}

.progressDot {
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}

    .progressDot.active {
        background-color: #696969;
    }

#cancelConfirmButton {
    position: relative !important;
    font-size: inherit !important;
}

.creditCardType {
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position-x: right !important;
}

    .creditCardType.visaCard {
        background-image: url(../images/visa-card-icon.png) !important;
    }

    .creditCardType.masterCard {
        background-image: url(../images/master-card-icon.png) !important;
    }

    .creditCardType.americanExpressCard {
        background-image: url(../images/american-express-icon.png) !important;
    }

    .creditCardType.dinersClubCard {
        background-image: url(../images/diners-club-icon.png) !important;
    }

    .creditCardType.paypal {
        background-image: url(../images/Card-paypal@2x.png) !important;
    }

    .creditCardType.default {
        background-image: url(../images/Card-default@2x.png) !important;
    }

    .creditCardType.default-black-icon {
        background-image: url(../images/Card-defaultNegro.png) !important;
    }

.onlinePaymentsResult .panel {
    background-color: #e5e5e5;
}

    .onlinePaymentsResult .panel div {
        margin-top: 5px;
        margin-bottom: 5px;
    }

        .onlinePaymentsResult .panel div.text-right {
            padding-right: 0px;
        }

.onlinePaymentsResult .error {
    border: 1px solid #f65252;
    background-color: #ffeded;
    padding: 5px;
    line-height: 30px;
}

@media only screen and (max-width: 49em) {
    .new-reveal-modal.customized {
        width: 90%;
    }
}

@media only screen and (max-width: 35em) {
    .customRadioOptions label {
        padding: 5px !important;
        font-size: 0.9em !important;
    }

    .noPaddingInXSAndS {
        padding: 0px !important;
    }
}

@media only screen and (max-width: 26em) {
    .customRadioOptions label {
        padding: 5px !important;
        margin: 0px !important;
        font-size: 0.85em !important;
    }

    .onlinePaymentsResult .panel {
        font-size: 14px;
    }
}

@media only screen and (max-width: 22.5em) {
    .onlinePaymentsResult .panel {
        font-size: 13px;
    }
}

@media only screen and (max-width: 20.938em) {
    .onlinePaymentsResult .panel {
        font-size: 12px;
    }
}

@media only screen and (max-width: 19.688em) {
    .onlinePaymentsResult .panel {
        font-size: 11px;
    }
}

@media only screen and (max-width: 18.125em) {
    .onlinePaymentsResult .panel {
        font-size: 10px;
    }
}
/* Custom styles for MD-10152 - VE - Online Payments Redesign ends here */
/* Custom styles for MD-9582 - UY - Prepaid Activation starts here */
.thank-you-dark {
    padding: 20px 0 15px 0;
}
/* Custom styles for MD-9582 - UY - Prepaid Activation ends here */
/* Custom styles for OMD-10296 VE - Auto Debit starts here */
div.pointsInTAndC ul li {
    list-style: none;
    margin-left: 0px;
    font-size: 13px;
}
/* Custom styles for OMD-10296 VE - Auto Debit ends here */
/* Custom styles for MDTV-51, MDTV-52 UY Payments: Prepaid Landing Page starts here */
div.halfBreak {
    height: 0.75em;
}

section.rechargeOrPayUsingCC div.lightBGForStepTwo {
    background-color: #f5f5f5;
    padding-top: 40px;
    padding-bottom: 40px;
}

section.rechargeOrPayUsingCC ul {
    margin: 0px !important;
    padding: 5px;
}

    section.rechargeOrPayUsingCC ul li {
        list-style: none;
        margin: 0px;
    }

section.rechargeOrPayUsingCC div.whiteBGWithHeight {
    background-color: #fff;
    min-height: 40px;
    line-height: 40px;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
}

    section.rechargeOrPayUsingCC div.whiteBGWithHeight input[type="radio"]:checked, section.rechargeOrPayUsingCC div.whiteBGWithHeight input[type="radio"]:not(:checked) {
        position: absolute;
        left: -9999px;
        display: none;
    }

        section.rechargeOrPayUsingCC div.whiteBGWithHeight input[type="radio"]:checked + label, section.rechargeOrPayUsingCC div.whiteBGWithHeight input[type="radio"]:not(:checked) + label {
            position: relative;
            padding-left: 28px;
            cursor: pointer;
            line-height: 20px;
            display: inline-block;
            color: #666;
        }

            section.rechargeOrPayUsingCC div.whiteBGWithHeight input[type="radio"]:checked + label:before, section.rechargeOrPayUsingCC div.whiteBGWithHeight input[type="radio"]:not(:checked) + label:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                width: 18px;
                height: 18px;
                border: 1px solid #666;
                border-radius: 100%;
                background: #fff;
            }

            section.rechargeOrPayUsingCC div.whiteBGWithHeight input[type="radio"]:checked + label:after, section.rechargeOrPayUsingCC div.whiteBGWithHeight input[type="radio"]:not(:checked) + label:after {
                content: '';
                width: 12px;
                height: 12px;
                background: #332f31;
                position: absolute;
                top: 3px;
                left: 3px;
                border-radius: 100%;
                -webkit-transition: all 0.2s ease;
                transition: all 0.2s ease;
            }

            section.rechargeOrPayUsingCC div.whiteBGWithHeight input[type="radio"]:not(:checked) + label:after {
                opacity: 0;
                -webkit-transform: scale(0);
                transform: scale(0);
            }

            section.rechargeOrPayUsingCC div.whiteBGWithHeight input[type="radio"]:checked + label:after {
                opacity: 1;
                -webkit-transform: scale(1);
                transform: scale(1);
            }

section.rechargeOrPayUsingCC small#montoARecargarError, section.rechargeOrPayUsingCC small#cvvValueError {
    color: #c60f13;
    font-style: italic;
    display: block;
    font-size: 12px;
}
/* Custom styles for MDTV-51, MDTV-52 UY Payments: Prepaid Landing Page ends here */
/* Custom styles for MDTV-197 - CA Prepaid: Homepage UI(TT country) starts here */
html#onlyForTTPrepaid, html#onlyForTTPrepaid body {
    height: 100%;
}

    html#onlyForTTPrepaid body div.nonMobileView div.overridden {
        font-size: 16px;
    }

    html#onlyForTTPrepaid body div.headerAndMenuSection,
    html#onlyForTTPrepaid body div.headerAndMenuSection div.menuSection ul,
    html#onlyForTTPrepaid body div.newSearchBoxUI,
    html#onlyForTTPrepaid body div.newSearchBoxUI div.secondSection ul,
    html#onlyForTTPrepaid body div.searchSuggestionsBox,
    html#onlyForTTPrepaid body div.searchSuggestionsBox ul,
    html#onlyForTTPrepaid body div.verticalRightMenu,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionA,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionB,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionB div.accountsInfoBlock ul,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionC,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionC div.signOutBlock ul,
    html#onlyForTTPrepaid body div.mobileVerticalRightMenu,
    html#onlyForTTPrepaid body div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu,
    html#onlyForTTPrepaid body div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionA,
    html#onlyForTTPrepaid body div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionB,
    html#onlyForTTPrepaid body div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionB div.menuListBlock ul,
    html#onlyForTTPrepaid body div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC,
    html#onlyForTTPrepaid body div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC div.signOutBlock ul,
    html#onlyForTTPrepaid body div.switchAccountsDiv,
    html#onlyForTTPrepaid body div.switchAccountsDiv div.mainSwitchAccountsDiv,
    html#onlyForTTPrepaid body div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionA,
    html#onlyForTTPrepaid body div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB,
    html#onlyForTTPrepaid body div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock ul {
        font-size: 16px;
    }

div.grayLayover {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9998;
    width: 100%;
    height: 100%;
}

div.headerAndMenuSection {
    border-bottom: 1px solid #e3e3e3;
    height: 50px;
    position: fixed;
    width: 100%;
    z-index: 9999;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

    div.headerAndMenuSection div.logoSection {
        width: 20%;
        display: inline-block;
        float: left;
        height: 50px;
    }

        div.headerAndMenuSection div.logoSection div.directvMainLogo {
            width: 26%;
            border-left: 0.5px solid #e3e3e3;
            border-right: 0.5px solid #e3e3e3;
            display: inline-block;
            height: 50px;
            vertical-align: middle;
            float: left;
            text-align: center;
        }

            div.headerAndMenuSection div.logoSection div.directvMainLogo img {
                height: 30px;
                vertical-align: middle;
                margin-top: 10px;
                margin-bottom: 10px;
            }

        div.headerAndMenuSection div.logoSection div.directvMainText {
            width: 60%;
            display: inline-block;
            vertical-align: middle;
            height: 50px;
            float: left;
        }

            div.headerAndMenuSection div.logoSection div.directvMainText h3 {
                font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
                margin: 0px;
                text-align: left;
                padding-top: 0px;
                padding-bottom: 0px;
                padding-right: 0px;
                padding-left: 15%;
                vertical-align: middle;
                line-height: 50px;
                font-size: 1.0625em;
                font-weight: 600;
                color: #333333;
            }

        div.headerAndMenuSection div.logoSection a:hover,
        div.headerAndMenuSection div.logoSection a:focus,
        div.headerAndMenuSection div.logoSection a:active,
        div.headerAndMenuSection div.logoSection a:visited {
            outline: 0;
        }

        div.headerAndMenuSection div.logoSection div.toolTipForLogo {
            position: absolute;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            z-index: 9999;
            box-shadow: -10px 10px 90px rgba(0, 0, 0, 0.1607843137254902);
            border-radius: 3px;
            padding: 15px;
            top: 45px;
            left: 2.5%;
        }

            div.headerAndMenuSection div.logoSection div.toolTipForLogo:before {
                content: "";
                width: 10px;
                height: 10px;
                position: absolute;
                background: transparent;
                top: -9px;
                left: 0px;
                border-left: 0px;
                border-bottom: 8px solid #FFFFFF;
                border-right: 8px solid transparent;
                border-top: 0px;
            }

            div.headerAndMenuSection div.logoSection div.toolTipForLogo span.closeToolTip {
                position: absolute;
                right: 10px;
                top: 10px;
                padding: 2px;
                font-size: 12px;
                cursor: pointer;
                opacity: 0.5;
            }

            div.headerAndMenuSection div.logoSection div.toolTipForLogo p {
                margin: 2px !important;
                line-height: 1em;
                font-size: 0.9em;
                color: #000;
            }

                div.headerAndMenuSection div.logoSection div.toolTipForLogo p span.anchorEffect {
                    color: #3cceff;
                }

    div.headerAndMenuSection div.menuSection {
        width: 80%;
        display: inline-block;
        text-align: right;
        float: left;
        height: 50px;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
    }

        div.headerAndMenuSection div.menuSection ul {
            margin: 0px;
            height: 50px;
        }

            div.headerAndMenuSection div.menuSection ul li {
                display: inline-block;
                width: auto;
                padding-top: 0px;
                padding-bottom: 0px;
                padding-left: 5px;
                padding-right: 5px;
                vertical-align: middle;
                cursor: pointer;
                height: 50px;
            }

                div.headerAndMenuSection div.menuSection ul li.active {
                    font-weight: 600;
                    cursor: default;
                }

                    div.headerAndMenuSection div.menuSection ul li.active a {
                        cursor: default;
                    }

                div.headerAndMenuSection div.menuSection ul li span {
                    line-height: 50px;
                    height: 50px;
                    display: inline-block;
                }

                    div.headerAndMenuSection div.menuSection ul li span a {
                        color: #333333;
                        font-size: 0.625em;
                        height: 50px;
                        display: block;
                    }

                div.headerAndMenuSection div.menuSection ul li.active span {
                    border-bottom: 2px solid #111111;
                }

                    div.headerAndMenuSection div.menuSection ul li.active span a {
                        color: #101010;
                    }

                div.headerAndMenuSection div.menuSection ul li span a:hover,
                div.headerAndMenuSection div.menuSection ul li span a:focus,
                div.headerAndMenuSection div.menuSection ul li span a:active,
                div.headerAndMenuSection div.menuSection ul li span a:visited {
                    outline: 0;
                }

                div.headerAndMenuSection div.menuSection ul li.searchIconInMenu {
                    border-left: 0.5px solid #e3e3e3;
                    border-right: 0.5px solid #e3e3e3;
                    margin-left: 10px;
                    margin-right: 0px;
                    width: 45px;
                    text-align: center;
                    padding-left: 0px;
                    padding-right: 0px;
                }

                    div.headerAndMenuSection div.menuSection ul li.searchIconInMenu span {
                        width: 100%;
                    }

                        div.headerAndMenuSection div.menuSection ul li.searchIconInMenu span a img {
                            width: 14px;
                            opacity: 0.8;
                        }

                div.headerAndMenuSection div.menuSection ul li.userInfoOpener {
                    margin-left: 10px;
                    margin-right: 10px;
                    text-align: center;
                    padding-left: 0px;
                    padding-right: 0px;
                }

                    div.headerAndMenuSection div.menuSection ul li.userInfoOpener span {
                        width: 100%;
                    }

                        div.headerAndMenuSection div.menuSection ul li.userInfoOpener span a:hover,
                        div.headerAndMenuSection div.menuSection ul li.userInfoOpener span a:focus,
                        div.headerAndMenuSection div.menuSection ul li.userInfoOpener span a:active,
                        div.headerAndMenuSection div.menuSection ul li.userInfoOpener span a:visited {
                            outline: 0;
                        }

div.nonMenuGrayLayOver {
    position: fixed;
    top: 50px; /* Always set it to the height of the menu */
    left: 0;
    background: rgba(0,0,0,0.7);
    z-index: 9998;
    width: 100%;
    height: 100%;
}

div.newSearchBoxUI {
    position: fixed;
    top: 49px; /* Always set it to the one pixel less than the height of the menu */
    left: 10%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    z-index: 9999;
    width: 80%;
    height: 225px;
    padding-left: 4%;
    padding-right: 4%;
}

    div.newSearchBoxUI div.firstSection {
        width: 80%;
        float: left;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

        div.newSearchBoxUI div.firstSection label {
            color: #666666;
            letter-spacing: 0.24px;
            font-size: 0.625em;
            margin-bottom: 30px;
        }

        div.newSearchBoxUI div.firstSection div.frontIconAsBG {
            width: 85%;
            background-repeat: no-repeat;
            background-position: center right;
            background-size: 30px;
        }

            div.newSearchBoxUI div.firstSection div.frontIconAsBG.showBG {
                background-image: url("../images/prepaidHomeTT/arrow-front-tt.png");
            }

            div.newSearchBoxUI div.firstSection div.frontIconAsBG input#menuSearchTextBox {
                border: 0px none;
                box-shadow: none;
                background: none;
                padding: 0px;
                margin: 0px;
                color: #101010;
                letter-spacing: 0.88px;
                font-size: 1.5625em;
                width: 95%;
                height: 50px;
            }

                div.newSearchBoxUI div.firstSection div.frontIconAsBG input#menuSearchTextBox::placeholder {
                    color: #101010;
                    letter-spacing: 0.88px;
                    font-size: 1.5625em;
                    font-weight: 600;
                }

                div.newSearchBoxUI div.firstSection div.frontIconAsBG input#menuSearchTextBox:focus,
                div.newSearchBoxUI div.firstSection div.frontIconAsBG input#menuSearchTextBox.valueExists {
                    border-bottom: 2px solid rgba(51, 51, 51, 0.5);
                    padding-bottom: 10px;
                }

    div.newSearchBoxUI div.secondSection {
        width: 20%;
        float: left;
        border-left: 1px solid #EFEFF2;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        padding-left: 40px;
    }

        div.newSearchBoxUI div.secondSection ul {
            list-style: none;
            margin: 0px;
        }

            div.newSearchBoxUI div.secondSection ul li {
                letter-spacing: -0.38px;
                color: #333333;
                font-size: 0.625em;
                margin-top: 10px;
            }

                div.newSearchBoxUI div.secondSection ul li:first-child {
                    letter-spacing: -0.35px;
                    color: #333333;
                    opacity: 0.51;
                    font-size: 0.5625em;
                    margin-top: 0px;
                }

                div.newSearchBoxUI div.secondSection ul li a {
                    color: #333333;
                }

                    div.newSearchBoxUI div.secondSection ul li a:hover,
                    div.newSearchBoxUI div.secondSection ul li a:focus,
                    div.newSearchBoxUI div.secondSection ul li a:active,
                    div.newSearchBoxUI div.secondSection ul li a:visited {
                        outline: 0;
                    }

div.searchSuggestionsBox {
    position: fixed;
    top: 274px; /* Always set it to total of the height of the `newSearchBoxUI` and it's top value. */
    left: 10%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    z-index: 9999;
    width: 80%;
    height: 225px;
    padding-left: 4%;
    padding-right: 4%;
    border-top: 0.5px solid #e3e3e3;
}

    div.searchSuggestionsBox ul.searchSuggestions {
        list-style: none;
        padding: 0px;
        margin: 30px 0 0 0;
        letter-spacing: 0;
        color: #888888;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    }

        div.searchSuggestionsBox ul.searchSuggestions li {
            cursor: pointer;
        }
/* Custom styles for `MDTV-363 - CA Prepaid: Vertical MDTV Menu Desktop` starts here */
div.verticalRightMenu {
    position: fixed;
    top: 0px;
    right: 0px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    z-index: 9999;
    width: 260px;
    height: 100%;
    box-shadow: -40px 0px 90px rgba(0, 0, 0, 0.1607843137254902);
}

    div.verticalRightMenu div.sectionA {
        position: absolute;
        top: 0px;
        height: 230px;
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #CECECE;
    }

    div.verticalRightMenu div.sectionB {
        position: absolute;
        top: 230px; /* Always set it to height of `div.verticalRightMenu div.sectionA` */
        bottom: 80px; /* Always set it to height of `div.verticalRightMenu div.sectionC` */
        width: 100%;
        text-align: left;
        padding-top: 35px;
        padding-left: 20px;
        padding-right: 20px;
        overflow: auto;
    }

    div.verticalRightMenu div.sectionC {
        position: absolute;
        bottom: 0px;
        height: 80px;
        width: 100%;
        text-align: left;
        padding-top: 17px;
        padding-left: 20px;
        padding-right: 20px;
        border-top: 1px solid #CECECE;
    }

    div.verticalRightMenu div.sectionA div.closeRightMenu {
        cursor: pointer;
        text-align: right;
        opacity: 0.75;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 25px;
        padding-left: 0px;
    }

    div.verticalRightMenu div.sectionA div.symbolizeName {
        text-align: center;
    }

        div.verticalRightMenu div.sectionA div.symbolizeName span {
            height: 40px;
            width: 40px;
            border-radius: 50px;
            border: 1px solid #cccccc;
            background: #cccccc;
            display: inline-block;
            line-height: 40px;
            color: #ffffff;
            font-weight: 500;
            font-size: 1.375em;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        }

    div.verticalRightMenu div.sectionA h3.userName {
        color: #101010;
        font-size: 0.875em;
        font-weight: 600;
        margin-top: 18px;
    }

    div.verticalRightMenu div.sectionA span.userAccountNumber {
        display: block;
        color: #777777;
        font-size: 0.6875em;
        margin-top: 7px;
    }

    div.verticalRightMenu div.sectionA a.manageMyProfileButton {
        display: inline-block;
        color: #FFFFFF;
        background: #0880CB 0% 0% no-repeat padding-box;
        border-radius: 20px;
        height: 25px;
        padding-right: 5px;
        padding-left: 5px;
        font-size: 0.625em;
        margin-top: 20px;
        line-height: 25px;
        width: 130px;
    }

    div.verticalRightMenu div.sectionB span.switchAcctText {
        display: block;
        font-size: 0.5625em;
        font-weight: 600;
        color: #666666;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        margin-bottom: 10px;
    }

    div.verticalRightMenu div.sectionB div.accountsInfoBlock,
    div.verticalRightMenu div.sectionC div.signOutBlock {
        display: block;
    }

        div.verticalRightMenu div.sectionB div.accountsInfoBlock ul,
        div.verticalRightMenu div.sectionC div.signOutBlock ul {
            list-style: none;
            margin: 0px;
        }

        div.verticalRightMenu div.sectionB div.accountsInfoBlock > ul > li,
        div.verticalRightMenu div.sectionC div.signOutBlock > ul > li > ul > li > span {
            cursor: pointer;
        }

            div.verticalRightMenu div.sectionB div.accountsInfoBlock > ul > li > ul,
            div.verticalRightMenu div.sectionC div.signOutBlock > ul > li > ul {
                min-height: 65px;
                padding-top: 14px;
                padding-bottom: 13px;
                border-top: 0.5px solid #DDDDDD;
            }

            div.verticalRightMenu div.sectionB div.accountsInfoBlock > ul > li:first-child > ul,
            div.verticalRightMenu div.sectionC div.signOutBlock > ul > li:first-child > ul {
                border-top: none;
            }

        div.verticalRightMenu div.sectionB div.accountsInfoBlock ul li.textForUserName,
        div.verticalRightMenu div.sectionB div.accountsInfoBlock ul li.textForCreateNewAcct {
            font-weight: bold;
            font-size: 0.6875em;
            text-align: left;
            color: #333333;
        }

        div.verticalRightMenu div.sectionB div.accountsInfoBlock ul li.textForAccountNumber {
            font-size: 0.6875em;
            text-align: left;
            color: #333333;
        }

        div.verticalRightMenu div.sectionB div.accountsInfoBlock > ul > li > div.symbolizeName,
        div.verticalRightMenu div.sectionB div.accountsInfoBlock > ul > li > div.symbolForCreateNewAcct {
            display: inline-block;
            padding-top: 10px;
            vertical-align: top;
        }

            div.verticalRightMenu div.sectionB div.accountsInfoBlock > ul > li > div.symbolizeName span,
            div.verticalRightMenu div.sectionB div.accountsInfoBlock > ul > li > div.symbolForCreateNewAcct span {
                display: inline-block;
                width: 25px;
                height: 25px;
                line-height: 25px;
                border-radius: 50px;
                border: 1px solid rgba(204, 204, 204, 0.79);
                background: rgba(204, 204, 204, 0.79);
                font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
                color: #ffffff;
                text-align: center;
                font-size: 0.75em;
            }

        div.verticalRightMenu div.sectionB div.accountsInfoBlock > ul > li:last-child > div.symbolForCreateNewAcct span {
            color: #333333;
            background: #EEEEEF;
            font-size: 1.25em;
        }

        div.verticalRightMenu div.sectionB div.accountsInfoBlock > ul > li > ul {
            display: inline-block;
            width: 80%;
            margin-left: 10px;
        }

        div.verticalRightMenu div.sectionC div.signOutBlock ul li.textForSignOut {
            font-size: 0.625em;
            text-align: left;
            color: #333333;
            opacity: 0.9;
            font-weight: 600;
        }

            div.verticalRightMenu div.sectionC div.signOutBlock ul li.textForSignOut span img {
                height: 20px;
                vertical-align: bottom;
            }

        div.verticalRightMenu div.sectionC div.signOutBlock > ul > li > ul {
            display: inline-block;
            width: 80%;
        }
/* Custom styles for `MDTV-363 - CA Prepaid: Vertical MDTV Menu Desktop` ends here */
/* Custom styles for `MDTV-523 - CA Prepaid: Mobile menu` starts here */
div.mobileVerticalRightMenu {
    position: fixed;
    top: 0px;
    right: 0px;
    background: transparent !important;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

    div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu {
        width: 250px;
        height: 100%;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        top: 0;
        right: 0;
        position: fixed;
        box-shadow: -40px 0px 90px rgba(0, 0, 0, 0.1607843137254902);
    }

        div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionA {
            position: absolute;
            top: 0px;
            height: 120px;
            width: 100%;
            text-align: left;
            border-bottom: 1px solid #CECECE;
            padding-left: 20px;
            padding-right: 20px;
        }

        div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionB {
            position: absolute;
            top: 120px; /* Always set it to height of `div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionA` */
            bottom: 80px; /* Always set it to height of `div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC` */
            width: 100%;
            text-align: left;
            padding-top: 20px;
            padding-left: 20px;
            padding-right: 20px;
            overflow: auto;
        }

        div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC {
            position: absolute;
            bottom: 0px;
            height: 80px;
            width: 100%;
            text-align: left;
            padding-top: 17px;
            padding-left: 20px;
            padding-right: 20px;
            border-top: 1px solid #CECECE;
        }

        div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionA h3.userName {
            color: #101010;
            font-size: 1.1em;
            font-weight: 600;
            margin-top: 20px;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        }

        div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionA span.userAccountNumber {
            display: block;
            color: #252525;
            font-size: 0.9em;
            margin-bottom: 10px;
        }

        div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionA a.manageMyProfileLink {
            font-size: 0.8em;
            text-decoration: underline;
            font-weight: 600;
            color: #0880CB;
        }

        div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionB div.menuListBlock,
        div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC div.signOutBlock {
            display: block;
        }

            div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionB div.menuListBlock ul,
            div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC div.signOutBlock ul {
                list-style: none;
                margin: 0px;
            }

            div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionB div.menuListBlock > ul > li {
                line-height: 40px;
                font-weight: 500;
                font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
                font-size: 0.95em;
                color: #000000;
            }

            div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionB div.menuListBlock > ul > li,
            div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC div.signOutBlock > ul > li > ul > li > span {
                cursor: pointer;
            }

            div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC div.signOutBlock > ul > li > ul {
                min-height: 65px;
                padding-top: 14px;
                padding-bottom: 13px;
                border-top: 0.5px solid #DDDDDD;
            }

            div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC div.signOutBlock > ul > li:first-child > ul {
                border-top: none;
            }

            div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC div.signOutBlock ul li.textForSignOut {
                font-size: 0.95em;
                text-align: left;
                color: #000000;
                font-weight: 500;
            }

                div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC div.signOutBlock ul li.textForSignOut span img {
                    height: 20px;
                    vertical-align: bottom;
                }

            div.mobileVerticalRightMenu div.mainMobileVerticalRightMenu div.sectionC div.signOutBlock > ul > li > ul {
                display: inline-block;
                width: 80%;
            }

div.switchAccountsDiv {
    position: fixed;
    bottom: 0px;
    background: transparent !important;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

    div.switchAccountsDiv div.mainSwitchAccountsDiv {
        position: fixed;
        bottom: 0px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        width: 100%;
        height: 375px;
        box-shadow: 0px -40px 90px rgba(0, 0, 0, 0.1607843137254902);
        border-radius: 40px 40px 0px 0px;
    }

        div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionA {
            position: absolute;
            top: 0px;
            height: 190px;
            width: 100%;
            text-align: center;
            border-bottom: 1px solid #CECECE;
        }

        div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB {
            position: absolute;
            top: 190px; /* Always set it to height of `div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionA` */
            bottom: 0px;
            width: 100%;
            text-align: left;
            padding-top: 0px;
            padding-left: 0px;
            padding-right: 0px;
            overflow: auto;
        }

        div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionA div.smallBarOnTop {
            display: block;
            text-align: center;
            height: 40px;
        }

            div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionA div.smallBarOnTop span {
                display: inline-block;
                height: 4px;
                width: 35px;
                background: #888888 0% 0% no-repeat padding-box;
                position: relative;
                top: 20px;
            }

        div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionA h3.userName {
            color: #101010;
            font-size: 1.25em;
            font-weight: 600;
            margin-top: 18px;
            text-align: left;
            padding-left: 35px;
            margin-right: 30px;
            margin-bottom: 0px;
            background-image: url("../images/prepaidHomeTT/check_ico.png");
            background-repeat: no-repeat;
            background-position: center right;
            background-size: 25px;
        }

        div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionA span.userAccountNumber {
            display: block;
            color: #777777;
            font-size: 1em;
            margin-top: 3px;
            text-align: left;
            padding-left: 35px;
            margin-right: 30px;
        }

        div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionA a.manageMyProfileButton {
            display: inline-block;
            color: #FFFFFF;
            background: #0880CB 0% 0% no-repeat padding-box;
            border-radius: 20px;
            height: 34px;
            padding-right: 5px;
            padding-left: 5px;
            font-size: 0.9em;
            margin-top: 20px;
            line-height: 34px;
            width: 250px;
        }

        div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock {
            display: block;
        }

            div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock ul {
                list-style: none;
                margin: 0px;
            }

            div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock > ul > li {
                cursor: pointer;
                border-top: 0.5px solid #DDDDDD;
                padding-left: 30px;
                padding-right: 30px;
            }

                div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock > ul > li:first-child {
                    border-top: none;
                }

                div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock > ul > li > ul {
                    min-height: 65px;
                    padding-top: 14px;
                    padding-bottom: 13px;
                    display: inline-block;
                    width: 79%;
                    margin-left: 10px;
                }

                div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock > ul > li#createNewAcctLI {
                    padding-top: 12px;
                    padding-bottom: 11px;
                }

            div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock ul li.textForUserName,
            div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock ul li.textForCreateNewAcct {
                font-weight: bold;
                font-size: 1.25em;
                text-align: left;
                color: #333333;
            }

            div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock ul li.textForAccountNumber {
                font-size: 1em;
                text-align: left;
                color: #333333;
            }

            div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock > ul > li > div.symbolizeName {
                display: inline-block;
                padding-top: 24px;
                vertical-align: top;
            }

            div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock > ul > li > div.symbolForCreateNewAcct {
                display: inline-block;
                padding-top: 10px;
                vertical-align: top;
            }

                div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock > ul > li > div.symbolizeName span,
                div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock > ul > li > div.symbolForCreateNewAcct span {
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    line-height: 40px;
                    border-radius: 50px;
                    border: 1px solid rgba(204, 204, 204, 0.79);
                    background: rgba(204, 204, 204, 0.79);
                    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
                    color: #ffffff;
                    text-align: center;
                    font-size: 1.25em;
                }

            div.switchAccountsDiv div.mainSwitchAccountsDiv div.sectionB div.accountsInfoBlock > ul > li:last-child > div.symbolForCreateNewAcct span {
                color: #333333;
                background: #EEEEEF;
                font-size: 1.25em;
            }
/* Custom styles for `MDTV-523 - CA Prepaid: Mobile menu` ends here */
div.row.overridden {
    max-width: 84%;
    padding-top: 50px;
    padding-bottom: 0px;
    height: 100%;
}

div.nonMobileView {
    height: 100%;
}

div#leftHalf {
    padding: 20px 0.1% 20px 20px;
    height: 100%;
}

    div#leftHalf div#searchBar input#searchText {
        border-top-style: hidden;
        border-left-style: hidden;
        border-right-style: hidden;
        border-bottom-width: 2px;
        box-shadow: none;
        background-image: url("../images/prepaidHomeTT/search-icon.jpg");
        background-repeat: no-repeat;
        background-size: 23px 23px;
        background-position: right;
    }

        div#leftHalf div#searchBar input#searchText:focus {
            outline: none;
            background: transparent !important;
        }

        div#leftHalf div#searchBar input#searchText::placeholder {
            color: #e6e2e2;
            opacity: 1;
        }

    div#leftHalf div.leftMain {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #AAAAAA;
        border-radius: 3px;
        height: 63%;
    }

        div#leftHalf div.leftMain div.leftMainTopSection {
            padding: 0px;
            height: 20%;
        }

        div#leftHalf div.leftMain div.leftMainMiddleSection {
            padding: 0px;
            height: 65%;
        }

            div#leftHalf div.leftMain div.leftMainMiddleSection div.alwaysVerticallyCentered {
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
            }

        div#leftHalf div.leftMain div.leftMainBottomSection {
            padding: 0px;
            height: 15%;
        }

        div#leftHalf div.leftMain div.progressMeter {
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 0px;
            width: 13em;
            height: 6.7em;
            border-radius: 13em 13em 0px 0px;
        }

            div#leftHalf div.leftMain div.progressMeter div.contentSection {
                width: 12.65em;
                height: 6.6em;
                border-radius: 12.65em 12.65em 0px 0px;
                background: #fff;
                position: relative;
                margin: auto;
                top: 0.18em;
            }

        div#leftHalf div.leftMain h1.daysCount {
            font-size: 4.375em;
            height: 75%;
        }

        div#leftHalf div.leftMain h5.daysText {
            font-size: 0.75em;
            font-weight: 800;
            margin-bottom: 0px;
        }

        div#leftHalf div.leftMain span.discnctnText {
            font-size: 0.6875em;
        }

        div#leftHalf div.leftMain p.remainingValueText {
            font-size: 0.6875em;
            margin-bottom: 0px;
            text-align: center;
            margin-top: 25px;
        }

        div#leftHalf div.leftMain p.ultimaRecargaText {
            font-size: 0.6875em;
            margin-bottom: 10px;
            text-align: center;
        }

        div#leftHalf div.leftMain div.yellowCircleAndPin {
            background: #FFCB29 0% 0% no-repeat padding-box;
            height: 2.75em;
            width: 2.5em;
            border-radius: 50%;
            margin-left: auto;
            margin-right: auto;
            background-image: url('../images/prepaidHomeTT/icons8-marker-96@2x.png');
            background-size: 45% 45%;
            background-position: center;
            cursor: pointer;
            display: table;
            float: none !important;
        }

        div#leftHalf div.leftMain div.rechargeLocationText {
            text-align: center;
        }

            div#leftHalf div.leftMain div.rechargeLocationText small {
                cursor: pointer;
                color: #000000;
            }

        div#leftHalf div.leftMain div.rowOne, div#leftHalf div.leftMain div.rowTwo, div#leftHalf div.leftMain div.rowThree {
            text-align: center;
            top: 50%;
            transform: translateY(-50%);
        }

            div#leftHalf div.leftMain div.rowOne a:hover, div#leftHalf div.leftMain div.rowOne a:focus, div#leftHalf div.leftMain div.rowOne a:active, div#leftHalf div.leftMain div.rowOne a:visited,
            div#leftHalf div.leftMain div.rowTwo a:hover, div#leftHalf div.leftMain div.rowTwo a:focus, div#leftHalf div.leftMain div.rowTwo a:active, div#leftHalf div.leftMain div.rowTwo a:visited,
            div#leftHalf div.leftMain div.rowThree a:hover, div#leftHalf div.leftMain div.rowThree a:focus, div#leftHalf div.leftMain div.rowThree a:active, div#leftHalf div.leftMain div.rowThree a:visited {
                color: #888;
                outline: 0;
            }

        div#leftHalf div.leftMain div.topLeftSection {
            padding-top: 25px;
            padding-left: 25px;
            text-align: left;
            display: inline-block;
            font-size: 0.8125em;
        }

            div#leftHalf div.leftMain div.topLeftSection img.prapaidImage {
                width: 30%;
            }

            div#leftHalf div.leftMain div.topLeftSection span.silverPlanText {
                text-decoration: underline;
                font-size: 0.8125em;
                letter-spacing: 0;
                color: #666666;
                opacity: 1;
                font-weight: 600;
            }

        div#leftHalf div.leftMain div.topRightSection {
            padding-top: 25px;
            padding-right: 25px;
            text-align: right;
            display: inline-block;
        }

            div#leftHalf div.leftMain div.topRightSection span {
                color: #777777;
                font-size: 0.6875em;
            }

        div#leftHalf div.leftMain div.topLeftRowTwo {
            padding-left: 25px;
        }

        div#leftHalf div.leftMain div.topRightSection small.manageMyPlan {
            padding-top: 5px;
            padding-bottom: 4px;
            padding-left: 6px;
            padding-right: 6px;
            border-radius: 10px;
            border: 0.5px solid #333333;
            letter-spacing: -0.12px;
            color: #333333;
            font-size: 0.5em;
        }

        div#leftHalf div.leftMain div.topRightSection a:hover,
        div#leftHalf div.leftMain div.topRightSection a:focus,
        div#leftHalf div.leftMain div.topRightSection a:active,
        div#leftHalf div.leftMain div.topRightSection a:visited {
            outline: 0;
        }

div#rightHalf {
    padding: 20px 20px 20px 0.1%;
    height: 100%;
}

    div#rightHalf div#seeWhatsOnTV {
        text-align: right;
        font-weight: 600;
        font-size: 0.6875em;
        letter-spacing: 0;
        color: #666666;
        margin: 0;
        line-height: 30px;
    }

        div#rightHalf div#seeWhatsOnTV a:hover,
        div#rightHalf div#seeWhatsOnTV a:focus,
        div#rightHalf div#seeWhatsOnTV a:active,
        div#rightHalf div#seeWhatsOnTV a:visited {
            color: #333333;
            outline: 0;
        }

    div#rightHalf div.rightMain {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: none;
        height: 63%;
    }

        div#rightHalf div.rightMain ins a {
            width: 49.8%;
            height: 49.8%;
            display: inline-grid;
            float: left;
        }

        div#rightHalf div.rightMain ins:nth-of-type(1) a, div#rightHalf div.rightMain ins:nth-of-type(3) a {
            margin-right: 0.2%;
        }

        div#rightHalf div.rightMain ins:nth-of-type(2) a, div#rightHalf div.rightMain ins:nth-of-type(4) a {
            margin-left: 0.2%;
        }

        div#rightHalf div.rightMain ins:nth-of-type(3) a, div#rightHalf div.rightMain ins:nth-of-type(4) a {
            margin-top: 0.2%;
        }

        div#rightHalf div.rightMain ins:nth-of-type(1) a, div#rightHalf div.rightMain ins:nth-of-type(2) a {
            margin-bottom: 0.2%;
        }

        div#rightHalf div.rightMain div.divOne,
        div#rightHalf div.rightMain div.divTwo,
        div#rightHalf div.rightMain div.divThree,
        div#rightHalf div.rightMain div.divFour {
            width: 100%;
            height: 100%;
            border-radius: 3px;
            border: none;
            display: inline-block;
            background-repeat: no-repeat !important;
            background-size: 104% 104% !important;
            background-position: center;
        }

            div#rightHalf div.rightMain div.divOne div,
            div#rightHalf div.rightMain div.divTwo div,
            div#rightHalf div.rightMain div.divThree div,
            div#rightHalf div.rightMain div.divFour div {
                height: 100%;
                padding-left: 3%;
                padding-right: 3%;
            }

            div#rightHalf div.rightMain div.divFour div {
                background-image: url('../images/prepaidHomeTT/gradient-cover-tt.png');
                background-repeat: round;
            }

div.mobileView div.sectionOne {
    height: 460px;
    width: 100%;
    background-color: #ffc900;
}

    div.mobileView div.sectionOne div.divOne {
        height: 10%;
        left: 5%;
        width: 100%;
        padding-top: 3.5%;
    }

        div.mobileView div.sectionOne div.divOne div.searchBarInMobile {
            display: inline-block;
            width: 87%;
        }

            div.mobileView div.sectionOne div.divOne div.searchBarInMobile.withBG {
                background-image: url('../images/prepaidHomeTT/search_ico-tt.png');
                background-position: 97% 25%;
                background-repeat: no-repeat;
            }

            div.mobileView div.sectionOne div.divOne div.searchBarInMobile img.searchIcon {
                display: inline-block;
                width: 23px;
            }

        div.mobileView div.sectionOne div.divOne div.menuInMobile img.menuIcon {
            display: inline-block;
            width: 30px;
            vertical-align: initial;
            cursor: pointer;
        }

        div.mobileView div.sectionOne div.divOne div.menuInMobile {
            display: inline-block;
            width: 7%;
            text-align: right;
            cursor: pointer;
        }

    div.mobileView div.sectionOne div.divTwo p.welcomeText {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 14px;
        padding: 0px;
        margin: 3% 0px 1% 8%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        div.mobileView div.sectionOne div.divTwo p.welcomeText span.userName {
            text-decoration: underline;
            text-transform: capitalize;
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
            font-weight: 500;
        }

    div.mobileView div.sectionOne div.divTwo p.overviewText {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-size: 20px;
        padding: 0px;
        margin: 1% 0px 1% 8%;
    }

div.mobileView div.sectionTwo {
    position: absolute;
    width: 90%;
    top: 130px;
    left: 5%;
    box-shadow: 0px 5px 10px #b5b5b5;
    z-index: 2;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 17px;
    opacity: 1;
    height: 420px;
}

    div.mobileView div.sectionTwo div.progressMeter {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0px;
        width: 13em;
        height: 6.7em;
        border-radius: 13em 13em 0px 0px;
    }

        div.mobileView div.sectionTwo div.progressMeter div.contentSection {
            width: 12.65em;
            height: 6.6em;
            border-radius: 12.65em 12.65em 0px 0px;
            background: #fff;
            position: relative;
            left: 0.2em;
            top: 0.18em;
        }

    div.mobileView div.sectionTwo h1.daysCount {
        font-size: 85px;
        height: 100px;
        font-weight: 500;
        text-align: center;
    }

    div.mobileView div.sectionTwo h5.daysText {
        font-size: 17px;
        font-weight: 800;
        margin-bottom: 0px;
    }

    div.mobileView div.sectionTwo span.discnctnText {
        font-size: 15px;
    }

    div.mobileView div.sectionTwo p.remainingValueText {
        font-size: 16px;
        margin-bottom: 0px;
        margin-top: 15px;
        text-align: center;
        text-decoration: underline;
        font-style: italic;
        cursor: pointer;
    }

    div.mobileView div.sectionTwo div.yellowCircleAndPin {
        background: #FFCB29 0% 0% no-repeat padding-box;
        opacity: 1;
        width: 15%;
        height: 14%;
        border-radius: 50%;
        margin-left: auto;
        margin-right: auto;
        background-image: url('../images/prepaidHomeTT/icons8-marker-96@2x.png');
        background-size: 50% 50%;
        background-position: center;
        cursor: pointer;
    }

    div.mobileView div.sectionTwo div.rechargeLocationText {
        text-align: center;
        font-size: 12px;
        margin-top: 10px;
    }

        div.mobileView div.sectionTwo div.rechargeLocationText span {
            cursor: pointer;
            color: #000000;
        }

    div.mobileView div.sectionTwo div.topLeftSection {
        padding-top: 25px;
        width: 100%;
        display: inline-block;
        text-align: center;
    }

        div.mobileView div.sectionTwo div.topLeftSection span.silverPlanText {
            text-decoration: none;
            font-size: 19px;
            letter-spacing: 0;
            color: #666666;
            opacity: 1;
            font-weight: 600;
            vertical-align: middle;
        }

    div.mobileView div.sectionTwo div.topRightSection {
        text-align: center;
        display: block;
    }

        div.mobileView div.sectionTwo div.topRightSection small.manageMyPlan {
            padding-top: 8px;
            padding-bottom: 7px;
            padding-left: 10px;
            padding-right: 10px;
            border-radius: 20px;
            border: 0.5px solid #333333;
            color: #333333;
            font-size: 12px;
        }

div.mobileView div.sectionThree {
    position: relative;
    padding-left: 3%;
    padding-right: 3%;
    top: 135px;
}

    div.mobileView div.sectionThree p.ppulrLinksText {
        font-size: 13px;
        font-weight: bold;
        color: #333;
        margin-bottom: 0px;
        margin-left: 3%;
    }

    div.mobileView div.sectionThree div.targettersSection {
        text-align: center;
    }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div.divOneInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div.divTwoInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div.divThreeInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div.divFourInMobile {
            height: 215px;
            width: 100%;
            border-radius: 5px;
            border: none;
            background-repeat: no-repeat !important;
            background-size: 104% 104% !important;
            margin-top: 10px;
            background-position: center;
        }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile {
            display: inline-block;
            height: 150px;
            width: 46.25%;
            margin-bottom: 0px;
        }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile {
            margin-right: 1%;
        }

            div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.headText,
            div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.headText,
            div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.headText,
            div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.headText {
                color: black;
                font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
                font-size: xx-large;
                font-weight: bold;
                margin-top: 2px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 5px;
                text-align: left;
            }

            div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.subText,
            div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.subText,
            div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.subText,
            div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.subText {
                color: black;
                font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
                font-size: x-large;
                font-weight: bold;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 0 0 0 5px;
                text-align: left;
            }

.sectionOne-title {
    display: inline-flex;
}

.misDatos-Section {
    padding: 0.5vw;
}

@media only screen and (max-width: 1020px) {
    div.nonMobileView {
        display: none;
    }

    div.mobileView {
        display: block;
    }
}

@media only screen and (min-width: 1021px) {
    div.nonMobileView {
        display: block;
    }

    div.mobileView {
        display: none;
    }
}

@media only screen and (min-width: 551px) and (max-width: 700px) {
    div.mobileView div.sectionOne div.divOne div.searchBarInMobile.withBG {
        background-position: 98% 25%;
    }
}

@media only screen and (min-width: 701px) and (max-width: 900px) {
    div.mobileView div.sectionOne div.divOne div.searchBarInMobile.withBG {
        background-position: 99% 25%;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1020px) {
    div.mobileView div.sectionOne div.divOne div.searchBarInMobile.withBG {
        background-position: 100% 25%;
    }
}

@media only screen and (max-width: 499px) {
    div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.headText,
    div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.headText,
    div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.headText,
    div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.headText {
        font-size: medium;
    }

    div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.subText,
    div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.subText,
    div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.subText,
    div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.subText {
        font-size: smaller;
    }

    div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div.divOneInMobile,
    div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div.divTwoInMobile,
    div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div.divThreeInMobile,
    div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div.divFourInMobile {
        height: 150px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 650px) {
    div.mobileView div.sectionTwo div.yellowCircleAndPin {
        width: 10%;
        height: 12%;
    }

    div.mobileView div.sectionTwo {
        top: 135px;
    }

    div.mobileView div.sectionThree {
        top: 140px;
    }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.headText {
            font-size: large;
        }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.subText {
            font-size: medium;
        }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div.divOneInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div.divTwoInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div.divThreeInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div.divFourInMobile {
            height: 180px;
        }
}

@media only screen and (min-width: 651px) and (max-width: 750px) {
    div.mobileView div.sectionTwo div.yellowCircleAndPin {
        width: 7%;
        height: 14%;
    }

    div.mobileView div.sectionTwo {
        top: 150px;
    }

    div.mobileView div.sectionThree {
        top: 155px;
    }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.headText {
            font-size: x-large;
        }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.subText {
            font-size: large;
        }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div.divOneInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div.divTwoInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div.divThreeInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div.divFourInMobile {
            height: 200px;
        }
}

@media only screen and (min-width: 751px) and (max-width: 899px) {
    div.mobileView div.sectionTwo div.yellowCircleAndPin {
        width: 7%;
        height: 14%;
    }

    div.mobileView div.sectionTwo {
        top: 160px;
    }

    div.mobileView div.sectionThree {
        top: 175px;
    }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.headText {
            font-size: x-large;
        }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.subText {
            font-size: large;
        }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div.divOneInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div.divTwoInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div.divThreeInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div.divFourInMobile {
            height: 225px;
        }
}

@media only screen and (min-width: 900px) and (max-width: 1020px) {
    div.mobileView div.sectionTwo div.yellowCircleAndPin {
        width: 7%;
        height: 16%;
    }

    div.mobileView div.sectionTwo {
        top: 165px;
    }

    div.mobileView div.sectionThree {
        top: 180px;
    }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.headText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.headText {
            font-size: x-large;
        }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div#divOneInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div#divTwoInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div#divThreeInMobileTexts div.subText,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div#divFourInMobileTexts div.subText {
            font-size: large;
        }

        div.mobileView div.sectionThree div.targettersSection div#wholeDivOneInMobile div.divOneInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivTwoInMobile div.divTwoInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivThreeInMobile div.divThreeInMobile,
        div.mobileView div.sectionThree div.targettersSection div#wholeDivFourInMobile div.divFourInMobile {
            height: 255px;
        }
}
/* Targeters-HP-TT (New updates for this ticket) starts here. */
div#rightHalf div.rightMain .lineOne {
    color: white;
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 0.625em;
    font-weight: bold;
    margin: auto;
    padding: 0px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    bottom: 13px;
}

div#rightHalf div.rightMain .lineTwo {
    color: white;
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 0.5625em;
    margin: auto;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: absolute;
    bottom: 3px;
}
/* Targeters-HP-TT (New updates for this ticket) ends here. */
/* New updates for this ticket under ticket id `MDTV-249 - CA Prepaid: Saldo View` starts here. */
div#wishingUserAndTitle h6 {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin-bottom: 0.30rem;
    font-size: 1em;
}

    div#wishingUserAndTitle h6 span#userTitlePPTT {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Helvetica, sans-serif;
        font-weight: 500;
        font-size: 1em;
    }

div#leftHalf div#wishingUserAndTitle, div#rightHalf div#seeWhatsOnTV {
    height: 140px;
    padding-top: 70px;
}

    div#rightHalf div#seeWhatsOnTV span#seeWhatsOnTVText img {
        width: 18px;
    }

div#leftHalf div.leftMain div.topLeftSection span {
    display: inline-block;
    color: #444444;
}

div#leftHalf div.leftMain div.topLeftRowTwo img.prapaidImage {
    width: 25%;
}

div#leftHalf div.leftMain div.topLeftRowTwo span.planDescText {
    font-size: 0.6875em;
    color: #666666;
}

div#leftHalf div.leftMain div.topLeftRowTwo span.smartcardText {
    font-size: 0.5em;
    display: block;
    margin-top: 7px;
    color: #888888;
}

div.mobileView div#completeDetailsScreen div.sectionOne {
    background-color: #ffffff;
}

    div.mobileView div#completeDetailsScreen div.sectionOne div.divTwo p.balanceDetailsText {
        font-size: 27px;
        margin: 0px;
        text-align: center;
        position: relative;
        top: 40px;
    }

div.mobileView div#completeDetailsScreen div.sectionTwo {
    box-shadow: none;
}

    div.mobileView div#completeDetailsScreen div.sectionTwo div.topRightSection span.smartcardText {
        display: block;
        margin-top: 20px;
        font-size: 15px;
        color: #777777;
    }

    div.mobileView div#completeDetailsScreen div.sectionTwo p.remainingValueText {
        text-decoration: none;
        cursor: none;
    }

div.mobileView div#completeDetailsScreen div.sectionOne div.divOne div.backInMobile img.backIcon {
    display: inline-block;
    width: 30px;
    vertical-align: initial;
    cursor: pointer;
}

div.mobileView div#completeDetailsScreen div.sectionOne div.divOne div.backInMobile {
    display: inline-block;
    width: 7%;
    text-align: left;
    vertical-align: middle;
    margin-left: 2%;
    cursor: pointer;
}

div.mobileView div#completeDetailsScreen div.sectionOne div.divOne div.searchBarInMobile {
    width: 80%;
}

    div.mobileView div#completeDetailsScreen div.sectionOne div.divOne div.searchBarInMobile.withBG {
        background-image: url('../images/prepaidHomeTT/search_ico-tt.png');
        background-position: 97% 25%;
        background-repeat: no-repeat;
    }

    div.mobileView div#completeDetailsScreen div.sectionOne div.divOne div.searchBarInMobile h5.pageHeading {
        display: block;
        text-align: center;
        font-weight: bold;
        color: #222222;
        font-size: 17px;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        text-transform: capitalize;
        cursor: pointer;
    }

        div.mobileView div#completeDetailsScreen div.sectionOne div.divOne div.searchBarInMobile h5.pageHeading span.arrowDown::after {
            content: "^";
            display: inline-block;
            -webkit-transform: rotate(-180deg);
            -moz-transform: rotate(-180deg);
            -o-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
            transform: rotate(-180deg);
            margin-left: 7px;
            color: #222222;
            font-size: 1em;
            font-weight: 500;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
            height: 13px;
            vertical-align: middle;
        }

div.mobileView div#completeDetailsScreen div.sectionThree {
    padding-left: 0px;
    padding-right: 0px;
}

    div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText {
        font-size: 13px;
        font-weight: bold;
        color: #333;
        margin-bottom: 0px;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 40px;
        padding-bottom: 10px;
        background-color: #F7F8FA;
        border-bottom: 0.5px solid #E1E1E6;
    }

        div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText.rowOne,
        div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText.rowTwo,
        div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText.rowThree {
            padding-left: 0px;
            padding-right: 0px;
            padding-top: 0px;
            padding-bottom: 0px;
            margin-left: 5%;
            margin-right: 5%;
            background-color: #ffffff;
            height: 80px;
            line-height: 80px;
        }

        div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText.rowThree {
            border-bottom: none;
        }

        div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText span.textSizing {
            display: inline-block;
            width: 94%;
        }

        div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText span.arrowToRightEnd {
            color: #999999;
            display: inline-block;
            height: 80%;
            top: 10%;
            position: relative;
        }

        div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText a:hover,
        div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText a:focus,
        div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText a:active,
        div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText a:visited {
            color: #333333;
            outline: 0;
        }

@media only screen and (min-width: 551px) and (max-width: 700px) {
    div.mobileView div#completeDetailsScreen div.sectionOne div.divOne div.searchBarInMobile.withBG {
        background-position: 98% 25%;
    }
}

@media only screen and (min-width: 701px) and (max-width: 900px) {
    div.mobileView div#completeDetailsScreen div.sectionOne div.divOne div.searchBarInMobile.withBG {
        background-position: 99% 25%;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1020px) {
    div.mobileView div#completeDetailsScreen div.sectionOne div.divOne div.searchBarInMobile.withBG {
        background-position: 100% 25%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 600px) {
    div.mobileView div.sectionOne div.divOne div.searchBarInMobile {
        width: 88%;
    }

    .sectionOne-title {
        justify-content: space-between;
        width: 100%;
    }
}

@media only screen and (min-width: 601px) and (max-width: 1020px) {
    div.mobileView div.sectionOne div.divOne div.searchBarInMobile {
        width: 88%;
    }
}

@media only screen and (min-width: 360px) and (max-width: 650px) {
    div.mobileView div.sectionOne div.divTwo p.welcomeText {
        font-size: 18px;
        margin: 1% 0px 1% 7%;
    }

    div.mobileView div.sectionOne div.divTwo p.overviewText {
        font-size: 23px;
        margin: 1% 0px 1% 7%;
    }

    div.mobileView div.sectionThree p.ppulrLinksText {
        font-size: 15px;
    }

    div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText {
        font-size: 15px;
    }

    div#facturacionBillingSection div.sectionOne a#misDatos span#misDatosText {
        display: none;
    }
}

@media only screen and (min-width: 651px) and (max-width: 1020px) {
    div.mobileView div.sectionOne div.divTwo {
        margin-top: 15px;
    }

        div.mobileView div.sectionOne div.divTwo p.welcomeText {
            font-size: 20px;
            margin: 1% 0px 1% 7%;
        }

        div.mobileView div.sectionOne div.divTwo p.overviewText {
            font-size: 26px;
            margin: 1% 0px 1% 7%;
        }

    div.mobileView div.sectionThree p.ppulrLinksText {
        font-size: 20px;
    }

    div.mobileView div#completeDetailsScreen div.sectionThree p.helpFulLinksText {
        font-size: 20px;
    }

    .sectionOne-title {
        justify-content: space-between;
        width: 100%;
    }
}
/* New updates for this ticket under ticket id `MDTV-249 - CA Prepaid: Saldo View` ends here. */
/* Custom styles for MDTV-197 - CA Prepaid: Homepage UI(TT country) ends here */
/* Custom styles for MDTV-131 - CA Prepaid: My Account Views & Landing starts here */
div.nonMobileViewManageProfile {
    background: #F7F8FA 0% 0% no-repeat padding-box;
    height: 100%;
}

    div.nonMobileViewManageProfile div.starterYellow {
        width: 2.75px;
        height: 30px;
        background: #FFBE01 0% 0% no-repeat padding-box;
        border-radius: 2px;
        display: inline-block;
        vertical-align: text-bottom;
    }

    div.nonMobileViewManageProfile div.starterYellowTexts {
        display: inline-block;
        height: 35px;
    }

        div.nonMobileViewManageProfile div.starterYellowTexts div.starterYellowLineOne {
            font-weight: bold;
            font-size: 10px;
            height: 17.5px;
            line-height: 17.5px;
            display: block;
            color: #101010;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        }

        div.nonMobileViewManageProfile div.starterYellowTexts div.starterYellowLineTwo {
            font-weight: normal;
            font-size: 14px;
            height: 17.5px;
            line-height: 17.5px;
            display: block;
            color: #101010;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        }

    div.nonMobileViewManageProfile div.headLineUserInfoBlock, div.nonMobileViewManageProfile div.headLineAdditionalInfoBlock {
        display: block;
        height: 30px;
    }

        div.nonMobileViewManageProfile div.headLineUserInfoBlock div.accountName, div.nonMobileViewManageProfile div.headLineAdditionalInfoBlock div.addnlInfoText {
            display: inline-block;
            font-size: 10px;
            text-align: left;
            font-weight: bold;
            text-transform: uppercase;
            color: #222222;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
            letter-spacing: 0.5px;
        }

        div.nonMobileViewManageProfile div.headLineUserInfoBlock div.accountName {
            width: 59%;
        }

        div.nonMobileViewManageProfile div.headLineUserInfoBlock div.switchAccountDiv {
            display: inline-block;
            text-align: right;
            width: 39%;
        }

            div.nonMobileViewManageProfile div.headLineUserInfoBlock div.switchAccountDiv small.switchAccount {
                padding-top: 5px;
                padding-bottom: 4px;
                padding-left: 6px;
                padding-right: 6px;
                border-radius: 10px;
                border: 0.5px solid #333333;
                letter-spacing: -0.12px;
                color: #333333;
                font-size: 8px;
                font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Sans-serif;
            }

    div.nonMobileViewManageProfile div.userInfoBlock, div.nonMobileViewManageProfile div.additionalInfoBlock {
        display: block;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 3px 3px 10px #ecebeb;
        border: 0.5px solid #DDDDDD;
        border-radius: 5px;
    }

        div.nonMobileViewManageProfile div.userInfoBlock ul, div.nonMobileViewManageProfile div.additionalInfoBlock ul {
            list-style: none;
            margin: 0px;
        }

        div.nonMobileViewManageProfile div.userInfoBlock > ul, div.nonMobileViewManageProfile div.additionalInfoBlock > ul {
            padding-left: 20px;
            padding-right: 20px;
        }

            div.nonMobileViewManageProfile div.userInfoBlock > ul > li > ul, div.nonMobileViewManageProfile div.additionalInfoBlock > ul > li > ul {
                min-height: 65px;
                padding-top: 14px;
                padding-bottom: 13px;
                border-top: 0.5px solid #DDDDDD;
            }

            div.nonMobileViewManageProfile div.userInfoBlock > ul > li:first-child > ul,
            div.nonMobileViewManageProfile div.additionalInfoBlock > ul > li:first-child > ul {
                border-top: none;
            }

        div.nonMobileViewManageProfile div.userInfoBlock ul li.textForAliasAccountName,
        div.nonMobileViewManageProfile div.userInfoBlock ul li.textForAccountNumber,
        div.nonMobileViewManageProfile div.userInfoBlock ul li.textForDNINumber,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForEmail,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForTelephoneNumber,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAliasPassword {
            font-weight: bold;
            font-size: 12px;
            text-align: left;
            color: #222222;
        }

        div.nonMobileViewManageProfile div.userInfoBlock ul li.aliasAccountName,
        div.nonMobileViewManageProfile div.userInfoBlock ul li.accountNumber,
        div.nonMobileViewManageProfile div.userInfoBlock ul li.theDNINumber,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.emailText,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.telephoneNumber,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.addressText,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.passwordText {
            font-size: 12px;
            text-align: left;
            color: #666666;
        }

        div.nonMobileViewManageProfile div.userInfoBlock ul li.textForAliasAccountName a,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForEmail a,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForTelephoneNumber a,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress a,
        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAliasPassword a {
            float: right;
            font-size: 10px;
        }

            div.nonMobileViewManageProfile div.headLineUserInfoBlock div.switchAccountDiv a:hover,
            div.nonMobileViewManageProfile div.headLineUserInfoBlock div.switchAccountDiv a:focus,
            div.nonMobileViewManageProfile div.headLineUserInfoBlock div.switchAccountDiv a:active,
            div.nonMobileViewManageProfile div.headLineUserInfoBlock div.switchAccountDiv a:visited,
            div.nonMobileViewManageProfile div.userInfoBlock ul li.textForAliasAccountName a:hover,
            div.nonMobileViewManageProfile div.userInfoBlock ul li.textForAliasAccountName a:focus,
            div.nonMobileViewManageProfile div.userInfoBlock ul li.textForAliasAccountName a:active,
            div.nonMobileViewManageProfile div.userInfoBlock ul li.textForAliasAccountName a:visited,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForEmail a:hover,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForEmail a:focus,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForEmail a:active,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForEmail a:visited,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForTelephoneNumber a:hover,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForTelephoneNumber a:focus,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForTelephoneNumber a:active,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForTelephoneNumber a:visited,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress a:hover,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress a:focus,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress a:active,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress a:visited,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAliasPassword a:hover,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAliasPassword a:focus,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAliasPassword a:active,
            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAliasPassword a:visited {
                outline: 0;
            }

            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress a span.showOrHideInstallationAddressToolTip {
                padding: 2.5px 5px;
                border: 1px solid #008CBA;
                position: relative;
            }

        div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress div.toolTipForInstallationAddress {
            position: absolute;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            z-index: 9999;
            box-shadow: -10px 10px 90px rgba(0, 0, 0, 0.1607843137254902);
            border-radius: 3px;
            padding: 8px 13px;
            right: 25px;
            width: 205px;
        }

            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress div.toolTipForInstallationAddress:before {
                content: "";
                width: 10px;
                height: 10px;
                position: absolute;
                background: transparent;
                top: 0px;
                right: -10px;
                border-left: 0px;
                border-bottom: 13px solid #FFFFFF;
                border-right: 13px solid transparent;
                border-top: 0px;
                -webkit-transform: rotate(90deg);
                -moz-transform: rotate(90deg);
                -o-transform: rotate(90deg);
                -ms-transform: rotate(90deg);
                transform: rotate(90deg);
            }

            div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress div.toolTipForInstallationAddress p {
                margin: 2px !important;
                line-height: 0.75em;
                font-size: 1.5em;
                color: #333333;
                font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
            }

                div.nonMobileViewManageProfile div.additionalInfoBlock ul li.textForAddress div.toolTipForInstallationAddress p.lightColoredText {
                    color: #666666;
                }

        div.nonMobileViewManageProfile div.additionalInfoBlock > ul > li > img.imgBeforeUL {
            display: inline-block;
            width: 4.5%;
            vertical-align: top;
            padding-top: 17px;
        }

        div.nonMobileViewManageProfile div.additionalInfoBlock > ul > li > ul {
            display: inline-block;
            width: 86%;
            margin-left: 15px;
        }

@media only screen and (max-width: 1020px) {
    div.nonMobileViewManageProfile {
        display: none;
    }

    div.mobileViewManageProfile {
        display: block;
    }
}

@media only screen and (min-width: 1021px) {
    div.nonMobileViewManageProfile {
        display: block;
    }

    div.mobileViewManageProfile {
        display: none;
    }
}

div.mobileViewManageProfile div.sectionOne {
    height: 210px;
    width: 100%;
    background-color: #FFBE00;
}

    div.mobileViewManageProfile div.sectionOne div.divOne {
        height: 18%;
        left: 5%;
        width: 100%;
        padding-top: 3.5%;
    }

        div.mobileViewManageProfile div.sectionOne div.divOne div.backInMobile img.backIcon {
            display: inline-block;
            width: 30px;
            vertical-align: initial;
            cursor: pointer;
        }

        div.mobileViewManageProfile div.sectionOne div.divOne div.backInMobile {
            display: inline-block;
            width: 7%;
            text-align: left;
            vertical-align: middle;
            margin-left: 2%;
            cursor: pointer;
        }

        div.mobileViewManageProfile div.sectionOne div.divOne div.searchBarInMobile {
            display: inline-block;
            width: 80%;
        }

            div.mobileViewManageProfile div.sectionOne div.divOne div.searchBarInMobile.withBG {
                background-image: url('../images/prepaidHomeTT/search_ico-tt.png');
                background-position: 97% 25%;
                background-repeat: no-repeat;
            }

            div.mobileViewManageProfile div.sectionOne div.divOne div.searchBarInMobile h5.pageHeading {
                display: block;
                text-align: center;
                font-weight: bold;
                color: #222222;
                font-size: 17px;
                font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                text-transform: capitalize;
            }

            div.mobileViewManageProfile div.sectionOne div.divOne div.searchBarInMobile img.searchIcon {
                display: inline-block;
                width: 23px;
            }

        div.mobileViewManageProfile div.sectionOne div.divOne div.menuInMobile img.menuIcon {
            display: inline-block;
            width: 30px;
            vertical-align: initial;
            cursor: pointer;
        }

        div.mobileViewManageProfile div.sectionOne div.divOne div.menuInMobile {
            display: inline-block;
            width: 7%;
            text-align: right;
            vertical-align: middle;
            cursor: pointer;
        }

    div.mobileViewManageProfile div.sectionOne div.divTwo {
        height: 82%;
        width: 100%;
        padding-left: 7%;
        padding-right: 5%;
        padding-top: 45px;
    }

        div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock {
            height: 100%;
        }

            div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock div.accountInfoDiv {
                text-align: left;
                display: inline-block;
                width: 49%;
                height: 100%;
            }

                div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock div.accountInfoDiv div.accountName {
                    color: #000000;
                    font-size: 1.75em;
                    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                    font-weight: bold;
                    display: block;
                    max-height: 65%;
                    overflow: hidden;
                    text-transform: capitalize;
                }

                div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock div.accountInfoDiv div.accountNumber {
                    color: #333333;
                    font-size: 1em;
                    font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                    display: block;
                    margin-top: 10px;
                }

            div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock div.switchAccountDiv {
                text-align: right;
                display: inline-block;
                width: 49%;
                height: 100%;
                float: right;
            }

                div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock div.switchAccountDiv small.switchAccount {
                    padding-top: 8px;
                    padding-bottom: 6px;
                    padding-left: 10px;
                    padding-right: 10px;
                    border-radius: 20px;
                    border: 0.5px solid #101010;
                    letter-spacing: -0.12px;
                    color: #101010;
                    font-size: 13px;
                    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                    line-height: 60px;
                    font-weight: 600;
                }

                div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock div.switchAccountDiv a:hover,
                div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock div.switchAccountDiv a:focus,
                div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock div.switchAccountDiv a:active,
                div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock div.switchAccountDiv a:visited {
                    outline: 0;
                }

div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock {
    display: block;
    background-color: #FFFFFF;
}

    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul {
        list-style: none;
        margin: 0px;
    }

    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul {
        padding-left: 20px;
        padding-right: 20px;
    }

        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > ul {
            min-height: 65px;
            padding-top: 14px;
            padding-bottom: 13px;
            border-top: 0.5px solid #DDDDDD;
            display: inline-block;
            width: 86%;
            margin-left: 15px;
        }

        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li:first-child > ul {
            border-top: none;
        }

    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForEmail,
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForTelephoneNumber,
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress,
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAliasPassword {
        font-weight: bold;
        font-size: 1.20em;
        text-align: left;
        color: #222222;
    }

    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.emailText,
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.telephoneNumber,
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.addressText,
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.passwordText {
        font-size: 1em;
        text-align: left;
        color: #666666;
    }

    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForEmail a,
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForTelephoneNumber a,
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress a,
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAliasPassword a {
        float: right;
        font-size: 15px;
    }

        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForEmail a:hover,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForEmail a:focus,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForEmail a:active,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForEmail a:visited,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForTelephoneNumber a:hover,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForTelephoneNumber a:focus,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForTelephoneNumber a:active,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForTelephoneNumber a:visited,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress a:hover,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress a:focus,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress a:active,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress a:visited,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAliasPassword a:hover,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAliasPassword a:focus,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAliasPassword a:active,
        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAliasPassword a:visited {
            outline: 0;
        }

        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress a span.showOrHideInstallationAddressToolTip {
            padding: 2.5px 5px;
            border: 1px solid #008CBA;
            position: relative;
        }

    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress div.toolTipForInstallationAddress {
        position: absolute;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        z-index: 9999;
        box-shadow: -10px 10px 90px rgba(0, 0, 0, 0.1607843137254902);
        border-radius: 3px;
        padding: 8px 13px;
        right: -10px;
        width: 300px;
        top: 35px;
    }

        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress div.toolTipForInstallationAddress:before {
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            background: transparent;
            top: -10px;
            right: 20px;
            border-left: 0px;
            border-bottom: 13px solid #FFFFFF;
            border-right: 13px solid transparent;
            border-top: 0px;
            -webkit-transform: rotate(270deg);
            -moz-transform: rotate(270deg);
            -o-transform: rotate(270deg);
            -ms-transform: rotate(270deg);
            transform: rotate(270deg);
        }

        div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress div.toolTipForInstallationAddress p {
            margin: 2px !important;
            line-height: 0.75em;
            font-size: 1.5em;
            color: #333333;
            font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
        }

            div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock ul li.textForAddress div.toolTipForInstallationAddress p.lightColoredText {
                color: #666666;
            }

    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > img.imgBeforeUL {
        display: inline-block;
        width: 22px;
        vertical-align: top;
        padding-top: 20px;
    }

@media only screen and (max-width: 330px) {
    div.mobileViewManageProfile div.sectionOne div.divTwo div.headLineUserInfoBlock div.switchAccountDiv small.switchAccount {
        padding-top: 6px;
        font-size: 11px;
    }

    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > img.imgBeforeUL {
        width: 16px;
    }
}

@media only screen and (min-width: 551px) and (max-width: 700px) {
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > ul {
        width: 90%;
    }

    div.mobileViewManageProfile div.sectionOne div.divOne div.searchBarInMobile.withBG {
        background-position: 98% 25%;
    }
}

@media only screen and (min-width: 701px) and (max-width: 900px) {
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > ul {
        width: 91%;
    }

    div.mobileViewManageProfile div.sectionOne div.divOne div.searchBarInMobile.withBG {
        background-position: 99% 25%;
    }
}

@media only screen and (min-width: 901px) and (max-width: 1020px) {
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > ul {
        width: 92%;
    }

    div.mobileViewManageProfile div.sectionOne div.divOne div.searchBarInMobile.withBG {
        background-position: 100% 25%;
    }
}

@media only screen and (min-width: 331px) and (max-width: 415px) {
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > img.imgBeforeUL {
        width: 18px;
    }
}

@media only screen and (min-width: 416px) and (max-width: 515px) {
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > img.imgBeforeUL {
        width: 19px;
    }
}

@media only screen and (min-width: 516px) and (max-width: 650px) {
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > img.imgBeforeUL {
        width: 20px;
    }
}

@media only screen and (min-width: 651px) and (max-width: 700px) {
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > img.imgBeforeUL {
        width: 21px;
    }
}

@media only screen and (min-width: 701px) and (max-width: 750px) {
    div.mobileViewManageProfile div.sectionTwo div.additionalInfoBlock > ul > li > img.imgBeforeUL {
        width: 21px;
    }
}

div.changeEmailDialogBox {
    position: fixed;
    top: 15%;
    right: 50%;
    background: #fff;
    z-index: 9999;
    width: 340px;
    height: auto;
    margin-right: -170px; /* Should set to half of the width of this element */
    border: 1px solid #707070;
    border-radius: 5px;
    padding: 13px 20px 20px 20px;
}

    div.changeEmailDialogBox div#sectionOne span.closeChangeEmail {
        color: #999999;
        cursor: pointer;
        right: 20px;
        position: absolute;
    }

    div.changeEmailDialogBox div#sectionTwo h6.chngEmlTxt {
        font-weight: bold;
        font-size: 13px;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        color: #222222;
    }

    div.changeEmailDialogBox div#sectionTwo span.emailNotes {
        font-size: 9px;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        color: #777777;
        background-color: rgb(247,236,174);
        display: block;
        line-height: 1.5em;
        padding: 8px;
    }

    div.changeEmailDialogBox div#sectionTwo label {
        font-size: xx-small;
        font-weight: bold;
        color: #777777;
    }

    div.changeEmailDialogBox div#sectionTwo input[type="text"]::placeholder,
    div.changeEmailDialogBox div#sectionTwo input[type="password"]::placeholder {
        color: #CCCCCC;
        font-size: 13px;
    }

    div.changeEmailDialogBox div#sectionTwo input[type="text"],
    div.changeEmailDialogBox div#sectionTwo input[type="password"] {
        color: #111111;
        font-size: 13px;
        margin-bottom: 5px;
    }

    div.changeEmailDialogBox div#sectionTwo span.help-inline.setFontSize small {
        font-size: 11px;
    }

    div.changeEmailDialogBox div#sectionTwo small.error.removeBGColorAndSetPadding,
    div.changeEmailDialogBox small#changeEmailServiceError.error.removeBGColorAndSetPadding {
        background: none;
        padding: 7px 0px 0px 0px;
        margin: 0px;
    }

    div.changeEmailDialogBox div#sectionThree {
        text-align: right;
    }

        div.changeEmailDialogBox div#sectionThree a#resetButton {
            font-size: xx-small;
            display: inline-block;
            color: #666666;
        }

        div.changeEmailDialogBox div#sectionThree a#saveButton {
            font-size: xx-small;
            display: inline-block;
            color: #0880CB;
        }

        div.changeEmailDialogBox div#sectionThree a:hover,
        div.changeEmailDialogBox div#sectionThree a:focus,
        div.changeEmailDialogBox div#sectionThree a:active,
        div.changeEmailDialogBox div#sectionThree a:visited {
            outline: 0;
        }

@media only screen and (max-width: 300px) {
    div.changeEmailDialogBox {
        width: 280px;
        margin-right: -140px; /* Should set to half of the width of this element */
    }
}

@media only screen and (min-width: 301px) and (max-width: 400px) {
    div.changeEmailDialogBox {
        width: 310px;
        margin-right: -155px; /* Should set to half of the width of this element */
    }
}

@media only screen and (min-width: 401px) and (max-width: 600px) {
    div.changeEmailDialogBox {
        width: 340px;
        margin-right: -170px; /* Should set to half of the width of this element */
    }
}

@media only screen and (max-width: 600px) {
    div.changeEmailDialogBox {
        top: 6%;
        height: auto;
    }

        div.changeEmailDialogBox div#sectionOne span.closeChangeEmail {
            right: 10px;
            font-size: xx-large;
        }

        div.changeEmailDialogBox div#sectionTwo h6.chngEmlTxt {
            font-size: 1.5em;
        }

        div.changeEmailDialogBox div#sectionTwo span.emailNotes {
            font-size: 0.9em;
        }

        div.changeEmailDialogBox div#sectionTwo label {
            font-size: 0.95em;
        }

        div.changeEmailDialogBox div#sectionTwo input[type="text"]::placeholder,
        div.changeEmailDialogBox div#sectionTwo input[type="password"]::placeholder {
            font-size: 0.75em;
        }

        div.changeEmailDialogBox div#sectionTwo input[type="text"],
        div.changeEmailDialogBox div#sectionTwo input[type="password"] {
            font-size: 1.4em;
            height: 2em;
            padding: 15px;
        }

        div.changeEmailDialogBox div#sectionThree a#resetButton, div.changeEmailDialogBox div#sectionThree a#saveButton {
            font-size: large;
        }
}

div.changeTelephoneDialogBox {
    position: fixed;
    top: 10%;
    right: 50%;
    background: #fff;
    z-index: 9999;
    width: 340px;
    height: auto;
    margin-right: -170px; /* Should set to half of the width of this element */
    border: 1px solid #707070;
    border-radius: 5px;
    padding: 13px 20px 20px 20px;
}

    div.changeTelephoneDialogBox div#sectionOne span.closeChangeTelephone {
        color: #999999;
        cursor: pointer;
        right: 20px;
        position: absolute;
    }

    div.changeTelephoneDialogBox div#sectionTwo h6.chngTlphnTxt {
        font-weight: bold;
        font-size: 13px;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        color: #222222;
    }

    div.changeTelephoneDialogBox div#sectionTwo label {
        font-size: xx-small;
        font-weight: bold;
        color: #777777;
        margin-bottom: 0.25rem;
    }

    div.changeTelephoneDialogBox div#sectionTwo small.textBelowLabel {
        color: #777777;
        margin-bottom: 0.5rem;
        display: block;
    }

    div.changeTelephoneDialogBox div#sectionTwo span.staticZero,
    div.changeTelephoneDialogBox div#sectionTwo span.staticHyphen {
        display: inline-block;
        width: 15%;
        text-align: center;
        background: rgba(181, 181, 181, 0.38);
        border: 1px solid rgba(181, 181, 181, 0.38);
        height: 2.3125rem;
        line-height: 2.3125rem;
        vertical-align: top;
    }

    div.changeTelephoneDialogBox div#sectionTwo input.smallTextBox {
        display: inline-block;
        width: 25%;
    }

    div.changeTelephoneDialogBox div#sectionTwo input.textBoxForPhone {
        display: inline-block;
        width: 45%;
    }

    div.changeTelephoneDialogBox div#sectionTwo input[type="text"]::placeholder,
    div.changeTelephoneDialogBox div#sectionTwo input[type="password"]::placeholder {
        color: #CCCCCC;
        font-size: 13px;
    }

    div.changeTelephoneDialogBox div#sectionTwo input[type="text"],
    div.changeTelephoneDialogBox div#sectionTwo input[type="password"] {
        display: inline-block;
        color: #111111;
        font-size: 13px;
        margin-bottom: 5px;
    }

    div.changeTelephoneDialogBox div#sectionTwo span.help-inline.setFontSize small {
        font-size: 11px;
    }

    div.changeTelephoneDialogBox div#sectionTwo small.error.removeBGColorAndSetPadding,
    div.changeTelephoneDialogBox small#changeEmailServiceError.error.removeBGColorAndSetPadding {
        background: none;
        padding: 7px 0px 0px 0px;
        margin: 0px;
    }

    div.changeTelephoneDialogBox div#sectionThree {
        text-align: right;
    }

        div.changeTelephoneDialogBox div#sectionThree a#resetButton {
            font-size: xx-small;
            display: inline-block;
            color: #666666;
        }

        div.changeTelephoneDialogBox div#sectionThree a#saveButton {
            font-size: xx-small;
            display: inline-block;
            color: #0880CB;
        }

        div.changeTelephoneDialogBox div#sectionThree a:hover,
        div.changeTelephoneDialogBox div#sectionThree a:focus,
        div.changeTelephoneDialogBox div#sectionThree a:active,
        div.changeTelephoneDialogBox div#sectionThree a:visited {
            outline: 0;
        }

@media only screen and (max-width: 300px) {
    div.changeTelephoneDialogBox {
        width: 280px;
        margin-right: -140px; /* Should set to half of the width of this element */
    }
}

@media only screen and (min-width: 301px) and (max-width: 400px) {
    div.changeTelephoneDialogBox {
        width: 310px;
        margin-right: -155px; /* Should set to half of the width of this element */
    }
}

@media only screen and (min-width: 401px) and (max-width: 600px) {
    div.changeTelephoneDialogBox {
        width: 340px;
        margin-right: -170px; /* Should set to half of the width of this element */
    }
}

@media only screen and (max-width: 600px) {
    div.changeTelephoneDialogBox {
        top: 6%;
        height: auto;
    }

        div.changeTelephoneDialogBox div#sectionOne span.closeChangeTelephone {
            right: 10px;
            font-size: xx-large;
        }

        div.changeTelephoneDialogBox div#sectionTwo h6.chngTlphnTxt {
            font-size: 1.5em;
        }

        div.changeTelephoneDialogBox div#sectionTwo label {
            font-size: 0.95em;
        }

        div.changeTelephoneDialogBox div#sectionTwo input[type="text"]::placeholder,
        div.changeTelephoneDialogBox div#sectionTwo input[type="password"]::placeholder {
            font-size: 0.75em;
        }

        div.changeTelephoneDialogBox div#sectionTwo input[type="text"],
        div.changeTelephoneDialogBox div#sectionTwo input[type="password"] {
            font-size: 1.4em;
            height: 2em;
            padding: 15px;
        }

        div.changeTelephoneDialogBox div#sectionThree a#resetButton, div.changeTelephoneDialogBox div#sectionThree a#saveButton {
            font-size: large;
        }

        div.changeTelephoneDialogBox div#sectionTwo span.staticZero,
        div.changeTelephoneDialogBox div#sectionTwo span.staticHyphen {
            height: 2.8rem;
            line-height: 2.8rem;
        }
}

div.changePasswordDialogBox {
    position: fixed;
    top: 26%;
    right: 50%;
    background: #fff;
    z-index: 9999;
    width: 340px;
    height: auto;
    margin-right: -170px; /* Should set to half of the width of this element */
    border: 1px solid #707070;
    border-radius: 5px;
    padding: 13px 20px 20px 20px;
}

    div.changePasswordDialogBox div#sectionOne span.closeChangePassword {
        color: #999999;
        cursor: pointer;
        right: 20px;
        position: absolute;
    }

    div.changePasswordDialogBox div#sectionTwo h6.chngPasswdTxt {
        font-weight: bold;
        font-size: 13px;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        color: #222222;
    }

    div.changePasswordDialogBox div#sectionTwo label {
        font-size: xx-small;
        font-weight: bold;
        color: #777777;
    }

    div.changePasswordDialogBox div#sectionTwo input[type="text"]::placeholder,
    div.changePasswordDialogBox div#sectionTwo input[type="password"]::placeholder {
        color: #CCCCCC;
        font-size: 13px;
    }

    div.changePasswordDialogBox div#sectionTwo input[type="text"],
    div.changePasswordDialogBox div#sectionTwo input[type="password"] {
        color: #111111;
        font-size: 13px;
        margin-bottom: 5px;
    }

    div.changePasswordDialogBox div#sectionThree {
        text-align: right;
    }

        div.changePasswordDialogBox div#sectionThree a#resetButton {
            font-size: xx-small;
            display: inline-block;
            color: #666666;
        }

        div.changePasswordDialogBox div#sectionThree a#saveButton {
            font-size: xx-small;
            display: inline-block;
            color: #0880CB;
        }

        div.changePasswordDialogBox div#sectionThree a:hover,
        div.changePasswordDialogBox div#sectionThree a:focus,
        div.changePasswordDialogBox div#sectionThree a:active,
        div.changePasswordDialogBox div#sectionThree a:visited {
            outline: 0;
        }

@media only screen and (max-width: 300px) {
    div.changePasswordDialogBox {
        width: 280px;
        margin-right: -140px; /* Should set to half of the width of this element */
    }
}

@media only screen and (min-width: 301px) and (max-width: 400px) {
    div.changePasswordDialogBox {
        width: 310px;
        margin-right: -155px; /* Should set to half of the width of this element */
    }
}

@media only screen and (min-width: 401px) and (max-width: 600px) {
    div.changePasswordDialogBox {
        width: 340px;
        margin-right: -170px; /* Should set to half of the width of this element */
    }
}

@media only screen and (max-width: 600px) {
    div.changePasswordDialogBox {
        top: 6%;
        height: auto;
    }

        div.changePasswordDialogBox div#sectionOne span.closeChangePassword {
            right: 10px;
            font-size: xx-large;
        }

        div.changePasswordDialogBox div#sectionTwo h6.chngPasswdTxt {
            font-size: 1.5em;
        }

        div.changePasswordDialogBox div#sectionTwo label {
            font-size: 0.95em;
        }

        div.changePasswordDialogBox div#sectionTwo input[type="text"]::placeholder,
        div.changePasswordDialogBox div#sectionTwo input[type="password"]::placeholder {
            font-size: 0.75em;
        }

        div.changePasswordDialogBox div#sectionTwo input[type="text"],
        div.changePasswordDialogBox div#sectionTwo input[type="password"] {
            font-size: 1.4em;
            height: 2em;
            padding: 15px;
        }

        div.changePasswordDialogBox div#sectionThree a#resetButton, div.changePasswordDialogBox div#sectionThree a#saveButton {
            font-size: large;
        }
}
/* Custom styles for MDTV-131 - CA Prepaid: My Account Views & Landing ends here */
/* CA Prepaid: Plans Page starts here */
/* Custom styles for `MDTV-429 - CA Prepaid: Plans Page Desktop` starts here */
div.nonMobileViewManagePlans {
    background: #F7F8FA 0% 0% no-repeat padding-box;
    height: auto;
}

    div.nonMobileViewManagePlans div.starterYellow {
        width: 2.75px;
        height: 30px;
        background: #FFBE01 0% 0% no-repeat padding-box;
        border-radius: 2px;
        display: inline-block;
        vertical-align: text-bottom;
    }

    div.nonMobileViewManagePlans div.starterYellowTexts {
        display: inline-block;
        height: 35px;
    }

        div.nonMobileViewManagePlans div.starterYellowTexts div.starterYellowLineOne {
            font-weight: bold;
            font-size: 10px;
            height: 17.5px;
            line-height: 17.5px;
            display: block;
            color: #101010;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        }

        div.nonMobileViewManagePlans div.starterYellowTexts div.starterYellowLineTwo {
            font-weight: normal;
            font-size: 14px;
            height: 17.5px;
            line-height: 17.5px;
            display: block;
            color: #101010;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
        }

    div.nonMobileViewManagePlans div.headLinePackagesInfoBlock, div.nonMobileViewManagePlans div.headLineSetTopBoxInfoBlock {
        display: block;
        height: 20px;
    }

        div.nonMobileViewManagePlans div.headLinePackagesInfoBlock div.headerText, div.nonMobileViewManagePlans div.headLineSetTopBoxInfoBlock div.headerText {
            display: inline-block;
            font-size: 10px;
            text-align: left;
            font-weight: bold;
            text-transform: uppercase;
            color: #222222;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
            letter-spacing: 0.5px;
        }

    div.nonMobileViewManagePlans div.packagesInfoBlock, div.nonMobileViewManagePlans div.setTopBoxInfoBlock {
        display: block;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 3px 3px 10px #ecebeb;
        border: 0.5px solid #DDDDDD;
        border-radius: 5px;
    }

        div.nonMobileViewManagePlans div.packagesInfoBlock ul, div.nonMobileViewManagePlans div.setTopBoxInfoBlock ul {
            list-style: none;
            margin: 0px;
        }

        div.nonMobileViewManagePlans div.packagesInfoBlock > ul, div.nonMobileViewManagePlans div.setTopBoxInfoBlock > ul {
            padding-left: 20px;
            padding-right: 20px;
        }

            div.nonMobileViewManagePlans div.packagesInfoBlock > ul > li > ul, div.nonMobileViewManagePlans div.setTopBoxInfoBlock > ul > li > ul {
                min-height: 65px;
                padding-top: 14px;
                padding-bottom: 13px;
                border-top: 0.5px solid #DDDDDD;
            }

            div.nonMobileViewManagePlans div.packagesInfoBlock > ul > li:first-child > ul,
            div.nonMobileViewManagePlans div.setTopBoxInfoBlock > ul > li:first-child > ul {
                border-top: none;
            }

        div.nonMobileViewManagePlans div.packagesInfoBlock ul li.textForPackageName,
        div.nonMobileViewManagePlans div.setTopBoxInfoBlock ul li.textForSetTopBoxName {
            font-weight: bold;
            font-size: 12px;
            text-align: left;
            color: #222222;
        }

        div.nonMobileViewManagePlans div.setTopBoxInfoBlock ul li.textForSetTopBoxDetailsOne {
            font-size: 12px;
            text-align: left;
            color: #333333;
        }

        div.nonMobileViewManagePlans div.packagesInfoBlock ul li.textForChannelsCount,
        div.nonMobileViewManagePlans div.setTopBoxInfoBlock ul li.textForSetTopBoxDetailsTwo,
        div.nonMobileViewManagePlans div.setTopBoxInfoBlock ul li.textForSetTopBoxDetailsThree {
            font-size: 12px;
            text-align: left;
            color: #666666;
        }

        div.nonMobileViewManagePlans div.setTopBoxInfoBlock ul li.textForSetTopBoxName a {
            float: right;
            font-size: 10px;
        }

            div.nonMobileViewManagePlans div.setTopBoxInfoBlock ul li.textForSetTopBoxName a:hover,
            div.nonMobileViewManagePlans div.setTopBoxInfoBlock ul li.textForSetTopBoxName a:focus,
            div.nonMobileViewManagePlans div.setTopBoxInfoBlock ul li.textForSetTopBoxName a:active,
            div.nonMobileViewManagePlans div.setTopBoxInfoBlock ul li.textForSetTopBoxName a:visited {
                outline: 0;
            }

        div.nonMobileViewManagePlans div.packagesInfoBlock.additionalInfo {
            margin-top: 10px;
        }

            div.nonMobileViewManagePlans div.packagesInfoBlock.additionalInfo ul li.additionalInfoText {
                font-size: 11px;
                color: #666666;
                padding-top: 15px;
                padding-bottom: 15px;
            }

    div.nonMobileViewManagePlans div.backGroundForListOfPlans {
        background: #222222 0% 0% no-repeat padding-box;
    }

        div.nonMobileViewManagePlans div.backGroundForListOfPlans div.starterYellowTexts div.starterYellowLineOne,
        div.nonMobileViewManagePlans div.backGroundForListOfPlans div.starterYellowTexts div.starterYellowLineTwo {
            color: #FFFFFF;
        }

        div.nonMobileViewManagePlans div.backGroundForListOfPlans div.packageTypeTab {
            display: inline-block;
            height: 20px;
            margin-right: 15px;
        }

            div.nonMobileViewManagePlans div.backGroundForListOfPlans div.packageTypeTab.active {
                border-bottom: 1px solid #FFFFFF;
            }

            div.nonMobileViewManagePlans div.backGroundForListOfPlans div.packageTypeTab div.headerText {
                display: inline-block;
                font-size: 10px;
                text-align: left;
                font-weight: bold;
                text-transform: uppercase;
                color: #FFFFFF;
                cursor: pointer;
                font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                letter-spacing: 0.5px;
            }

            div.nonMobileViewManagePlans div.backGroundForListOfPlans div.packageTypeTab.active div.headerText {
                cursor: default;
            }

        div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage {
            width: 310px;
            height: auto;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.10196078431372549);
            border-radius: 5px;
            display: block;
            float: left;
            margin-right: 20px;
            margin-bottom: 20px;
        }

            div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divOne {
                background: transparent linear-gradient(270deg, #F5AD0B 0%, #FFBE01 100%) 0% 0% no-repeat padding-box;
                border-radius: 5px 5px 0px 0px;
                height: 50px;
                padding-left: 15px;
                padding-right: 15px;
                line-height: 50px;
            }

                div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divOne img.packageImage.onHeader {
                    width: 50px;
                    margin-right: 5px;
                }

                div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divOne span.packageName {
                    font-size: 14px;
                    text-align: left;
                    font-weight: bold;
                    text-transform: uppercase;
                    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                    letter-spacing: 0px;
                    color: #111111;
                    vertical-align: middle;
                }

            div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo {
                padding-top: 7px;
            }

                div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionOne {
                    height: 75px;
                    margin-left: 15px;
                    margin-right: 15px;
                }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionOne div.leftSection {
                        width: 60%;
                        height: 100%;
                        float: left;
                        display: inline-block;
                    }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionOne div.rightSection {
                        width: 40%;
                        height: 100%;
                        float: left;
                        display: inline-block;
                    }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionOne div.leftSection h1.packagePrice {
                        font-size: 30px;
                        text-align: left;
                        font-weight: bold;
                        letter-spacing: -1.08px;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        color: #111111;
                        margin: 0px;
                    }

                        div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionOne div.leftSection h1.packagePrice span.atTheRateText {
                            font-size: 13px;
                            text-align: left;
                            font-weight: bold;
                            font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                            letter-spacing: 0px;
                            color: #222222;
                            margin-left: 3px;
                        }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionOne div.leftSection span.infoText {
                        font-size: 13px;
                        text-align: left;
                        font-weight: bold;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        letter-spacing: -0.28px;
                        color: #111111;
                    }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionOne div.rightSection span.addToPlan {
                        position: relative;
                        top: 20px;
                        cursor: pointer;
                        display: block;
                        background: #EEEEEF 0% 0% no-repeat padding-box;
                        border-radius: 30px;
                        letter-spacing: -0.22px;
                        color: #0880CB;
                        font-size: 11px;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        font-weight: bold;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        text-align: center;
                    }

                div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.smallDivider {
                    display: block;
                    width: 10%;
                    background-color: #333333;
                    height: 2px;
                    margin-left: 15px;
                    margin-right: 15px;
                }

                div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionTwo {
                    margin-top: 10px;
                    height: auto;
                }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionTwo.withBoxShadow {
                        box-shadow: 3px 7px 10px rgba(0, 0, 0, 0.1);
                    }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionTwo div.topSection {
                        display: block;
                        height: 50px;
                        margin-left: 15px;
                        margin-right: 15px;
                    }

                        div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionTwo div.topSection div.packageImageWrapper {
                            width: 25%;
                            height: 50px;
                            display: block;
                            float: left;
                            line-height: 50px;
                        }

                            div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionTwo div.topSection div.packageImageWrapper img.packageImage {
                                width: 50px;
                                margin-right: 5px;
                            }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionTwo div.bottomSection {
                        display: block;
                        height: 50px;
                        margin-left: 15px;
                        margin-right: 15px;
                    }

                        div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionTwo div.bottomSection div.packageImageWrapper {
                            width: 25%;
                            height: 50px;
                            display: block;
                            float: left;
                            line-height: 50px;
                        }

                            div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionTwo div.bottomSection div.packageImageWrapper img.packageImage {
                                width: 50px;
                                margin-right: 5px;
                            }

                div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionThree {
                    margin-top: 10px;
                    margin-bottom: 20px;
                    height: auto;
                    display: block;
                    text-align: center;
                }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionThree span {
                        font-size: 11px;
                        font-weight: normal;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        letter-spacing: -0.26px;
                        color: #888888;
                        cursor: pointer;
                    }

                        div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionThree span::after {
                            content: "<";
                            display: inline-block;
                            -webkit-transform: rotate(-90deg);
                            -moz-transform: rotate(-90deg);
                            -o-transform: rotate(-90deg);
                            -ms-transform: rotate(-90deg);
                            transform: rotate(-90deg);
                            margin-left: 5px;
                            color: #888888;
                            font-size: 12px;
                            font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        }

                div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionFour {
                    padding-top: 20px;
                    height: auto;
                    display: block;
                    text-align: left;
                    margin-bottom: 15px;
                    margin-left: 15px;
                    margin-right: 15px;
                }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionFour p.headerText {
                        font-size: 12px;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        color: #666666;
                    }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionFour ul.pointsText {
                        list-style: none;
                        padding: 0px;
                        margin-left: 0px;
                        letter-spacing: -0.42px;
                        color: #666666;
                        font-size: 11px;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                    }

                        div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionFour ul.pointsText li {
                            background-image: url("../images/prepaidHomeTT/check_ico.png");
                            background-repeat: no-repeat;
                            background-position: center left;
                            background-size: 15px;
                            padding-left: 20px;
                            line-height: 25px;
                        }

                    div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionFour span {
                        font-size: 11px;
                        font-weight: normal;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        letter-spacing: -0.26px;
                        color: #888888;
                        display: block;
                        text-align: center;
                        cursor: pointer;
                    }

                        div.nonMobileViewManagePlans div.backGroundForListOfPlans div.availablePackage div.divTwo div.sectionFour span::after {
                            content: "<";
                            display: inline-block;
                            -webkit-transform: rotate(90deg);
                            -moz-transform: rotate(90deg);
                            -o-transform: rotate(90deg);
                            -ms-transform: rotate(90deg);
                            transform: rotate(90deg);
                            margin-left: 5px;
                            color: #888888;
                            font-size: 12px;
                            font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        }

@media only screen and (max-width: 1020px) {
    div.nonMobileViewManagePlans {
        display: none;
    }

    div.mobileViewManagePlans {
        display: block;
    }
}

@media only screen and (min-width: 1021px) {
    div.nonMobileViewManagePlans {
        display: block;
    }

    .confirmarpedidotext.display-inline { /*MDTV-2220-CO-RemoteControl*/
        display: inline !important;
    }

    div.mobileViewManagePlans {
        display: none;
    }
}
/* Custom styles for `MDTV-429 - CA Prepaid: Plans Page Desktop` ends here */
/* Custom styles for `MDTV-564 - CA Prepaid: Plans Page Mobile` starts here */
div.mobileViewManagePlans {
    background-color: #F7F8FA;
}

    div.mobileViewManagePlans div.sectionOne {
        height: 210px;
        width: 100%;
        background-color: #FFBE00;
    }

        div.mobileViewManagePlans div.sectionOne div.divOne {
            height: 18%;
            left: 5%;
            width: 100%;
            padding-top: 3.5%;
        }

            div.mobileViewManagePlans div.sectionOne div.divOne div.backInMobile img.backIcon {
                display: inline-block;
                width: 30px;
                vertical-align: initial;
                cursor: pointer;
            }

            div.mobileViewManagePlans div.sectionOne div.divOne div.backInMobile {
                display: inline-block;
                width: 7%;
                text-align: left;
                vertical-align: middle;
                margin-left: 2%;
                cursor: pointer;
            }

            div.mobileViewManagePlans div.sectionOne div.divOne div.searchBarInMobile {
                display: inline-block;
                width: 80%;
            }

                div.mobileViewManagePlans div.sectionOne div.divOne div.searchBarInMobile.withBG {
                    background-image: url('../images/prepaidHomeTT/search_ico-tt.png');
                    background-position: 97% 25%;
                    background-repeat: no-repeat;
                }

                div.mobileViewManagePlans div.sectionOne div.divOne div.searchBarInMobile h5.pageHeading {
                    display: block;
                    text-align: center;
                    font-weight: bold;
                    color: #222222;
                    font-size: 17px;
                    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                    text-transform: capitalize;
                    cursor: pointer;
                }

                    div.mobileViewManagePlans div.sectionOne div.divOne div.searchBarInMobile h5.pageHeading span.arrowDown::after {
                        content: "^";
                        display: inline-block;
                        -webkit-transform: rotate(-180deg);
                        -moz-transform: rotate(-180deg);
                        -o-transform: rotate(-180deg);
                        -ms-transform: rotate(-180deg);
                        transform: rotate(-180deg);
                        margin-left: 7px;
                        color: #222222;
                        font-size: 1em;
                        font-weight: 500;
                        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                        height: 13px;
                        vertical-align: middle;
                    }

                div.mobileViewManagePlans div.sectionOne div.divOne div.searchBarInMobile img.searchIcon {
                    display: inline-block;
                    width: 23px;
                }

            div.mobileViewManagePlans div.sectionOne div.divOne div.menuInMobile img.menuIcon {
                display: inline-block;
                width: 30px;
                vertical-align: initial;
                cursor: pointer;
            }

            div.mobileViewManagePlans div.sectionOne div.divOne div.menuInMobile {
                display: inline-block;
                width: 7%;
                text-align: right;
                vertical-align: middle;
                cursor: pointer;
            }

        div.mobileViewManagePlans div.sectionOne div.divTwo {
            height: 82%;
            width: 100%;
            padding-left: 7%;
            padding-right: 5%;
            padding-top: 45px;
        }

            div.mobileViewManagePlans div.sectionOne div.divTwo div.headLinePlanInfoBlock {
                height: 100%;
            }

                div.mobileViewManagePlans div.sectionOne div.divTwo div.headLinePlanInfoBlock div.planInfoDiv {
                    text-align: left;
                    display: inline-block;
                    width: 49%;
                    height: 100%;
                }

                    div.mobileViewManagePlans div.sectionOne div.divTwo div.headLinePlanInfoBlock div.planInfoDiv div.planText {
                        color: #222222;
                        font-size: 1.25em;
                        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, Sans-serif;
                        font-weight: 500;
                        display: block;
                    }

                    div.mobileViewManagePlans div.sectionOne div.divTwo div.headLinePlanInfoBlock div.planInfoDiv div.planName {
                        color: #333333;
                        font-size: 2em;
                        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                        font-weight: bold;
                        display: block;
                        margin-top: 10px;
                        text-transform: capitalize;
                    }

                div.mobileViewManagePlans div.sectionOne div.divTwo div.headLinePlanInfoBlock div.addAPremiumDiv {
                    text-align: right;
                    display: inline-block;
                    width: 49%;
                    height: 100%;
                    float: right;
                }

                    div.mobileViewManagePlans div.sectionOne div.divTwo div.headLinePlanInfoBlock div.addAPremiumDiv small.addAPremium {
                        padding-top: 8px;
                        padding-bottom: 6px;
                        padding-left: 10px;
                        padding-right: 10px;
                        border-radius: 20px;
                        border: 0.5px solid #101010;
                        letter-spacing: -0.12px;
                        color: #101010;
                        font-size: 13px;
                        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                        line-height: 60px;
                        font-weight: 600;
                    }

                    div.mobileViewManagePlans div.sectionOne div.divTwo div.headLinePlanInfoBlock div.addAPremiumDiv a:hover,
                    div.mobileViewManagePlans div.sectionOne div.divTwo div.headLinePlanInfoBlock div.addAPremiumDiv a:focus,
                    div.mobileViewManagePlans div.sectionOne div.divTwo div.headLinePlanInfoBlock div.addAPremiumDiv a:active,
                    div.mobileViewManagePlans div.sectionOne div.divTwo div.headLinePlanInfoBlock div.addAPremiumDiv a:visited {
                        outline: 0;
                    }

    div.mobileViewManagePlans div.sectionTwo, div.mobileViewManagePlans div.sectionThree {
        padding-left: 20px;
        padding-right: 20px;
    }

        div.mobileViewManagePlans div.sectionTwo div.headLinePackagesInfoBlock, div.mobileViewManagePlans div.sectionThree div.headLineSetTopBoxInfoBlock {
            display: block;
            height: 20px;
        }

            div.mobileViewManagePlans div.sectionTwo div.headLinePackagesInfoBlock div.headerText, div.mobileViewManagePlans div.sectionThree div.headLineSetTopBoxInfoBlock div.headerText {
                display: inline-block;
                font-size: 16px;
                text-align: left;
                font-weight: bold;
                text-transform: uppercase;
                color: #222222;
                font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                letter-spacing: 0.5px;
            }

            div.mobileViewManagePlans div.sectionTwo div.headLinePackagesInfoBlock div.headerText {
                width: 68%;
            }

            div.mobileViewManagePlans div.sectionTwo div.headLinePackagesInfoBlock div.addMoreDiv {
                display: inline-block;
                text-align: right;
                width: 30%;
            }

                div.mobileViewManagePlans div.sectionTwo div.headLinePackagesInfoBlock div.addMoreDiv small.addMore {
                    background-color: #ECECEF;
                    padding-top: 5px;
                    padding-bottom: 5px;
                    padding-left: 10px;
                    padding-right: 10px;
                    border-radius: 15px;
                    border: 0.5px solid #ECECEF;
                    letter-spacing: -0.12px;
                    color: #0880CB;
                    font-size: 14px;
                    font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                }

        div.mobileViewManagePlans div.sectionTwo div.packagesInfoBlock, div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock {
            display: block;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 3px 3px 10px #ecebeb;
            border: 0.5px solid #DDDDDD;
            border-radius: 5px;
            margin-top: 12px;
        }

            div.mobileViewManagePlans div.sectionTwo div.packagesInfoBlock ul, div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock ul {
                list-style: none;
                margin: 0px;
            }

            div.mobileViewManagePlans div.sectionTwo div.packagesInfoBlock > ul, div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock > ul {
                padding-left: 20px;
                padding-right: 20px;
            }

                div.mobileViewManagePlans div.sectionTwo div.packagesInfoBlock > ul > li > ul, div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock > ul > li > ul {
                    min-height: 65px;
                    padding-top: 14px;
                    padding-bottom: 13px;
                    border-top: 0.5px solid #DDDDDD;
                }

                div.mobileViewManagePlans div.sectionTwo div.packagesInfoBlock > ul > li:first-child > ul,
                div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock > ul > li:first-child > ul {
                    border-top: none;
                }

            div.mobileViewManagePlans div.sectionTwo div.packagesInfoBlock ul li.textForPackageName,
            div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock ul li.textForSetTopBoxName {
                font-weight: bold;
                font-size: 17px;
                text-align: left;
                color: #222222;
            }

            div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock ul li.textForSetTopBoxDetailsOne {
                font-size: 16px;
                text-align: left;
                color: #333333;
            }

            div.mobileViewManagePlans div.sectionTwo div.packagesInfoBlock ul li.textForChannelsCount,
            div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock ul li.textForSetTopBoxDetailsTwo,
            div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock ul li.textForSetTopBoxDetailsThree {
                font-size: 16px;
                text-align: left;
                color: #666666;
            }

            div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock ul li.textForSetTopBoxName a {
                float: right;
                font-size: 16px;
            }

                div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock ul li.textForSetTopBoxName a:hover,
                div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock ul li.textForSetTopBoxName a:focus,
                div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock ul li.textForSetTopBoxName a:active,
                div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock ul li.textForSetTopBoxName a:visited {
                    outline: 0;
                }

            div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock div.problemExperienceInfoBlock {
                border-top: 1px solid #E1E1E6;
                padding: 10px 20px;
                color: #666666;
                line-height: 23px;
                font-size: 15.5px;
            }

                div.mobileViewManagePlans div.sectionThree div.setTopBoxInfoBlock div.problemExperienceInfoBlock span.resetSignalLink {
                    color: #1184CC;
                    cursor: pointer;
                }

    div.mobileViewManagePlans div.mobileAddMorePackagesDiv {
        background: #222222 0% 0% no-repeat padding-box;
        position: fixed;
        z-index: 9999;
        top: 0px;
        height: 100%;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.completeSection {
            width: 100vw;
        }

        div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.headerSection {
            padding: 10px;
        }

            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.headerSection div.closeButton {
                color: #BBBBBB;
                display: block;
                font-size: 20px;
                text-align: right;
                cursor: pointer;
            }

            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.headerSection div.addPackageText {
                color: #CCCCCC;
                display: block;
                font-size: 18px;
                padding-left: 5px;
                font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
            }

        div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.mainSection {
            overflow: scroll;
            padding-left: 10px;
        }

            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.mainSection div.rowOne {
                width: -webkit-max-content;
                width: -moz-max-content;
                width: max-content;
            }

        div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.packageTypeTab {
            display: inline-block;
            height: 20px;
            margin-right: 10px;
            padding-left: 5px;
        }

            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.packageTypeTab.active {
                border-bottom: 1px solid #FFFFFF;
            }

            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.packageTypeTab div.headerText {
                display: inline-block;
                font-size: 16px;
                text-align: left;
                font-weight: bold;
                text-transform: uppercase;
                color: #FFFFFF;
                cursor: pointer;
                font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                letter-spacing: 0.5px;
            }

            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.packageTypeTab.active div.headerText {
                cursor: default;
            }

        div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage {
            width: 325px;
            height: auto;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.10196078431372549);
            border-radius: 5px;
            display: block;
            float: left;
            margin-right: 10px;
            margin-bottom: 20px;
        }

            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divOne {
                background: transparent linear-gradient(270deg, #F5AD0B 0%, #FFBE01 100%) 0% 0% no-repeat padding-box;
                border-radius: 5px 5px 0px 0px;
                height: 50px;
                padding-left: 20px;
                padding-right: 20px;
                line-height: 50px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

                div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divOne img.packageImage.onHeader {
                    width: 65px;
                    margin-right: 5px;
                }

                div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divOne span.packageName {
                    font-size: 20px;
                    text-align: left;
                    font-weight: bold;
                    text-transform: uppercase;
                    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
                    letter-spacing: 0px;
                    color: #111111;
                    vertical-align: middle;
                }

            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo {
                padding-top: 25px;
            }

                div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionA {
                    height: 85px;
                    margin-left: 20px;
                    margin-right: 20px;
                }

                    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionA div.leftSection {
                        width: 60%;
                        height: 100%;
                        float: left;
                        display: inline-block;
                    }

                    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionA div.rightSection {
                        width: 40%;
                        height: 100%;
                        float: left;
                        display: inline-block;
                    }

                    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionA div.leftSection h1.packagePrice {
                        font-size: 30px;
                        text-align: left;
                        font-weight: bold;
                        letter-spacing: -1.08px;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        color: #111111;
                        margin: 0px;
                    }

                        div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionA div.leftSection h1.packagePrice span.atTheRateText {
                            font-size: 14px;
                            text-align: left;
                            font-weight: bold;
                            font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                            letter-spacing: 0px;
                            color: #222222;
                            margin-left: 3px;
                        }

                    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionA div.leftSection span.infoText {
                        font-size: 14px;
                        text-align: left;
                        font-weight: bold;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        letter-spacing: -0.28px;
                        color: #111111;
                    }

                    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionA div.rightSection span.addToPlan {
                        position: relative;
                        top: 10px;
                        cursor: pointer;
                        display: block;
                        background: #EEEEEF 0% 0% no-repeat padding-box;
                        border-radius: 30px;
                        letter-spacing: -0.22px;
                        color: #0880CB;
                        font-size: 11px;
                        padding-top: 10px;
                        padding-bottom: 10px;
                        font-weight: bold;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        text-align: center;
                    }

                div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.smallDivider {
                    display: block;
                    width: 10%;
                    background-color: #333333;
                    height: 2px;
                    margin-left: 20px;
                    margin-right: 20px;
                }

                div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionB {
                    margin-top: 10px;
                    margin-bottom: 20px;
                    height: auto;
                }

                    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionB.withBoxShadow {
                        box-shadow: 3px 7px 10px rgba(0, 0, 0, 0.1);
                    }

                    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionB div.topSection {
                        display: block;
                        height: 50px;
                        margin-left: 20px;
                        margin-right: 20px;
                    }

                        div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionB div.topSection div.packageImageWrapper {
                            width: 25%;
                            height: 50px;
                            display: block;
                            float: left;
                            line-height: 50px;
                        }

                            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionB div.topSection div.packageImageWrapper img.packageImage {
                                width: 50px;
                                margin-right: 5px;
                            }

                    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionB div.bottomSection {
                        display: block;
                        height: 50px;
                        margin-left: 20px;
                        margin-right: 20px;
                    }

                        div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionB div.bottomSection div.packageImageWrapper {
                            width: 25%;
                            height: 50px;
                            display: block;
                            float: left;
                            line-height: 50px;
                        }

                            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionB div.bottomSection div.packageImageWrapper img.packageImage {
                                width: 50px;
                                margin-right: 5px;
                            }

                div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionC {
                    padding-top: 20px;
                    height: auto;
                    display: block;
                    text-align: left;
                    margin-bottom: 15px;
                    margin-left: 20px;
                    margin-right: 20px;
                    border-top: 1px solid #DEDEE5;
                }

                    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionC p.headerText {
                        font-size: 15px;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                        color: #666666;
                        margin-bottom: 10px;
                    }

                    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionC ul.pointsText {
                        list-style: none;
                        padding: 0px;
                        margin-left: 0px;
                        letter-spacing: -0.42px;
                        color: #666666;
                        font-size: 14px;
                        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
                    }

                        div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionC ul.pointsText li {
                            line-height: 25px;
                        }

                            div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage div.divTwo div.sectionC ul.pointsText li img.checkMarkImage {
                                width: 20px;
                                vertical-align: middle;
                                margin-right: 3px;
                            }

@media only screen and (max-width: 355px) {
    div.mobileViewManagePlans div.mobileAddMorePackagesDiv div.availablePackage {
        width: 90vw;
    }
}
/* Custom styles for `MDTV-564 - CA Prepaid: Plans Page Mobile` ends here */
/* CA Prepaid: Plans Page starts here */
/* Custom styles for MDTV-212 - AR - Nueva Política de Protección de Datos starts here */
label.labelForTCPP {
    font-size: 12px;
}
/* Custom styles for MDTV-212 - AR - Nueva Política de Protección de Datos ends here */
/*****Custom Styles MDTV-189 & MDTV-217 starts here *****/
ul.not-styled-list, ul.not-styled-list li {
    list-style-type: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
/*****Custom Styles MDTV-189 & MDTV-217 ends here *****/
/* Custom Styles for MDTV-193, MDTV-194, MDTV-195, MDTV-196 - CO, EC, PE, UY Extentions Commands UI starts here */
div.codigosDialogBox {
    position: fixed;
    max-height: 80vh;
    top: calc((100vh - 80vh)/2); /* `80vh` is the max-height of `div.codigosDialogBox` */
    width: 600px;
    left: calc((100vw - 600px)/2); /* `600px` is the width of `div.codigosDialogBox` */
    background: #fff;
    z-index: 9999;
    border-radius: 10px;
    box-shadow: 0 0 3px;
    overflow-y: auto;
    overflow-x: hidden;
}

    div.codigosDialogBox div#beforeButtonClick {
        height: 295px;
    }

    div.codigosDialogBox div#afterButtonClickSuccess, div.codigosDialogBox div#afterButtonClickError {
        height: 250px;
    }

    div.codigosDialogBox div.closeCodigosDialogBox {
        display: block;
        width: 100%;
        text-align: right;
        padding-right: 10px;
    }

        div.codigosDialogBox div.closeCodigosDialogBox span {
            cursor: pointer;
            color: #777777;
        }

    div.codigosDialogBox div#sectionOne,
    div.codigosDialogBox div#sectionTwo,
    div.codigosDialogBox div#sectionThree,
    div.codigosDialogBox button#sectionFour,
    div.codigosDialogBox div#sectionFive,
    div.codigosDialogBox div#sectionSix,
    div.codigosDialogBox div#sectionSeven,
    div.codigosDialogBox div#sectionEight,
    div.codigosDialogBox div#sectionNine,
    div.codigosDialogBox div#sectionTen {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0px 10px 0px 10px;
    }

    div.codigosDialogBox div#sectionOne, div.codigosDialogBox div#sectionFive, div.codigosDialogBox div#sectionEight {
        padding-bottom: 10px;
    }

    div.codigosDialogBox div#sectionTwo h6 b, div.codigosDialogBox div#sectionSix h6 b, div.codigosDialogBox div#sectionNine h6 b {
        font-family: "DIRECTVCurve Regular" !important;
    }

    div.codigosDialogBox div#sectionOne img, div.codigosDialogBox div#sectionFive img, div.codigosDialogBox div#sectionEight img {
        width: 50px;
    }

    div.codigosDialogBox div#sectionTwo small.muchSmaller, div.codigosDialogBox div#sectionSix small.muchSmaller, div.codigosDialogBox div#sectionNine small.muchSmaller {
        font-size: 11px;
    }

    div.codigosDialogBox div#sectionThree {
        padding-top: 20px;
    }

        div.codigosDialogBox div#sectionThree small.toBeBlock {
            display: block;
        }

        div.codigosDialogBox div#sectionThree div.codigoSection {
            margin-top: 10px;
            width: 50%;
            border: 1px solid #4788C7;
            border-radius: 7px;
            display: inline-block;
            height: 33px;
        }

            div.codigosDialogBox div#sectionThree div.codigoSection div#codigoOne,
            div.codigosDialogBox div#sectionThree div.codigoSection div#codigoTwo,
            div.codigosDialogBox div#sectionThree div.codigoSection div#codigoThree {
                display: inline-block;
                width: 33.3%;
                height: 32px;
                padding-top: 10px;
                padding-bottom: 10px;
                font-size: 12px;
                cursor: pointer;
                float: left;
            }

            div.codigosDialogBox div#sectionThree div.codigoSection div#codigoOne {
                border-radius: 5px 0 0 5px;
            }

            div.codigosDialogBox div#sectionThree div.codigoSection div#codigoThree {
                border-radius: 0 5px 5px 0;
            }

            div.codigosDialogBox div#sectionThree div.codigoSection div#codigoTwo {
                border-left: 1px solid #4788C7;
                border-right: 1px solid #4788C7;
            }

    div.codigosDialogBox button#sectionFour {
        position: absolute;
        bottom: 0px;
        height: 35px;
        background-color: #9EBBD8;
        border-radius: 0 0 5px 5px;
    }

        div.codigosDialogBox button#sectionFour span {
            font-size: 10px;
            font-weight: bold;
            color: #fff;
            height: 34px;
            display: inline-block;
            vertical-align: middle;
            line-height: 34px;
        }

            div.codigosDialogBox button#sectionFour span img {
                width: 11px;
            }

    div.codigosDialogBox div#sectionFive, div.codigosDialogBox div#sectionEight {
        padding-top: 25px;
    }

    div.codigosDialogBox div#sectionSix, div.codigosDialogBox div#sectionNine {
        padding-top: 10px;
    }

    div.codigosDialogBox div#sectionSeven, div.codigosDialogBox div#sectionTen {
        border-top: 1px solid #707070;
        position: absolute;
        bottom: 0px;
        height: 35px;
        border-radius: 0 0 5px 5px;
    }

        div.codigosDialogBox div#sectionSeven span, div.codigosDialogBox div#sectionTen span {
            font-size: 11px;
            color: #888888;
            height: 34px;
            display: inline-block;
            padding-top: 10px;
            cursor: pointer;
        }

div.selectedCodigo, button.selectedCodigo {
    color: #fff !important;
    background-color: #4788C7 !important;
}

div.wimt-dialog-box {
    position: fixed;
    max-height: 80vh;
    top: calc((100vh - 80vh)/2); /* `80vh` is the max-height of `div.codigosDialogBox` */
    width: 600px;
    left: calc((100vw - 600px)/2); /* `600px` is the width of `div.codigosDialogBox` */
    background: #fff;
    z-index: 9999;
    border-radius: 10px;
    box-shadow: 0 0 3px;
    overflow-y: auto;
    overflow-x: hidden;
}

.button-container {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
}

@media only screen and (max-width: 600px) {
    div.codigosDialogBox {
        width: 90vw;
        left: calc((100vw - 90vw)/2); /* `90vw` is the width of `div.codigosDialogBox` */
    }

        div.codigosDialogBox div#beforeButtonClick {
            height: 325px;
        }

        div.codigosDialogBox div#afterButtonClickSuccess, div.codigosDialogBox div#afterButtonClickError {
            height: 310px;
        }

        div.codigosDialogBox div#sectionThree div.codigoSection {
            width: 90%;
        }

    div.wimt-dialog-box {
        width: 90vw;
        left: calc((100vw - 90vw)/2); /* `90vw` is the width of `div.codigosDialogBox` */
    }
}
/* Custom Styles for MDTV-193, MDTV-194, MDTV-195, MDTV-196 - CO, EC, PE, UY Extentions Commands UI ends here */
/* Custom Styles for `MDTV-127 - EC - Postpaid Online Payment : New page with amounts to pay` starts here */
.fontSizeLarger {
    font-size: 50px !important;
    font-size: 3.1rem !important;
}

.colorChange {
    color: #a6a6a6;
}

@media only screen and (max-width: 580px) {
    img#imageOne {
        width: 100% !important;
    }

    img#imageTwo {
        width: 100% !important;
    }
}
/* Custom Styles for MDTV-193, MDTV-194, MDTV-195, MDTV-196 - CO, EC, PE, UY Extentions Commands UI ends here */
/* Custom Styles for `MDTV-127 - EC - Postpaid Online Payment : New page with amounts to pay` starts here */
.fontSizeLarger {
    font-size: 50px !important;
    font-size: 3.1rem !important;
}

.colorChange {
    color: #a6a6a6;
}

@media only screen and (max-width: 580px) {
    img#imageOne {
        width: 100% !important;
    }

    img#imageTwo {
        width: 100% !important;
    }
}
/* Custom Styles for `MDTV-127 - EC - Postpaid Online Payment : New page with amounts to pay` ends here */
/* Custom styles for `MDTV-111 - CA Prepaid: Recharge Locations` starts here */
div.rechargeLocationsDialogBox {
    position: fixed;
    top: 30%;
    right: 50%;
    background: #fff;
    z-index: 9999;
    width: 325px;
    height: 250px;
    margin-right: -162.5px; /* Should set to half of the width of this element */
    border-radius: 5px;
}

    div.rechargeLocationsDialogBox div#sectionOne,
    div.rechargeLocationsDialogBox div#sectionTwo,
    div.rechargeLocationsDialogBox div#sectionThree,
    div.rechargeLocationsDialogBox div#sectionFour {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0px 30px 0px 30px;
    }

    div.rechargeLocationsDialogBox div#sectionOne {
        padding-top: 25px;
    }

    div.rechargeLocationsDialogBox div#sectionTwo, div.rechargeLocationsDialogBox div#sectionThree {
        padding-top: 15px;
    }

        div.rechargeLocationsDialogBox div#sectionTwo div.firstImage,
        div.rechargeLocationsDialogBox div#sectionTwo div.secondImage,
        div.rechargeLocationsDialogBox div#sectionTwo div.seperatorLine {
            display: inline-block;
            height: 70px;
        }

        div.rechargeLocationsDialogBox div#sectionTwo div.firstImage,
        div.rechargeLocationsDialogBox div#sectionTwo div.secondImage {
            width: 45%;
            background-repeat: no-repeat;
            background-size: 100% 100%;
            cursor: pointer;
        }

            div.rechargeLocationsDialogBox div#sectionTwo div.firstImage.fullLength {
            }

        div.rechargeLocationsDialogBox div#sectionTwo div.seperatorLine {
            border: 0.5px solid #b5b5b5;
        }

        div.rechargeLocationsDialogBox div#sectionThree small.muchSmaller {
            font-size: 11px;
        }

    div.rechargeLocationsDialogBox div#sectionFour {
        border-top: 1px solid #dedede;
        position: absolute;
        bottom: 0px;
        height: 35px;
        border-radius: 0 0 5px 5px;
        background-color: #ECECEC;
    }

        div.rechargeLocationsDialogBox div#sectionFour span {
            font-size: 11px;
            color: #888888;
            height: 34px;
            display: inline-block;
            padding-top: 10px;
            cursor: pointer;
        }

@media only screen and (max-width: 600px) {
    div.rechargeLocationsDialogBox {
        width: 300px;
        margin-right: -150px; /* Should set to half of the width of this element */
    }
}
/* Custom styles for `MDTV-111 - CA Prepaid: Recharge Locations` ends here */
/* Some additional responsive styles related to CA Prepaid starts here. */
@media only screen and (min-width: 1200px) {
    html#onlyForTTPrepaid body div.nonMobileView div.overridden {
        font-size: 17px;
    }

    div#rightHalf div.rightMain .lineOne {
        bottom: 15px;
    }
}

@media only screen and (min-width: 1300px) {
    html#onlyForTTPrepaid body div.nonMobileView div.overridden {
        font-size: 18px;
    }

    div#rightHalf div.rightMain .lineOne {
        bottom: 15px;
    }
}

@media only screen and (min-width: 1400px) {
    html#onlyForTTPrepaid body div.nonMobileView div.overridden {
        font-size: 19px;
    }

    div#rightHalf div.rightMain .lineOne {
        bottom: 16px;
    }
}

@media only screen and (min-width: 1500px) {
    html#onlyForTTPrepaid body div.nonMobileView div.overridden {
        font-size: 20px;
    }

    div#rightHalf div.rightMain .lineOne {
        bottom: 17px;
    }
}

@media only screen and (min-width: 1600px) {
    html#onlyForTTPrepaid body div.nonMobileView div.overridden {
        font-size: 21px;
    }

    div#rightHalf div.rightMain .lineOne {
        bottom: 17px;
    }
}

@media only screen and (min-width: 1700px) {
    html#onlyForTTPrepaid body div.nonMobileView div.overridden {
        font-size: 22px;
    }

    div#rightHalf div.rightMain .lineOne {
        bottom: 18px;
    }
}

@media only screen and (min-width: 1800px) {
    html#onlyForTTPrepaid body div.nonMobileView div.overridden {
        font-size: 23px;
    }

    div#rightHalf div.rightMain .lineOne {
        bottom: 18px;
    }
}

@media only screen and (min-width: 1900px) {
    html#onlyForTTPrepaid body div.nonMobileView div.overridden {
        font-size: 24px;
    }

    div#rightHalf div.rightMain .lineOne {
        bottom: 19px;
    }
}

@media only screen and (min-width: 1300px) and (max-width: 1499px) {
    html#onlyForTTPrepaid body div.headerAndMenuSection,
    html#onlyForTTPrepaid body div.headerAndMenuSection div.menuSection ul,
    html#onlyForTTPrepaid body div.newSearchBoxUI,
    html#onlyForTTPrepaid body div.newSearchBoxUI div.secondSection ul,
    html#onlyForTTPrepaid body div.searchSuggestionsBox,
    html#onlyForTTPrepaid body div.searchSuggestionsBox ul,
    html#onlyForTTPrepaid body div.verticalRightMenu,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionA,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionB,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionB div.accountsInfoBlock ul,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionC,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionC div.signOutBlock ul {
        font-size: 17px;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1699px) {
    html#onlyForTTPrepaid body div.headerAndMenuSection,
    html#onlyForTTPrepaid body div.headerAndMenuSection div.menuSection ul,
    html#onlyForTTPrepaid body div.newSearchBoxUI,
    html#onlyForTTPrepaid body div.newSearchBoxUI div.secondSection ul,
    html#onlyForTTPrepaid body div.searchSuggestionsBox,
    html#onlyForTTPrepaid body div.searchSuggestionsBox ul,
    html#onlyForTTPrepaid body div.verticalRightMenu,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionA,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionB,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionB div.accountsInfoBlock ul,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionC,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionC div.signOutBlock ul {
        font-size: 18px;
    }
}

@media only screen and (min-width: 1700px) and (max-width: 1899px) {
    html#onlyForTTPrepaid body div.headerAndMenuSection,
    html#onlyForTTPrepaid body div.headerAndMenuSection div.menuSection ul,
    html#onlyForTTPrepaid body div.newSearchBoxUI,
    html#onlyForTTPrepaid body div.newSearchBoxUI div.secondSection ul,
    html#onlyForTTPrepaid body div.searchSuggestionsBox,
    html#onlyForTTPrepaid body div.searchSuggestionsBox ul,
    html#onlyForTTPrepaid body div.verticalRightMenu,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionA,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionB,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionB div.accountsInfoBlock ul,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionC,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionC div.signOutBlock ul {
        font-size: 19px;
    }
}

@media only screen and (min-width: 1900px) {
    html#onlyForTTPrepaid body div.headerAndMenuSection,
    html#onlyForTTPrepaid body div.headerAndMenuSection div.menuSection ul,
    html#onlyForTTPrepaid body div.newSearchBoxUI,
    html#onlyForTTPrepaid body div.newSearchBoxUI div.secondSection ul,
    html#onlyForTTPrepaid body div.searchSuggestionsBox,
    html#onlyForTTPrepaid body div.searchSuggestionsBox ul,
    html#onlyForTTPrepaid body div.verticalRightMenu,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionA,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionB,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionB div.accountsInfoBlock ul,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionC,
    html#onlyForTTPrepaid body div.verticalRightMenu div.sectionC div.signOutBlock ul {
        font-size: 20px;
    }
}
/* Some additional responsive styles related to CA Prepaid ends here. */
/* Custom styles for `MDTV-270 - VE PPA Thank you Page` starts here */
.caja_contenido p {
    color: #494b4c;
    line-height: 24px;
}

.caja_contenido ul.list li {
    padding-bottom: 10px;
    list-style: decimal;
    list-style-type: decimal;
    margin-left: 0px;
}

    .caja_contenido ul.list li ul li {
        margin-left: 20px;
    }

        .caja_contenido ul.list li ul li:first-child {
            padding-top: 10px;
        }

    .caja_contenido ul.list li ul.list li, .caja_contenido ul.list li ul.list li:last-child {
        padding-bottom: 10px;
    }

    .caja_contenido ul.list li:last-child {
        padding-bottom: 0;
    }

.caja_contenido ul.Lista {
    padding-top: 10px;
    margin-left: 0px;
}

    .caja_contenido ul.Lista li {
        line-height: 21px;
        padding: 0 0 10px 30px;
        background: url('../images/Bullet.png') no-repeat scroll 0 0;
        width: 90%;
        list-style: none;
        list-style-type: none;
        margin-left: 0px;
    }

.caja_contenido .tercio {
    width: 30%;
    float: left;
}

.caja_contenido ul.list-with-bullets, .caja_contenido ul.list-with-bullets li {
    list-style: inside !important;
    margin-left: 0px;
}
/*paddings top and bottom
 -------------------------------------------------*/
.aditional-padding-5 {
    padding: 5px 0;
}

.aditional-padding-10 {
    padding: 10px 0;
}

.aditional-padding-15 {
    padding: 15px 0;
}

.aditional-padding-20 {
    padding: 20px 0;
}

.aditional-padding-25 {
    padding: 25px 0;
}

.aditional-padding-30 {
    padding: 30px 0;
}

.aditional-padding-35 {
    padding: 35px 0;
}

.aditional-padding-40 {
    padding: 40px 0;
}

.aditional-padding-45 {
    padding: 45px 0;
}

.aditional-padding-50 {
    padding: 50px 0;
}

.aditional-padding-55 {
    padding: 55px 0;
}

.aditional-padding-55 {
    padding: 60px 0;
}
/*only top*/
.aditional-padding-0 {
    padding: 0;
}

.aditional-padding-0-top {
    padding-top: 0;
}

.aditional-padding-5-top {
    padding-top: 5px
}

.aditional-padding-10-top {
    padding-top: 10px
}

.aditional-padding-15-top {
    padding-top: 15px
}

.aditional-padding-20-top {
    padding-top: 20px
}

.aditional-padding-25-top {
    padding-top: 25px
}

.aditional-padding-30-top {
    padding-top: 30px
}

.aditional-padding-35-top {
    padding-top: 35px
}

.aditional-padding-top {
    padding-top: 35px
}

.aditional-padding-45-top {
    padding-top: 45px
}

.aditional-padding-50-top {
    padding-top: 50px
}

.aditional-padding-55-top {
    padding-top: 55px
}

.aditional-padding-60-top {
    padding-top: 60px
}

.aditional-padding-70-top {
    padding-top: 70px
}
/*only bottom*/
.aditional-padding-0-bottom {
    padding-bottom: 0px
}

.aditional-padding-5-bottom {
    padding-bottom: 5px
}

.aditional-padding-10-bottom {
    padding-bottom: 10px
}

.aditional-padding-15-bottom {
    padding-bottom: 15px
}

.aditional-padding-20-bottom {
    padding-bottom: 20px
}

.aditional-padding-25-bottom {
    padding-bottom: 25px
}

.aditional-padding-30-bottom {
    padding-bottom: 30px
}

.aditional-padding-35-bottom {
    padding-bottom: 35px
}

.aditional-padding-40-bottom {
    padding-bottom: 40px
}

.aditional-padding-45-bottom {
    padding-bottom: 45px
}

.aditional-padding-50-bottom {
    padding-bottom: 50px
}

.aditional-padding-55-bottom {
    padding-bottom: 55px
}

.aditional-padding-55-bottom {
    padding-bottom: 60px
}
/*only right*/
.aditional-padding-0-right {
    padding-right: 0px
}

.aditional-padding-5-right {
    padding-right: 5px
}

.aditional-padding-10-right {
    padding-right: 10px
}

.aditional-padding-15-right {
    padding-right: 15px
}

.aditional-padding-20-right {
    padding-right: 20px
}

.aditional-padding-25-right {
    padding-right: 25px
}

.aditional-padding-30-right {
    padding-right: 30px
}

.aditional-padding-35-right {
    padding-right: 35px
}

.aditional-padding-40-right {
    padding-right: 40px
}

.aditional-padding-45-right {
    padding-right: 45px
}

.aditional-padding-50-right {
    padding-right: 50px
}

.aditional-padding-55-right {
    padding-right: 55px
}

.aditional-padding-55-right {
    padding-right: 60px
}
/*only left*/
.aditional-padding-0-left {
    padding-left: 0px
}

.aditional-padding-5-left {
    padding-left: 5px
}

.aditional-padding-10-left {
    padding-left: 10px
}

.aditional-padding-15-left {
    padding-left: 15px
}

.aditional-padding-20-left {
    padding-left: 20px
}

.aditional-padding-25-left {
    padding-left: 25px
}

.aditional-padding-30-left {
    padding-left: 30px
}

.aditional-padding-35-left {
    padding-left: 35px
}

.aditional-padding-40-left {
    padding-left: 40px
}

.aditional-padding-45-left {
    padding-left: 45px
}

.aditional-padding-50-left {
    padding-left: 50px
}

.aditional-padding-55-left {
    padding-left: 55px
}

.aditional-padding-55-left {
    padding-left: 60px
}

@media only screen and (max-width: 500px) {
    .caja_contenido .tercio {
        width: 45%;
    }
}

@media only screen and (max-width: 1000px) {
    .padLR10pxInNonMobileView {
        padding-left: 10px;
        padding-right: 10px;
    }

    .caja_contenido p, .caja_contenido ul.list li, .caja_contenido ul.list li ul.list li {
        font-size: 14px;
        line-height: 22px;
    }
}
/* Custom styles for `MDTV-270 - VE PPA Thank you Page` ends here */
/* Custom styles for MDTV-145 - AR Proactive NBO starts here */
.leftH6 {
    display: inline-block;
    width: 49%;
}

.rightH6 {
    display: inline-block;
    text-align: right;
    width: 50%;
}

@media only screen and (max-width: 540px) {
    .leftH6 {
        padding-bottom: 20px;
        width: 100%;
    }

    .rightH6 {
        text-align: left;
        width: 100%;
    }
}
/* Custom styles for MDTV-145 - AR Proactive NBO ends here */
/* Custom Styles for MDTV-240 Start */
div.grayLayoverPopup {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9998;
    width: 100%;
    height: 100%;
}

div.premiumPurchaseBox {
    position: fixed;
    top: 30%;
    right: 50%;
    background: #fff;
    z-index: 9999;
    width: 510px;
    margin-right: -255px; /* Should set to half of the width of this element */
    border-radius: 10px;
}

    div.premiumPurchaseBox div#beforeButtonClick, div.premiumPurchaseBox div#afterButtonClickSuccess, div.premiumPurchaseBox div#afterButtonClickError {
        height: 330px;
    }

    div.premiumPurchaseBox div.closepremiumPurchaseBox {
        display: block;
        width: 100%;
        text-align: right;
        padding: 10px 10px 0px 0px;
    }

        div.premiumPurchaseBox div.closepremiumPurchaseBox span {
            cursor: pointer;
            color: #777777;
        }

    div.premiumPurchaseBox div#sectionOne,
    div.premiumPurchaseBox div#sectionTwo,
    div.premiumPurchaseBox div#sectionThree,
    div.premiumPurchaseBox button#sectionFour,
    div.premiumPurchaseBox div#sectionFive,
    div.premiumPurchaseBox div#sectionSix,
    div.premiumPurchaseBox div#sectionSeven,
    div.premiumPurchaseBox div#sectionEight,
    div.premiumPurchaseBox div#sectionNine,
    div.premiumPurchaseBox div#sectionTen {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0px 10px 0px 10px;
    }

    div.premiumPurchaseBox div#sectionOne, div.premiumPurchaseBox div#sectionFive, div.premiumPurchaseBox div#sectionEight {
        padding-bottom: 10px;
        padding-top: 15px;
    }

        div.premiumPurchaseBox div#sectionOne h6 b, div.premiumPurchaseBox div#sectionSix h6 b {
            font-size: 27px;
        }

    div.premiumPurchaseBox div#sectionTwo h5 b {
        font-size: 20px;
    }

    div.premiumPurchaseBox div#sectionOne h6 b, div#sectionTwo h5 b, div.premiumPurchaseBox div#sectionSix h6 b, div.premiumPurchaseBox div#sectionNine h6 b,
    div.premiumPurchaseBox div#sectionTwo small.muchSmaller, div.premiumPurchaseBox div#sectionSix small.muchSmaller, div.premiumPurchaseBox div#sectionNine small.muchSmaller {
        font-family: "DIRECTVCurve Regular" !important;
    }

    div.premiumPurchaseBox div#sectionOne img, div.premiumPurchaseBox div#sectionFive img, div.premiumPurchaseBox div#sectionEight img {
        height: 71px;
        width: 80px;
    }

    div.premiumPurchaseBox div#sectionTwo small.muchSmaller, div.premiumPurchaseBox div#sectionSix small.muchSmaller, div.premiumPurchaseBox div#sectionNine small.muchSmaller {
        font-size: 16px;
    }

    div.premiumPurchaseBox div#sectionThree, div.premiumPurchaseBox div#sectionSeven, div.premiumPurchaseBox div#sectionTen {
        padding-top: 25px;
    }

        div.premiumPurchaseBox div#sectionThree input, div.premiumPurchaseBox div#sectionSeven input, div.premiumPurchaseBox div#sectionTen input {
            border-radius: 5px;
            opacity: 1;
            font-family: DIRECTVCurve Regular;
            font-size: 16px;
            height: 50px;
            text-align: center;
            position: inherit;
        }

#btnConfirmPP, #btnCancelPP {
    width: 195px;
}

#btnCancelPP, #btnClosePP {
    color: black;
    background-color: #e7e7e7;
}

#btnClosePP, #rechargeLocations {
    width: 380px;
}

#rechargeLocations {
    color: black;
    background-color: #ffbe01;
}

div.premiumPurchaseBox div#sectionFive, div.premiumPurchaseBox div#sectionEight {
    padding-top: 25px;
}

div.premiumPurchaseBox div#sectionSix, div.premiumPurchaseBox div#sectionNine {
    padding-top: 10px;
}

div.premiumPurchaseBox div#sectionSeven, div.premiumPurchaseBox div#sectionTen {
    bottom: 0px;
    height: 35px;
    border-radius: 0 0 5px 5px;
}

@media only screen and (max-width: 600px) {
    div.premiumPurchaseBox {
        width: 340px;
        margin-right: -170px; /* Should set to half of the width of this element */
    }

        div.premiumPurchaseBox div#beforeButtonClick, div.premiumPurchaseBox div#afterButtonClickSuccess, div.premiumPurchaseBox div#afterButtonClickError {
            height: 345px;
        }

    #btnConfirmPP, #btnCancelPP {
        width: 140px;
    }

    #btnClosePP, #rechargeLocations {
        width: 290px;
    }
}
/* Custom Styles for MDTV-240 End */
/* Custom styles for MDTV-292 - VE - Affiliation and disaffiliation to Interbank Mobile Payment starts here */
small.infoTextVE {
    color: #f80808;
}
/* Custom styles for MDTV-292 - VE - Affiliation and disaffiliation to Interbank Mobile Payment ends here */
/* Custom styles for MDTV-399 starts here */
div#simpleTextWarning small {
    color: #c60f13;
    font-style: italic;
    display: inline-block;
    font-size: 12px;
    padding-top: 10px;
}
/* Custom styles for MDTV-399 ends here */
/* Custom Styles for MDTV-256 Start */
div.grayLayoverRateBox {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 9998;
    width: 100%;
    height: 100%;
}

div.conversionRatesBox {
    position: fixed;
    top: 30%;
    right: 50%;
    background: #fff;
    z-index: 9999;
    width: 530px;
    margin-right: -265px; /* Should set to half of the width of this element */
    border-radius: 10px;
}

    div.conversionRatesBox div#beforeButtonClick {
        height: 400px;
    }

    div.conversionRatesBox div#sectionOne,
    div.conversionRatesBox div#sectionTwo,
    div.conversionRatesBox div#sectionThree,
    div.conversionRatesBox div#sectionFour {
        display: block;
        width: 100%;
        text-align: center;
        padding: 0px 10px 0px 10px;
    }

    div.conversionRatesBox div#sectionOne {
        padding-bottom: 15px;
        padding-top: 25px;
    }

        div.conversionRatesBox div#sectionOne h6 b {
            font-size: 27px;
        }

        div.conversionRatesBox div#sectionOne h6 b, div.conversionRatesBox div#sectionTwo small.muchSmaller {
            font-family: "DIRECTVCurve Regular" !important;
        }

    div.conversionRatesBox div#sectionTwo small.muchSmaller {
        font-size: 16px;
    }

    div.conversionRatesBox div#sectionThree {
        padding-top: 15px;
    }

    div.conversionRatesBox div#sectionFour {
        padding-top: 25px;
    }

        div.conversionRatesBox div#sectionFour input {
            border-radius: 5px;
            opacity: 1;
            font-family: DIRECTVCurve Regular;
            font-size: 16px;
            height: 50px;
            text-align: center;
            position: inherit;
        }

#close {
    color: black;
    background-color: #e7e7e7;
    width: 380px;
}

.leftH3 {
    display: inline-block;
    width: 49%;
}

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

.rightH3 {
    display: inline-block;
    text-align: right;
    width: 50%;
}

table.conversionRatesTable {
    border: none;
    background: transparent;
    margin: auto;
    border-spacing: 0;
}

    table.conversionRatesTable tr th {
        text-align: left;
        font: Bold 14px/24px DIRECTVCurve Regular;
        letter-spacing: 0;
        color: #888888;
        opacity: 1;
        padding-top: 3px;
        padding-bottom: 3px;
    }

    table.conversionRatesTable tr td {
        text-align: left;
        font: Bold 17px/31px DIRECTVCurve Regular;
        letter-spacing: 0;
        color: black;
        opacity: 1;
        padding-top: 3px;
        padding-bottom: 3px;
    }

        table.conversionRatesTable tr td.rigthCol {
            width: 25%;
        }

@media only screen and (max-width: 600px) {
    div.conversionRatesBox {
        width: 340px;
        margin-right: -170px; /* Should set to half of the width of this element */
    }

        div.conversionRatesBox div#beforeButtonClick {
            height: 415px;
        }

    #close {
        color: black;
        background-color: #e7e7e7;
        width: 290px;
    }

    .leftH3 {
        padding-bottom: 20px;
        width: 100%;
    }

    .rightH3 {
        text-align: left;
        width: 100%;
    }
}
/* Custom Styles for MDTV-256 End */
/* Custom styles for MDTV-407 - CO Address Normalization - Form to capture installation address starts here. */
div.addressNormalization .redStar {
    color: #c60f13 !important;
}

div.addressNormalization label > span:first-child {
    color: #678 !important;
    font-weight: 400;
}

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

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

div.errorMessageNormalization {
    display: none;
}

    div.errorMessageNormalization p {
        font-size: 11px !important;
        margin: 0px !important;
    }

div.errorMessageNormalizationfac {
    display: none;
}

    div.errorMessageNormalizationfac p {
        font-size: 11px !important;
        margin: 0px !important;
    }
/* Custom styles for MDTV-407 - CO Address Normalization - Form to capture installation address ends here. */
/* Custom styles for MDTV-449 - EC - Agregar texto en landing de Recargas MiDTV y Sitio público starts here. */
div.newAlertInfoBox {
    background-color: #FFCB29;
    color: #333;
    padding: 15px;
    border-radius: 10px 0 10px 0;
    font-size: 0.9em;
    text-align: center;
    line-height: 20px;
}
/* Custom styles for MDTV-449 - EC - Agregar texto en landing de Recargas MiDTV y Sitio público ends here. */
/* Custom styles for `MDTV-348 - AR MercadoPago: Add MercadoPago recharge option to Recharge Page` starts here. */
/* Custom styles for `MDTV-350 - AR MercadoPago: Add MercadoPago payment option to Payment Page` starts here. */
img.mercadoPagoImage {
    width: 130px;
}
/* Custom styles for `MDTV-350 - AR MercadoPago: Add MercadoPago payment option to Payment Page` ends here. */
/* Custom styles for `MDTV-348 - AR MercadoPago: Add MercadoPago recharge option to Recharge Page` ends here. */
/* Custom styles for `MDTV-666 - Descarga de Factura PE` starts here. */
th.setBillingHistoryTHFontSize {
    font-size: 10.5px;
}

select.ddlBillDateWithPDFDownload {
    width: 110px !important;
}
/* Custom styles for `MDTV-666 - Descarga de Factura PE` ends here. */
/* Custom styles for `MDTV-743 - AR - Postpaid Landing Page - Grey background + Frontend` (AR Home Page Redesign) starts here. */
.noMarginTop {
    margin-top: 0px !important;
}

div#userBillingInfoSection {
    background-color: #F2F2F2;
    padding-top: 30px;
    padding-bottom: 50px;
}

    div#userBillingInfoSection div.row.changeDefaultMaxwidth {
        max-width: 70rem !important;
    }

    div#userBillingInfoSection div.sectionOne {
        margin-bottom: 20px;
    }

        div#userBillingInfoSection div.sectionOne h1#customerName {
            display: inline;
            margin-bottom: 15px;
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 32px;
            font-weight: 500;
            line-height: 38px;
            color: #000000;
        }

        div#userBillingInfoSection div.sectionOne a#misDatos {
            display: inline;
            margin-left: 15px;
        }

            div#userBillingInfoSection div.sectionOne a#misDatos span#misDatosText {
                font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
                font-size: 0.9em;
                text-decoration: underline;
            }

        div#userBillingInfoSection div.sectionOne span#customerId {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 1em;
            display: block;
            margin-top: 10px;
        }

    div#userBillingInfoSection div.heightFixingContainer {
        display: flex;
        width: 100%;
    }

        div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock,
        div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock,
        div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock,
        div#userBillingInfoSection div.heightFixingContainer div.sectionFive.forSmallScreens div.innerBlock {
            height: 100%;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border-radius: 6px;
            padding: 20px;
        }

            div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock h3#topText {
                font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
                font-size: 1.3em;
                font-weight: 500;
                text-transform: uppercase;
                margin-bottom: 10px;
                color: #222222;
                margin-bottom: 25px;
            }

            div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock h1#amountToPay {
                font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
                font-size: 40px;
                font-weight: 500;
                text-align: center;
                letter-spacing: 2px;
                margin-bottom: 45px;
                color: #222222;
                line-height: 48px;
                color: #000000;
            }

            div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#rednotificationTextPanel {
                padding: 5px 3px;
                border-radius: 5px;
                background-color: #FDF2F5;
                margin-bottom: 20px;
            }

            div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#orangenotificationTextPanel {
                padding: 5px 3px;
                border-radius: 5px;
                background-color: #FFF5E7;
                margin-bottom: 20px;
            }

            div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#rednotificationTextPanel span#rediconToRepresent {
                display: inline-block;
                height: 30px;
                width: 30px;
                background-size: 20px;
                background-repeat: no-repeat;
                background-position: center;
                background-image: url('../images/AR-new-homepage-icon-4.png');
            }

            div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#orangenotificationTextPanel span#orangeiconToRepresent {
                display: inline-block;
                height: 30px;
                width: 30px;
                background-size: 20px;
                background-repeat: no-repeat;
                background-position: center;
                background-image: url('../images/AR-new-homepage-icon-5.png');
            }

            div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#rednotificationTextPanel span#rednotificationText,
            span.servico-text { /*MDTV-2260*/
                display: inline-block;
                font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
                font-size: 0.75em;
                color: #D10D39;
                line-height: 15px;
                top: 395px;
                left: 430px;
                height: 35px;
                width: 212px;
                text-align: left;
                letter-spacing: 0px;
                opacity: 1;
            }
/*MDTV-2260*/
span.servico-text {
    font-size: 12px;
    width: 236px;
}

a.servicoid {
    color: #D10D39 !important;
}

span.servico-text a.servicoid {
    border-bottom: 1px solid #D10D39;
}
/*MDTV-2260*/

div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#orangenotificationTextPanel span#orangenotificationText {
    display: inline-block;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.75em;
    color: #F58220;
    line-height: 15px;
    top: 395px;
    left: 430px;
    height: 35px;
    width: 212px;
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
    background-color: #FFF5E7;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#navigationButtons {
    display: block;
    text-align: center;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock a#detailsPageButton,
div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock a#paymentPageButton {
    display: inline-block;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.8em;
    font-weight: 500 !important;
    text-align: center;
    width: 47%;
    margin-bottom: 0px;
    padding: 13px 0;
    text-transform: uppercase;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock a#detailsPageButton {
    margin-right: 1%;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #0972AE;
    color: #0972AE;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock a#paymentPageButton {
    margin-left: 1%;
    background: #FF9010 0% 0% no-repeat padding-box;
    color: #222222;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divOne,
div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divTwo {
    display: table;
    width: 100%;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divOne {
    border-bottom: 0.5px solid #CFD8DC;
    padding-bottom: 25px;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divTwo {
    border-top: 0.5px solid #CFD8DC;
    padding-top: 25px;
}

    div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divOne h3#textOne,
    div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divTwo h3#textOne {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        line-height: 19px;
        font-weight: 500;
        text-transform: uppercase;
        margin-bottom: 10px;
        color: #000000;
    }

    div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divOne span#textTwo,
    div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divTwo span#textTwo {
        display: block;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        margin-bottom: 10px;
        color: #000000;
        line-height: 19px;
        font-style: normal;
    }

    div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divOne a#textThree,
    div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divTwo a#textThree {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        text-decoration: underline;
        color: #0972AE;
        font-style: normal;
    }

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne,
div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo,
div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree,
div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty {
    display: table;
    width: 100%;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne {
    border-bottom: 0.5px solid #CFD8DC;
    padding-bottom: 10px;
    padding-top: 2px
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo {
    border-top: 0.5px solid #CFD8DC;
    border-bottom: 0.5px solid #CFD8DC;
    padding-top: 12px;
    padding-bottom: 14px;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree {
    border-top: 0.5px solid #CFD8DC;
    padding-top: 12px;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty {
    padding-top: 12px;
    padding-bottom: 10px;
}

    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne div.divA,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo div.divA,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree div.divA,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty div.divA {
        display: inline-block;
        width: 30px;
        height: 100%;
        float: left;
    }

    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne div.divB,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo div.divB,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree div.divB,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty div.divB {
        display: inline-block;
        width: calc(100% - 30px); /* `30px` is the width of the `div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div[class="divOne|divTwo|divThree"] div.divA` */
        height: 100%;
        float: left;
        padding-bottom: 10px;
    }

    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne div.divA span#iconToRepresent,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo div.divA span#iconToRepresent,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree div.divA span#iconToRepresent,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty div.divA span#iconToRepresent {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: top left;
    }

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne.forOTT div.divA span#iconToRepresent {
    background-image: url('../images/AR-new-homepage-icon-3.png');
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne div.divA span#iconToRepresent {
    background-image: url('../images/AR-new-homepage-icon-1.png');
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo div.divA span#iconToRepresent {
    background-image: url('../images/AR-new-homepage-icon-2.png');
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree div.divA span#iconToRepresent {
    background-image: url('../images/AR-new-homepage-icon-3.png');
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty div.divA span#iconToRepresent {
    background-image: url('../images/AR-new-homepage-icon-3.png');
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne div.divB h3#textOne,
div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo div.divB h3#textOne,
div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree div.divB h3#textOne,
div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty div.divB h3#textOne {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #000000;
    line-height: 19px;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne div.divB a#textTwo,
div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo div.divB a#textTwo,
div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree div.divB a#textTwo,
div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty div.divB a#textTwo {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    text-decoration: underline;
    color: #0972AE;
    line-height: 19px;
}

div#userBillingInfoSection div.heightFixingContainer .sectionTwo, div#userBillingInfoSection div.heightFixingContainer .sectionThree, div#userBillingInfoSection div.heightFixingContainer .sectionFour {
    padding: 10px;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo div.divB span#inBetween {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    text-decoration: none;
    color: #222222;
}

div#userBillingInfoSection div.sectionFive.forLargeScreens {
    display: block !important;
    margin-top: 20px;
}

body.CO div#userBillingInfoSection div.sectionFive.forLargeScreens {
    margin-top: 20px;
    padding: 0px;
    width: 98%;
    margin: 0 auto;
    float: none;
    margin-top: 10px;
}

div#userBillingInfoSection div.sectionFive.forSmallScreens {
    display: none !important;
}

div#userBillingInfoSection div.sectionFive div.innerBlock {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 6px;
    padding: 20px;
}

    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionFirst,
    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionSecond {
        display: inline-block;
        width: 17%;
        vertical-align: middle;
    }

    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionThird,
    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionFourth {
        display: inline-block;
        width: 22%;
        vertical-align: middle;
    }

    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionFirst span#innerText {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        color: #000000;
    }

    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionSecond span#innerText {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 0.8em;
        font-weight: 500;
        font-style: italic;
        text-transform: uppercase;
        padding: 5px 15px;
        border-radius: 30px;
        background-color: #FDF2F5;
        color: #D10D39;
    }

    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionThird span#topText,
    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionFourth span#topText {
        display: block;
        font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
    }

    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionThird span#bottomText,
    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionFourth span#bottomText {
        display: block;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 18px;
        margin-top: 10px;
        color: #000000;
        line-height: 22px;
    }

body.CO div#userBillingInfoSection {
    padding-bottom: 25px;
}

body.CO div.aditional-padding-0-left-desktop {
    padding-left: 15px !important;
}

body.AR #clflex-reactivate .clflex-reactivation-header {
    font-weight: 400;
}

.adjustDesign .service-cancelled-thank-you-page__header .offer-approval-header .captext {
    text-transform: capitalize;
}

div#divConfirmDisneyPlus.disneyContent a.btnDisneyPlus {
    float: right;
}

div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn.center {
    width: 100%;
}

div#divConfirmDisneyPlus.disneyContent a.closeModalButton {
    font-size: 14px;
    line-height: 20px;
    color: #0073AE;
    font-family: 'Poppins';
    margin-top: 10px !important;
    display: inline-block;
    font-weight: 600;
}

.thankyouWrapper .service-cancelled-thank-you-page__footer {
    text-align: center;
}

body.CO .buttonOrderChange .center a.closeModalButton, body.AR .buttonOrderChange .center a.closeModalButton {
    left: 0;
}

@media only screen and (max-width: 900px) {
    div #userBillingInfoSection {
        padding-bottom: 30px;
    }

    .disney-your-free-test__rectangle__texts {
        width: 80%;
        position: relative;
        top: -9px;
        left: -8px;
    }

    div#userBillingInfoSection div.heightFixingContainer {
        display: block;
    }

        div#userBillingInfoSection div.heightFixingContainer div.sectionTwo,
        div#userBillingInfoSection div.heightFixingContainer div.sectionThree,
        div#userBillingInfoSection div.heightFixingContainer div.sectionFour,
        div#userBillingInfoSection div.heightFixingContainer div.sectionFive.forSmallScreens {
            margin-bottom: 20px;
        }

    div#userBillingInfoSection div.sectionFive.forLargeScreens {
        display: none !important;
        margin-top: 0px;
    }

    div#userBillingInfoSection div.sectionFive.forSmallScreens {
        display: block !important;
    }

    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionFirst {
        display: inline-block;
        width: 49%;
    }

    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionSecond {
        display: inline-block;
        width: 47%;
    }

    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionThird,
    div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionFourth {
        display: block;
        width: 100%;
    }

        div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionThird span#topText,
        div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionFourth span#topText,
        div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionThird span#bottomText,
        div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionFourth span#bottomText {
            display: inline-block;
        }

        div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionThird span#topText,
        div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionFourth span#topText {
            width: 40%;
        }
}

@media only screen and (min-width: 901px) and (max-width: 1125px) {
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne div.divB h3#textOne,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo div.divB h3#textOne,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree div.divB h3#textOne,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty div.divB h3#textOne,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne div.divB a#textTwo,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo div.divB a#textTwo,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo div.divB span#inBetween,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree div.divB a#textTwo,
    div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty div.divB a#textTwo {
        font-size: 0.8em;
    }
}
/* Custom styles for `MDTV-743 - AR - Postpaid Landing Page - Grey background + Frontend` (AR Home Page Redesign) ends here. */
/* Custom styles for `MDTV-722 - UY Postpaid Payment Landing Alignment` starts here. */
section#payPostPaidBill h1.mainHeading {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 2em;
}

section#payPostPaidBill h3.subHeading {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.6em;
}

section#payPostPaidBill label.label-card {
    height: 65px !important;
    margin: 0.4em 0;
}

    section#payPostPaidBill label.label-card.onlyWhenSingleLine {
        line-height: 40px;
    }

section#payPostPaidBill div.insideText-LineOne {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    font-weight: 500;
}

    section#payPostPaidBill div.insideText-LineOne div.innerText {
        display: inline-block;
        width: 55%;
        line-height: 20px;
    }

    section#payPostPaidBill div.insideText-LineOne div#setDollarSignAndTextBox {
        display: inline-block;
        width: 40%;
    }

    section#payPostPaidBill div.insideText-LineOne b {
        font-size: 1.2em;
        font-weight: 500;
    }

        section#payPostPaidBill div.insideText-LineOne b.dollarSign {
            width: 25%;
            display: inline-block;
            float: left;
        }

section#payPostPaidBill input#dynamicMontoAPagar {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    display: inline-block;
    float: right;
    width: 65%;
    border-radius: 3px;
}

section#payPostPaidBill div.insideText-LineTwo {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.9em;
    font-weight: 500;
    margin-top: 10px;
}

    section#payPostPaidBill div.insideText-LineTwo div.innerText {
        width: 100%;
    }

section#payPostPaidBill small#amountValueError,
section#payPostPaidBill small#cvvValueError {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #c60f13;
    font-style: italic;
    display: block;
    font-size: 12px;
    font-weight: 500;
}

section#payPostPaidBill label.insideSubHeading {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    font-weight: 500;
}

section#payPostPaidBill div.lightBGForStepTwo {
    padding-bottom: 20px;
}

section#payPostPaidBill div.whiteBGWithHeight {
    border: none;
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    padding: 8px 6px !important;
    height: 56px;
    line-height: 40px;
}

    section#payPostPaidBill div.whiteBGWithHeight input[type="radio"] + label {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        font-weight: 500;
        padding-left: 33px;
    }

    section#payPostPaidBill div.whiteBGWithHeight input[type="radio"]:checked + label {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-weight: 500;
    }

    section#payPostPaidBill div.whiteBGWithHeight input[type="radio"] + label:before {
        position: absolute;
        top: 50%;
        left: 6px;
        transform: translate(0, -50%);
        width: 16px;
        height: 16px;
        background: #FFFFFF;
    }

    section#payPostPaidBill div.whiteBGWithHeight input[type="radio"]:checked + label:before {
        background: #0d7db8;
        border: none;
    }

    section#payPostPaidBill div.whiteBGWithHeight input[type="radio"] + label:after {
        position: absolute;
        top: 50%;
        left: 10px;
        transform: translate(0, -50%);
        width: 8px;
        height: 8px;
        background: #332f31;
    }

    section#payPostPaidBill div.whiteBGWithHeight input[type="radio"]:checked + label:after {
        background: #FFFFFF;
    }

section#payPostPaidBill div.inlineBlockDiv {
    display: inline-block;
}

section#payPostPaidBill label.forCVVText {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    display: inline-block;
    width: 15%;
    font-size: 0.9em;
    font-weight: 500;
}

section#payPostPaidBill input#cvvValue {
    display: inline-block;
    width: 30%;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.3);
}

section#payPostPaidBill div#postpaidATNDiv,
section#payPostPaidBill div#pagaAhoraDiv {
    text-align: left;
}

section#payPostPaidBill div#cancelarAhoraDiv {
    text-align: right;
}

section#payPostPaidBill input#pagaAhora {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    background-color: #ff8a00;
    color: #543716;
    border-radius: 3px;
    padding: 7px 30px;
    font-size: 0.85em;
    font-weight: 500 !important;
    text-transform: uppercase;
}

    section#payPostPaidBill input#pagaAhora.disabled {
        background-color: #c0cacf;
    }

section#payPostPaidBill a#cancelarAhora {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    background-color: #ffffff;
    color: #489ac8;
    border: 2px solid #a1d5e8;
    border-radius: 3px;
    padding: 7px 30px;
    font-size: 0.85em;
    font-weight: 500 !important;
    text-transform: uppercase;
}

@media only screen and (max-width: 580px) {
    section#payPostPaidBill div.addPaddinginsmallScreens {
        padding: 0 15px !important;
    }

    section#payPostPaidBill div#postpaidATNDiv,
    section#payPostPaidBill div#pagaAhoraDiv,
    section#payPostPaidBill div#cancelarAhoraDiv {
        text-align: center !important;
    }

    section#payPostPaidBill input#postpaidATN,
    section#payPostPaidBill input#pagaAhora,
    section#payPostPaidBill a#cancelarAhora {
        width: 100% !important;
    }
}
/* Custom styles for `MDTV-722 - UY Postpaid Payment Landing Alignment` ends here. */
/* Custom styles for `MDTV-984 -AR - Postpaid Billing UI: Desktop and Mobile Version` starts here. */
div#facturacionBillingSection {
    background-color: #F2F2F2;
    padding-top: 30px;
}

    div#facturacionBillingSection div.row {
        padding-bottom: 0em !important;
    }

        div#facturacionBillingSection div.row.changeDefaultMaxwidth {
            max-width: 62rem !important;
        }

    div#facturacionBillingSection div.sectionOne {
        margin-bottom: 20px;
        display: inline-flex;
        justify-content: space-between;
        width: 100%;
    }

        div#facturacionBillingSection div.sectionOne a#misDatos.inDesktop {
            display: inline;
            margin-left: 15px;
        }

        div#facturacionBillingSection div.sectionOne a#misDatos.notInDesktop {
            display: none;
            margin-left: 0px;
            margin-top: 10px;
        }
        /*MDTV-817: 'AR - Postpaid Billing tab - name and client id from k2view' starts here*/
        div#facturacionBillingSection div.sectionOne h1#customerName {
            display: inline;
            margin-bottom: 15px;
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 2em;
            color: #222222;
        }

        div#facturacionBillingSection div.sectionOne a#misDatos span#misDatosText {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 1em !important;
            text-decoration: underline;
            color: #0972AE !important;
        }

        div#facturacionBillingSection div.sectionOne span#customerId {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 1em;
            display: block;
            margin-top: 10px;
            color: #222222 !important;
        }
    /*MDTV-817: 'AR - Postpaid Billing tab - name and client id from k2view' ends here*/
    div#facturacionBillingSection div.sectionLeft div.sectionTwo {
        padding: 25px 25px 40px 25px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 6px;
    }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo h3#topText {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 24px;
            font-weight: 500;
            text-transform: uppercase;
            margin-bottom: 25px;
            color: #222222;
        }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo h1#amountToPay {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 2.2em;
            font-weight: 500;
            text-align: center;
            letter-spacing: 2px;
            margin-bottom: 25px;
            color: #222222;
        }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo div#notificationTextPanel {
            padding: 5px 3px;
            background-color: #FDF2F5;
            border-radius: 5px;
            margin-bottom: 20px;
            color: #D10D39;
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            display: flex;
        }

            div#facturacionBillingSection div.sectionLeft div.sectionTwo div#notificationTextPanel span#clock:before {
                font-family: 'FontAwesome';
                top: 0;
                left: 0px;
                content: "\f017";
                display: inline-block;
                position: relative;
                top: 11px;
                font-size: 21px;
                margin: 0px 0px 0px 8px;
            }

            div#facturacionBillingSection div.sectionLeft div.sectionTwo div#notificationTextPanel span#notificationMsg {
                line-height: 21px;
                display: inline-block;
                margin: 0px 0px 0px 8px;
            }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo div#navigationButtons {
            display: block;
            text-align: center;
        }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo a#detailsPageButton,
        div#facturacionBillingSection div.sectionLeft div.sectionTwo a#paymentPageButton {
            display: inline-block;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 0.8em;
            font-weight: 500 !important;
            text-align: center;
            width: 47%;
            margin-bottom: 0px;
            padding: 13px 0;
            text-transform: uppercase;
        }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo a#detailsPageButton {
            margin-right: 1%;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #0972AE;
            color: #097DB4;
        }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo a#paymentPageButton {
            margin-left: 1%;
            background: #FF9010 0% 0% no-repeat padding-box;
            color: #222222;
        }

    div#facturacionBillingSection div.sectionLeft div.sectionThree {
        padding: 0px 20px;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 10px;
        padding-bottom: 5px;
        width: 300px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 20px;
    }

        div#facturacionBillingSection div.sectionLeft div.sectionThree div.divZero,
        div#facturacionBillingSection div.sectionLeft div.sectionThree div.divOne,
        div#facturacionBillingSection div.sectionLeft div.sectionThree div.divTwo,
        div#facturacionBillingSection div.sectionLeft div.sectionThree div.divThree {
            display: table;
            width: 100%;
        }

        div#facturacionBillingSection div.sectionLeft div.sectionThree div.divThree {
            border-top: 0.5px solid #CFD8DC;
            padding-top: 25px;
        }

        div#facturacionBillingSection div.sectionLeft div.sectionThree div.divOne {
            border-bottom: 0.5px solid #CFD8DC;
            padding-bottom: 25px;
        }

            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divZero h3#textOne,
            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divOne h3#textOne,
            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divTwo h3#textOne,
            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divThree h3#textOne {
                font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
                font-size: 1em;
                font-weight: 500;
                text-transform: uppercase;
                margin-bottom: 10px;
                color: #222222;
            }

            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divZero span#textTwo,
            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divOne span#textTwo,
            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divTwo span#textTwo,
            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divThree span#textTwo {
                display: block;
                font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
                font-size: 1em;
                margin-bottom: 10px;
                color: #222222;
                font-style: normal;
            }

            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divZero a#textThree,
            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divOne a#textThree,
            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divTwo a#textThree,
            div#facturacionBillingSection div.sectionLeft div.sectionThree div.divThree a#textThree {
                font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
                font-size: 1em;
                text-decoration: underline;
                color: #0972AE !important;
                font-style: normal;
            }

    div#facturacionBillingSection div.sectionRight.largeScreen {
        display: block !important;
        padding: 5px 0 25px 0;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 6px;
        font-style: italic;
    }

    div#facturacionBillingSection div.sectionRight.mobileView {
        display: none !important;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionHead {
        border-bottom: 1px solid #11ADEF;
        padding: 5px 5px 5px 5px;
        height: 45px;
        line-height: 35px;
    }

        div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionHead div.contentLeft {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            background-image: url('../images/abono-basico.png');
            background-size: 22px;
            background-position: 0px;
            background-repeat: no-repeat;
            padding-left: 35px;
            color: #11ADEF;
            text-transform: uppercase;
            height: 100%;
        }

        div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionHead div.contentRight {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            color: #222222;
            height: 100%;
        }

    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionHead {
        border-bottom: 1px solid #5D2891;
        padding: 5px 5px 5px 5px;
        height: 45px;
        line-height: 35px;
    }

        div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionHead div.contentLeft {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            background-image: url('../images/decodificador-adicional.png');
            background-size: 22px;
            background-position: 0px;
            background-repeat: no-repeat;
            padding-left: 35px;
            color: #5D2891;
            text-transform: uppercase;
            height: 100%;
        }

        div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionHead div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionHead div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionHead div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead div.contentRight {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            color: #222222;
            height: 100%;
        }

    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionHead,
    div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew,
    div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead {
        padding: 5px 5px 5px 5px;
        height: 45px;
        line-height: 35px;
    }

        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionHead div.contentLeft {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            background-image: url('../images/programación-premium.png');
            background-size: 10px;
            background-position: 5px;
            background-repeat: no-repeat;
            padding-left: 35px;
            color: #F89D1A;
            text-transform: uppercase;
            height: 100%;
        }

        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionHead div.contentRight {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            color: #222222;
            height: 100%;
        }

        div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew div.contentLeft {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            background-size: 10px;
            background-position: 5px;
            background-repeat: no-repeat;
            padding-left: 35px;
            color: #F89D1A;
            text-transform: uppercase;
            height: 100%;
        }

        div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew div.contentRight {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            color: #222222;
            height: 100%;
        }

    div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead {
        padding: 5px 0px 5px 0px;
        height: 25px;
        line-height: 20px;
    }

        div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead div.contentLeft {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            background-size: 22px;
            background-position: 0px;
            background-repeat: no-repeat;
            padding-left: 0px;
            color: #065793;
            height: 100%;
        }

        div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead div.contentRight {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            color: #005993;
            height: 100%;
        }

    div#facturacionBillingSection div.sectionRight div.sectionEight div#sectionEightDetails,
    div#facturacionBillingSection div.sectionRight div.sectionNine div#sectionNineDetails {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionEight div#sectionEightDetails,
    div#facturacionBillingSection div.sectionRight div.sectionNine div#sectionNineDetails,
    div#facturacionBillingSection div.sectionRight div.sectionTen div#sectionTenDetails {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        height: 45px;
        line-height: 35px;
        color: #222222;
        height: 100%;
    }

    div#facturacionBillingSection div.sectionRight div.sectionTen {
        padding-top: 6px;
    }

        div#facturacionBillingSection div.sectionRight div.sectionEight div#sectionEightDetails div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionNine div#sectionNineDetails div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionTen div#sectionTenDetails div.contentLeft {
            padding-left: 40px;
        }

        div#facturacionBillingSection div.sectionRight div.sectionEight div#sectionEightDetails div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionNine div#sectionNineDetails div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionTen div#sectionTenDetails div.contentRight {
            text-align: right !important;
        }

    div#facturacionBillingSection div.sectionRight div.sectionEight div#sectionEightDetails {
        border-bottom: 1px solid #F2F2F2;
    }

    div#facturacionBillingSection div.sectionRight.largeScreen div.sectionTen div#sectionTenDetails {
        background: #F3F3F3 !important;
        border-radius: 10px !important;
        height: 5.5em !important;
        padding-top: 1em;
    }

    div#facturacionBillingSection div.sectionRight div.sectionTen div#sectionTenDetails div.contentLeft {
        line-height: 1.8em;
    }

        div#facturacionBillingSection div.sectionRight div.sectionTen div#sectionTenDetails div.contentLeft span#partOne,
        div#facturacionBillingSection div.sectionRight div.sectionTen div#sectionTenDetails div.contentRight {
            font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
            text-transform: uppercase;
        }

        div#facturacionBillingSection div.sectionRight div.sectionTen div#sectionTenDetails div.contentLeft span#dueDate {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
        }

    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentLeft,
    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo div.contentLeft,
    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo div.contentLeft,
    div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionBodyNew div#divContentTwo div.contentLeft,
    div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionMobileSevenAccordionBodyNew div#divContentTwo div.contentLeft
    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo div.contentLeft,
    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixeAccordionBodyMobile div#divContentTwo div.contentLeft {
        padding-bottom: 10px;
        padding-left: 0px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne,
    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionBodyNew div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionBody div#divContentTwo {
        margin: 6px 0px 5px 0px;
        padding-left: 40px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo {
        margin: 6px 0px 5px 0px;
    }

        div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionBodyNew div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionBodyNew div#divContentTwo div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionMobileSevenAccordionBodyNew div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionMobileSevenAccordionBodyNew div#divContentTwo div.contentRight
        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo div.contentRight {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        }

        div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionBodyNew div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionMobileSevenAccordionBodyNew div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionBody div#divContentTwo div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionBodyMobile div#divContentTwo div.contentLeft {
            padding-bottom: 5px;
            padding-left: 0px;
        }

    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne,
    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionBodyNew div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionMobileSevenAccordionBodyNew div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionBody div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionBodyMobile div#divContentTwo {
        border-bottom: 1px solid #F2F2F2;
        line-height: 1.45em;
        font-size: 14px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFour div.content {
        padding: 5px 0px 10px 0px !important;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFive div.content,
    div#facturacionBillingSection div.sectionRight div.sectionSix div.content,
    div#facturacionBillingSection div.sectionRight div.sectionSeven div.content {
        padding: 5px 0px 10px 0px !important;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFour div.activeAccorionPosition.activeData div.contentRight::after {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/iconSectionFour_shrunk.png');
    }

    div#facturacionBillingSection div.sectionRight div.sectionFour div.activeAccorionPosition div.contentRight::after {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/iconSectionFour_expand.png');
    }

    div#facturacionBillingSection div.sectionRight div.sectionFive div.activeAccorionPosition div.contentRight i.sectionFiveAccordionArrowImage {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/iconSectionFive.png');
    }

    div#facturacionBillingSection div.sectionRight div.sectionFive div.activeAccorionPosition div.contentRight i.sectionFiveAccordionArrowRotatedImage {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(180deg);
        background-image: url('../images/iconSectionFive.png');
    }

    div#facturacionBillingSection div.sectionRight div.sectionSix div.activeAccorionPosition div.contentRight i.sectionSixAccordionArrowImage {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/iconSectionSix.png');
    }

    div#facturacionBillingSection div.sectionRight div.sectionSix div.activeAccorionPosition div.contentRight i.sectionSixAccordionArrowRotatedImage {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(180deg);
        background-image: url('../images/iconSectionSix.png');
    }

    div#facturacionBillingSection div.sectionRight div.sectionSeven div.activeAccorionPosition div.contentRight i.sectionSevenAccordionArrowImage {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/iconSectionSeven.png');
    }

    div#facturacionBillingSection div.sectionRight div.sectionSeven div.activeAccorionPosition div.contentRight i.sectionSevenAccordionArrowRotatedImage {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(180deg);
        background-image: url('../images/iconSectionSeven.png');
    }

    div#facturacionBillingSection div.sectionRight div.sectionEleven div.activeAccorionPosition div.contentRight i.sectionSevenAccordionArrowImageNew {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 25px 30px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/IconSectionSevenGreen_Expand.svg');
    }

    div#facturacionBillingSection div.sectionRight div.sectionEleven div.activeAccorionPosition div.contentRight i.sectionSevenAccordionArrowRotatedImageNew {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 25px 30px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(180deg);
        background-image: url('../images/IconSectionSevenGreen_Expand.svg');
    }


    div#facturacionBillingSection div.sectionRight div.sectionEleven div.activeAccorionPosition div.contentRight i.sectionSevenAccordionArrowImageNewMobile {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 25px 30px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(180deg);
        background-image: url('../images/IconSectionSevenGreen_Expand.svg');
    }

    div#facturacionBillingSection div.sectionRight div.sectionEleven div.activeAccorionPosition div.contentRight i.sectionSevenAccordionArrowRotatedImageNewMobile {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 25px 30px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/IconSectionSevenGreen_Expand.svg');
    }

/*1377 start*/
div#nextmonth-bill div#nextmonth-bill-partOne,
div#nextmonth-bill div#nextMonthBillHeadingTwo {
    padding: 10px 0px 5px 0px;
}

div#nextmonth-bill div.nextMonthBillHeadingDiv {
    padding-left: 0px;
}

div#nextmonth-bill h4.nextMonthBillHeading {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    letter-spacing: 0px;
    color: #222222;
    text-transform: uppercase;
    opacity: 1;
    font-weight: normal;
}

div#nextmonth-bill h6.nextMonthBillHeadingTwo {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
    font-weight: normal;
    padding: 15px 0px;
}

div#nextmonth-bill p.nextMonthBillDetail {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
    margin-bottom: 0px !important;
    font-style: normal;
}

div#nextmonth-bill div.sectionNextBill {
    background: #F3F3F3;
    border-radius: 10px !important;
    opacity: 1;
}
    /*  div#nextmonth-bill div.sectionNextBill div.nextBillSectionOne div#nextBillSectionOneAccordionBody div#divsectionNextBillContentOne,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionTwo div#nextBillSectionTwoAccordionBody div#divContentTwo,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionThree div#nextBillSectionThreeAccordionBody div#divContentTwo,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionFour div#nextBillSectionFourAccordionBody div#divContentTwo,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionFive div#nextBillSectionFourAccordionBody div#divContentTwo {
        border-bottom: 1px solid #D1D1D1;
        line-height: 1.45em;
        font-size: 14px; 
        padding: 5px;
    }*/
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionOne div#nextBillSectionOneAccordionBody,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionTwo div#nextBillSectionTwoAccordionBody,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionThree div#nextBillSectionThreeAccordionBody,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionFour div#nextBillSectionFourAccordionBody,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionFive div#nextBillSectionFiveAccordionBody {
        padding: 0px;
        background: #F3F3F3;
    }

div#nextmonth-bill div.sectionNextBill {
    background: #F3F3F3;
    padding-top: 10px;
}

    div#nextmonth-bill div.sectionNextBill hr {
        border-color: #D1D9DD;
        margin: 1px 0;
    }

div#nextmonth-bill {
    overflow-y: auto !important;
    max-height: 600px;
}

    div#nextmonth-bill div.sectionNextBill div.nextBillAccordionHead,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionSix div#nextMoth-BillTotal {
        font-family: 'DIRECTVCurve Medium';
        font-size: 14px;
        font-style: normal;
        text-transform: uppercase;
        color: #222222;
        padding: 5px 5px 5px 0px;
        line-height: 35px;
    }

    div#nextmonth-bill div.sectionNextBill div.nextBillAccordionBottom {
        border-bottom: 1px solid #6C6C6C;
    }

    div#nextmonth-bill div.sectionNextBill div div.nextBillAccordionBody {
        font-family: 'DIRECTVCurve Regular';
        font-size: 14px;
        font-style: normal;
        color: #222222;
        padding: 5px 15px 5px 0px;
        line-height: 35px;
        border-bottom: 1px solid #D1D1D1;
    }

    div#nextmonth-bill div.sectionNextBill div.nextBillAccordionHead div.contentLeft {
        padding-left: 0px;
    }

    div#nextmonth-bill div.sectionNextBill div.nextBillSectionOne div.activeAccorionPosition div.contentRight i.nextBillSectionOneAccordionArrowImage,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionTwo div.activeAccorionPosition div.contentRight i.nextBillSectionTwoAccordionArrowImage,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionThree div.activeAccorionPosition div.contentRight i.nextBillSectionThreeAccordionArrowImage,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionFour div.activeAccorionPosition div.contentRight i.nextBillSectionFourAccordionArrowImage,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionFive div.activeAccorionPosition div.contentRight i.nextBillSectionFiveAccordionArrowImage {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(180deg);
        background-image: url('../images/iconNextBill.png');
    }

    div#nextmonth-bill div.sectionNextBill div.nextBillSectionOne div.activeAccorionPosition div.contentRight i.nextBillSectionOneAccordionArrowRotatedImage,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionTwo div.activeAccorionPosition div.contentRight i.nextBillSectionTwoAccordionArrowRotatedImage,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionThree div.activeAccorionPosition div.contentRight i.nextBillSectionThreeAccordionArrowRotatedImage,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionFour div.activeAccorionPosition div.contentRight i.nextBillSectionFourAccordionArrowRotatedImage,
    div#nextmonth-bill div.sectionNextBill div.nextBillSectionFive div.activeAccorionPosition div.contentRight i.nextBillSectionFiveAccordionArrowRotatedImage {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 11px;
        background-repeat: no-repeat;
        background-position: center;
        transform: rotate(0deg);
        background-image: url('../images/iconNextBill.png');
    }

    div#nextmonth-bill div.sectionNextBill div.nextBillSectionSix div#nextMoth-BillTotal {
        background: #FFFFFF;
        border-radius: 5px;
        opacity: 1;
        margin-top: 15px;
        line-height: 20px;
        padding-top: 15px;
    }

        div#nextmonth-bill div.sectionNextBill div.nextBillSectionSix div#nextMoth-BillTotal div.contentLeft span#nextBillTotalPartTwo {
            font-family: 'DIRECTVCurve Regular';
            font-size: 13px;
            text-transform: initial;
        }

        div#nextmonth-bill div.sectionNextBill div.nextBillSectionSix div#nextMoth-BillTotal div.contentRight {
            text-align: right;
        }

        div#nextmonth-bill div.sectionNextBill div.nextBillSectionSix div#nextMoth-BillTotal div.contentLeft i#nextBillTotalIcon {
            content: "";
            display: inline-block;
            height: 12px;
            width: 20px;
            background-size: 12px;
            padding-bottom: 11px;
            background-repeat: no-repeat;
            background-position: left;
            background-image: url('../images/nextBillTotalIcon.png');
        }

div.new-reveal-modal a.reveal-popup-close-icon-billing {
    position: absolute;
    color: #222;
    line-height: 1;
    top: -0.5em;
    right: -10px;
    cursor: pointer;
    font-size: 50px;
    font-style: normal;
    font-family: 'DIRECTVCurve Light';
}

@media only screen and (max-width: 750px) {
    div#nextmonth-bill {
        overflow-y: scroll;
        height: auto;
        /* height: 580px; MDTV-3296*/
    }

    div.new-reveal-modal a.reveal-popup-close-icon-billing {
        position: absolute;
        color: #222;
        line-height: 1;
        top: -0.25em;
        right: -0.5em;
        cursor: pointer;
        font-size: 50px;
        font-style: normal;
        font-family: 'DIRECTVCurve Light';
    }

    div#nextmonth-bill {
        padding-left: 15px;
        padding-right: 15px;
    }

        div#nextmonth-bill div.sectionNextBill div.nextBillAccordionHead div.contentLeft {
            padding-right: 0px;
        }

        div#nextmonth-bill div.sectionNextBill div.nextBillAccordionHead {
            font-family: 'DIRECTVCurve Medium';
            font-size: 14px;
            font-style: normal;
            text-transform: uppercase;
            color: #222222;
            padding: 15px 5px 15px 0px;
            line-height: 18px;
            height: 60px;
        }

        div#nextmonth-bill div.sectionNextBill div div.nextBillAccordionBody {
            font-family: 'DIRECTVCurve Regular';
            font-size: 14px;
            font-style: normal;
            color: #222222;
            padding: 10px 15px 10px 0px;
            line-height: 18px;
            border-bottom: 1px solid #D1D1D1;
        }

        div#nextmonth-bill div.sectionNextBill div.mobileNextBillTotal {
            display: block;
        }

        div#nextmonth-bill div.sectionNextBill div.desktopNextBillTotal {
            display: none;
        }

        div#nextmonth-bill div.sectionNextBill div.mobileNextBillTotal div#nextMoth-BillTotal div.contentLeft {
            padding-left: 10px;
            padding-right: 0px;
        }

        div#nextmonth-bill div.sectionNextBill div.mobileNextBillTotal div#nextMoth-BillTotal div.contentRight {
            padding-left: 0px;
            text-align: right;
        }

        div#nextmonth-bill div.sectionNextBill div.mobileNextBillTotal div#nextMoth-BillTotal div.mobileviewNextBillIcon i#nextBillTotalIcon {
            content: "";
            display: inline-block;
            height: 12px;
            width: 20px;
            background-size: 12px;
            padding-bottom: 11px;
            background-repeat: no-repeat;
            background-position: left;
            background-image: url('../images/nextBillTotalIcon.png');
        }

        div#nextmonth-bill div.sectionNextBill div.mobileNextBillTotal div#nextMoth-BillTotal div.mobileviewNextBillIcon span#nextBillTotalPartTwo {
            font-family: 'DIRECTVCurve Regular';
            font-size: 13px;
            text-transform: initial;
        }

        div#nextmonth-bill div.sectionNextBill div.mobileNextBillTotal div#nextMoth-BillTotal {
            background: #FFFFFF;
            border-radius: 5px;
            opacity: 1;
            margin-top: 15px;
            height: 90px;
            line-height: 20px;
            padding-top: 15px;
        }

        div#nextmonth-bill div.sectionNextBill div.mobileNextBillTotal div.mobileviewNextBillIcon {
            padding: 8px 5px 5px 8px;
        }
}

@media only screen and (min-width: 751px) {
    div#nextmonth-bill div.sectionNextBill div.mobileNextBillTotal {
        display: none;
    }

    div#nextmonth-bill div.sectionNextBill div.desktopNextBillTotal {
        display: block;
    }
}
/*1377 end*/
div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentLeft,
div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentThree div.contentLeft {
    margin-top: 7px;
}

div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentRight,
div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentThree div.contentRight {
    margin-top: 5px;
}

    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentRight button {
        margin: 0px -0.75em 0px 0px !important;
    }

        div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentRight button#btnAmnt {
            background: #0273AE !important;
            border-radius: 20px !important;
            width: 23%;
            color: #FFFFFF !important;
            padding: 0.35em;
            font-size: 14px;
        }

div#facturacionBillingSection div.sectionBottom.largeScreenView {
    display: block !important;
    text-align: center;
}

    div#facturacionBillingSection div.sectionBottom.largeScreenView ul {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0rem !important;
    }

        div#facturacionBillingSection div.sectionBottom.largeScreenView ul li {
            line-height: 2em;
            width: 17em;
        }

            div#facturacionBillingSection div.sectionBottom.largeScreenView ul li a {
                text-align: center;
                font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
                font-size: 1.25em;
                letter-spacing: 0px;
                color: #222222;
                text-transform: uppercase;
                padding: 40px 40px 20px 40px;
                margin: 30px 0px 0px 0px;
            }

                div#facturacionBillingSection div.sectionBottom.largeScreenView ul li.active a,
                div#facturacionBillingSection div.sectionBottom.largeScreenView ul li a:hover {
                    border-bottom: 3px solid #156FAE;
                    color: #156FAE;
                }

div#facturacionBillingSection div.sectionBottom.mobileView,
div.row.misTabContentSection.mobileView,
div.row.paymentSectionMobileView,
div.hideTableSection {
    display: none !important;
}

div.row.misTabContentSection {
    padding-bottom: 35px;
}

div.misTabContentSection div.misTabContentTable div#infoMessage {
    background: #ECEFF1 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin-top: 30px;
}

    div.misTabContentSection div.misTabContentTable div#infoMessage p {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        color: #222222;
        padding: 20px 10px 20px 35px;
        margin-left: 15px;
        background-image: url('../images/billing-misdatos-info-icon.png');
        background-size: 28px;
        background-position: left center;
        background-repeat: no-repeat;
    }

div.misTabContentSection div.misTabContentTable table {
    border: none;
}

    div.misTabContentSection div.misTabContentTable table tbody {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    }

    div.misTabContentSection div.misTabContentTable table tr {
        background-color: #FFFFFF;
    }

        div.misTabContentSection div.misTabContentTable table tr.spaceSeperationRow {
            height: 40px;
        }

        div.misTabContentSection div.misTabContentTable table tr td {
            line-height: initial;
            font-size: 1em;
        }

    div.misTabContentSection div.misTabContentTable table#misFacturas tr td {
        width: 10%;
        border-bottom: 1px solid #F3F3F3;
    }

    div.misTabContentSection div.misTabContentTable table#misPagos tr td {
        width: 20%;
        border-bottom: 1px solid #F3F3F3;
    }

    div.misTabContentSection div.misTabContentTable table#misPagos tr .headCell {
        width: 5%;
    }

    div.misTabContentSection div.misTabContentTable table#misMovimientos tr td {
        width: 37.6%;
    }

    div.misTabContentSection div.misTabContentTable table#misFacturas tr td span#expirationSpan,
    div.misTabContentSection div.misTabContentTable table#misFacturas tr td span#totalSpan {
        font-size: 0.75em !important;
        text-transform: uppercase;
        color: #222222;
    }

    div.misTabContentSection div.misTabContentTable table tr td span#expDate,
    div.misTabContentSection div.misTabContentTable table#misFacturas tr td span#totalAmount,
    div.misTabContentSection div.misTabContentTable table#misMovimientos tr td span#serviceTermination,
    div.misTabContentSection div.misTabContentTable table#misMovimientos tr td#amount {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        color: #222222;
    }

    div.misTabContentSection div.misTabContentTable table tr td#descargar,
    div.misTabContentSection div.misTabContentTable table tr td#compartir {
        text-align: right;
    }

        div.misTabContentSection div.misTabContentTable table tr td#descargar i,
        div.misTabContentSection div.misTabContentTable table tr td#compartir i {
            color: #0972AE;
            font-size: 20px;
            vertical-align: middle;
        }

            div.misTabContentSection div.misTabContentTable table tr td#descargar i::before {
                content: "";
                display: inline-block;
                height: 21px;
                width: 21px;
                background-size: 21px;
                background-repeat: no-repeat;
                background-position: center;
                background-image: url('../images/downloadIcon.png');
            }

    div.misTabContentSection div.misTabContentTable table tr td a {
        text-decoration: underline;
        color: #0972AE;
    }

    div.misTabContentSection div.misTabContentTable table#misMovimientos tr td#greyBg {
        width: auto !important;
    }

    div.misTabContentSection div.misTabContentTable table#misPagos tr td span#amount {
        color: #7C7C7C;
    }

    div.misTabContentSection div.misTabContentTable table#misPagos tr td#checkCircle i::before {
        content: "";
        display: inline-block;
        height: 21px;
        width: 21px;
        background-size: 21px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/checked_payments_icon.png');
    }

    div.misTabContentSection div.misTabContentTable table#misPagos tr td span#accordion::before,
    div.misTabContentSection div.misTabContentTable table#misMovimientos tr td span#accordion::before {
        content: "<";
        display: inline-block;
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        transform: rotate(270deg);
        font-size: 1em;
        font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    }

    div.misTabContentSection div.misTabContentTable table#misPagos tr td span#accordion::before {
        position: absolute;
    }

    div.misTabContentSection div.misTabContentTable table#misMovimientos thead tr th {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        color: #222222;
        font-size: 1.25em;
    }

    div.misTabContentSection div.misTabContentTable table#misMovimientos tr td div#greyBox {
        width: 35px;
        height: 35px;
        background-color: #F2F3F5;
    }

    div.misTabContentSection div.misTabContentTable table#misMovimientos tr td span#serviceName {
        color: #7C7C7C;
    }

    div.misTabContentSection div.misTabContentTable table#misMovimientos tr td#amount {
        text-align: right;
    }
    /*Active Accordion styles*/
    div.misTabContentSection div.misTabContentTable table tr.accordion::before,
    div.misTabContentSection div.misTabContentTable table tr.accordion::after {
        content: none !important;
    }

div.misTabContentSection div.misTabContentTable table {
    border-collapse: collapse !important;
}

    div.misTabContentSection div.misTabContentTable table#misFacturas tr.active,
    div.misTabContentSection div.misTabContentTable table#misMovimientos tr.active,
    div.misTabContentSection div.misTabContentTable table#misPagos tr.active {
        background: #F3F3F3 0% 0% no-repeat padding-box;
        border-radius: 3px;
    }

        div.misTabContentSection div.misTabContentTable table#misMovimientos tr.active td#greyBg div#greyBox {
            background-color: #FFFFFF;
        }

    div.misTabContentSection div.misTabContentTable table tr.active td span.strongText {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    }

    div.misTabContentSection.mobileView div.misTabContentTable table tr.active td span#tdAccordion::after,
    div.misTabContentSection div.misTabContentTable table#misMovimientos tr.active td span#accordion::before,
    div.misTabContentSection div.misTabContentTable table#misPagos tr.active td span#accordion::before {
        content: "";
        display: inline-block;
        height: 6px;
        width: 11px;
        background-size: 11px 6px;
        padding-bottom: 20px;
        margin-top: 18px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/iconInvoicesSection_shrunk.png');
    }

div.misTabContentSection.mobileView div.misTabContentTable table#misPagos tr.active td#descargar i {
    position: relative;
    left: -38px;
}

div.misTabContentSection.mobileView div.misTabContentTable table#misPagos tr.active td#descargar a {
    position: relative;
    left: -37px;
}
/*Active Accordion styles*/
div.changePaymentSectionWidth {
    display: block; /*mdtv-3241*/
    background-color: #F2F2F2;
    padding-top: 30px;
    padding-bottom: 80px;
    clear: both;
    float: none;
}

    div.changePaymentSectionWidth div.row.paymentSection {
        max-width: 60rem !important;
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 10px;
    }

    div.changePaymentSectionWidth div.innerDiv {
        background-image: url('../images/métodos-de-pago.png');
        background-size: 83px;
        background-position: left center;
        background-repeat: no-repeat;
        padding: 20px 60px 15px 100px;
        margin-left: 40px;
    }

        div.changePaymentSectionWidth div.innerDiv h3#topText {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 1.2em;
            font-weight: 500;
            text-transform: uppercase;
            color: #222222;
            margin-bottom: 15px;
        }

        div.changePaymentSectionWidth div.innerDiv div#bottomText {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 1em;
            margin-bottom: 18px;
            color: #222222;
        }

        div.changePaymentSectionWidth div.innerDiv div.PaymentTypesNavigation a#knowMoreButton {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 0.8em;
            font-weight: 500 !important;
            text-align: center;
            width: auto;
            margin-bottom: 0px;
            margin-right: 1%;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #0972AE;
            color: #097DB4;
            padding: 13px 13px;
            text-transform: uppercase;
            font-style: normal;
        }

.empty-space {
    padding-top: 5vh;
    text-align: center;
    color: #156FAE;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 20px;
}

    .empty-space .bold-text {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        line-height: 24px;
    }

.CO div#misMovimientosDesktopEmptySpace, .CO div#misFacturasDesktopEmptySpace, .CO div#misPagosEmptySpace {
    color: #0073AE;
    width: 305px;
    margin: 0 auto;
    padding-bottom: 20px;
    font-style: normal;
    line-height: 24px;
}

.CO div.misTabContentSection div.misTabContentTable table#misPagos {
    width: 56%; /*MDTV-3296*/
    margin: 0 auto;
}

.CO div#misMovimientosDesktopEmptySpace {
    width: 315px;
}

.CO h3.termsAndConditionsMainHead {
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    color: #101010;
}

.CO div#invoicefailPopup #closeFailModal {
    top: 38px !important;
    z-index: 99;
    font-style: normal;
}

.CO div.misTabContentSection div.misTabContentTable table#misMovimientos.updateMovimientos thead tr th {
    font-size: 19px;
    line-height: 22.8px;
    color: #101010;
    text-transform: capitalize;
}

.CO #invoicefailPopup p.normalText {
    font-size: 16px;
    line-height: 19px;
    font-style: normal;
}

.empty-space img {
    padding-top: 5vh;
}

.empty-space-disabled {
    padding-top: 5vh;
    text-align: center;
    color: #7C7C7C;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 20px;
}

    .empty-space-disabled .bold-text {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    }

    .empty-space-disabled img {
        padding-top: 5vh;
    }

.billing-redesign-text-right {
    padding-right: 0px !important;
}

.billing-redesign-text-left {
    padding-left: 0px !important;
}

.billing-redesign-text-left-summary {
    padding-left: 15px !important;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#notificationTextPanel {
    padding: 5px 3px;
    border-radius: 5px;
    background-color: #FDF2F5;
    margin-bottom: 20px;
}

    div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#notificationTextPanel span#rediconToRepresent {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/AR-new-homepage-icon-4.png');
    }

    div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#notificationTextPanel span#orangeiconToRepresent {
        display: inline-block;
        height: 30px;
        width: 30px;
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/AR-new-homepage-icon-5.png');
    }

    div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#notificationTextPanel span#rednotificationText {
        display: inline-block;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 0.75em;
        color: #D10D39;
        line-height: 15px;
        top: 395px;
        left: 430px;
        height: 35px;
        width: 212px;
        text-align: left;
        letter-spacing: 0px;
        opacity: 1;
    }

    div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock div#notificationTextPanel span#orangenotificationText {
        display: inline-block;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 0.75em;
        color: #F58220;
        line-height: 15px;
        top: 395px;
        left: 430px;
        height: 35px;
        width: 212px;
        text-align: left;
        letter-spacing: 0px;
        opacity: 1;
        background-color: #FFF5E7;
    }
/*Mobileview Changes*/
@media only screen and (max-width: 950px) {
    .modal-common-class {
        left: 20px;
        right: 20px;
    }

    .main-content {
        padding-bottom: 0px !important;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne,
    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionMobileSevenAccordionBodyNew div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionBodyMobile div#divContentTwo {
        padding-left: 0px !important;
    }

    small-6 columns {
        font-size: 9px;
    }

        small-6 columns contentRight text-right {
            left: 8vw;
        }

    div#facturacionBillingSection div.sectionLeft div.sectionTwo {
        padding-bottom: 25px;
    }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo h3#topText {
            font-size: 1.5em;
        }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo h1#amountToPay {
            font-size: 2em;
        }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo div#notificationTextPanel,
        div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionHead div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionHead div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionHead div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionHead div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionHead div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionHead div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew div.contentRight,
        div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead div.contentLeft,
        div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead div.contentRight {
            font-size: 14px;
            font-style: normal;
        }

        div#facturacionBillingSection div.sectionLeft div.sectionTwo a#detailsPageButton,
        div#facturacionBillingSection div.sectionLeft div.sectionTwo a#paymentPageButton {
            font-size: 16px;
            font-style: normal;
        }

    div#facturacionBillingSection div.sectionOne {
        display: block;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionHead div.contentLeft {
        padding-right: 0 !important;
        display: inline-flex;
    }

    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionHead div.contentLeft {
        padding-right: 0 !important;
        display: inline-flex;
    }

    div.contentRight {
        left: 2vw;
    }

    div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew div.contentLeft {
        padding-right: 0 !important;
        display: inline-flex;
    }

    div#facturacionBillingSection div.sectionRight.mobileView div.sectionEight div#sectionEightDetails div.contentRight, div#facturacionBillingSection div.sectionRight.mobileView div.sectionNine div#sectionNineDetails div.contentRight {
        padding-right: 1.4vw !important;
        text-align: right !important;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionHead div.contentLeft {
        background-image: none;
        padding-left: 0px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionHead {
        padding: 5px 5px 5px 5px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionHead {
        padding: 5px 5px 5px 5px;
    }

    div#facturacionBillingSection div.sectionRight div.section div#sectionSevenAccordionHeadNew {
        padding: 5px 5px 5px 5px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionHead div.contentLeft {
        background-image: none;
        padding-left: 0px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionHead {
        padding: 5px 5px 5px 5px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionHead div.contentLeft {
        background-image: none;
        padding-left: 0px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew div.contentLeft {
        background-image: none;
        padding-left: 0px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionFourAccordionHead {
        padding: 5px 5px 5px 5px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead div.contentLeft {
        background-image: none;
        padding-left: 0px;
    }

    div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead {
        padding: 5px 0px 5px 0px;
    }


    div#facturacionBillingSection div.sectionBottom.mobileView,
    div#facturacionBillingSection div.sectionRight.mobileView,
    div.row.misTabContentSection.mobileView,
    div.row.paymentSectionMobileView {
        display: block !important;
    }

    div#facturacionBillingSection div.sectionOne a#misDatos.inDesktop {
        display: none;
    }

    div#facturacionBillingSection div.sectionOne a#misDatos.notInDesktop {
        display: inline-block;
    }

    div#facturacionBillingSection div.sectionRight.mobileView {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #F2F2F2;
        padding: 10px;
        margin-top: 1.5em;
        font-style: italic;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentLeft,
    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentRight,
    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentTwo div.contentLeft,
    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentTwo div.contentRight,
    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentLeft,
    div#facturacionBillingSection div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentRight {
        font-size: 0.87em;
    }

    div#facturacionBillingSection div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionEleven div#sectionMobileSevenAccordionBodyNew div#divContentTwo,
    div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionBodyMobile div#divContentTwo {
        font-size: 12.18px !important;
    }

    div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionFive,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionSix,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionEleven,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionSeven {
        padding-left: 0em;
        padding-right: 0em;
    }

        div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionHead,
        div#facturacionBillingSection div.sectionRight.mobileView div.sectionFive div#sectionFiveAccordionHead,
        div#facturacionBillingSection div.sectionRight.mobileView div.sectionSix div#sectionSixAccordionHead,
        div#facturacionBillingSection div.sectionRight.mobileView div.sectionEleven div#sectionSevenAccordionHeadNew,
        div#facturacionBillingSection div.sectionRight.mobileView div.sectionSeven div#sectionSevenAccordionHead {
            height: auto;
            line-height: 20px;
            margin-top: 15px;
        }

            div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionHead div.contentLeft,
            div#facturacionBillingSection div.sectionRight.mobileView div.sectionSeven div#sectionSevenAccordionHead div.contentLeft {
                display: inline-flex;
            }

            div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionHead div.contentRight,
            div#facturacionBillingSection div.sectionRight.mobileView div.sectionFive div#sectionFiveAccordionHead div.contentRight,
            div#facturacionBillingSection div.sectionRight.mobileView div.sectionSix div#sectionSixAccordionHead div.contentRight,
            div#facturacionBillingSection div.sectionRight.mobileView div.sectionEleven div#sectionSevenAccordionHeadNew div.contentRight,
            div#facturacionBillingSection div.sectionRight.mobileView div.sectionSeven div#sectionSevenAccordionHead div.contentRight {
                margin-bottom: 5px;
            }

                div#facturacionBillingSection div.sectionRight.mobileView div.sectionFive div#sectionFiveAccordionHead div.contentRight::after,
                div#facturacionBillingSection div.sectionRight.mobileView div.sectionEleven div#sectionSevenAccordionHeadNew div.contentRight::after
                div#facturacionBillingSection div.sectionRight.mobileView div.sectionSix div#sectionSixAccordionHead div.contentRight::after {
                    bottom: 28px;
                }

                div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionHead div.contentRight::after,
                div#facturacionBillingSection div.sectionRight.mobileView div.sectionSeven div#sectionSevenAccordionHead div.contentRight::after {
                    bottom: 3px;
                }
    /*---------For mobile screen accordion content---------
     div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentLeft,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentRight,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionBody div#divContentTwo div.contentLeft,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionBody div#divContentTwo div.contentRight,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentLeft,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentRight {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        padding-left: 30px;
        padding-right: 30px;
    }
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentRight button#btnAmnt {
        background: #0273AE !important;
        border-radius: 20px !important;
        width: 60%;
        color: #FFFFFF !important;
        padding: 0.35em;
        font-size: 14px;
    } ---------For mobile screen accordion content---------*/
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionEight,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionNine {
        padding-left: 0;
    }

        div#facturacionBillingSection div.sectionRight.mobileView div.sectionEight div#sectionEightDetails,
        div#facturacionBillingSection div.sectionRight.mobileView div.sectionNine div#sectionNineDetails,
        div#facturacionBillingSection div.sectionRight.mobileView div.sectionTen div#sectionTenDetails {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            line-height: 1.25em;
            color: #222222;
            height: 100%;
        }

            div#facturacionBillingSection div.sectionRight.mobileView div.sectionTen div#sectionTenDetails div.contentLeft div#partOne,
            div#facturacionBillingSection div.sectionRight.mobileView div.sectionTen div#sectionTenDetails div.contentRight {
                font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
                text-transform: uppercase;
            }

            div#facturacionBillingSection div.sectionRight.mobileView div.sectionTen div#sectionTenDetails div.contentLeft div#partTwo,
            div#facturacionBillingSection div.sectionRight.mobileView div.sectionTen div#sectionTenDetails div.contentRight {
                width: max-content;
            }

        div#facturacionBillingSection div.sectionRight.mobileView div.sectionEight div#sectionEightDetails,
        div#facturacionBillingSection div.sectionRight.mobileView div.sectionNine div#sectionNineDetails {
            margin-top: 15px;
            padding-left: 3px;
        }

    div#facturacionBillingSection div.sectionRight.mobileView div.sectionTen {
        background: #F3F3F3;
        border-radius: 10px;
    }

        div#facturacionBillingSection div.sectionRight.mobileView div.sectionTen div#sectionTenDetails div.contentLeft {
            padding-left: 10px;
        }

    div#facturacionBillingSection div.sectionRight.mobileView div.sectionEight div#sectionEightDetails div.contentLeft,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionNine div#sectionNineDetails div.contentLeft {
        padding-left: 2px;
    }

    div#facturacionBillingSection div.sectionRight.mobileView div.sectionEight div#sectionEightDetails div.contentRight,
    div#facturacionBillingSection div.sectionRight.mobileView div.sectionNine div#sectionNineDetails div.contentRight {
        position: relative;
    }

    div#facturacionBillingSection div.sectionRight.mobileView div.sectionTen div#sectionTenDetails {
        padding: 10px 3vw 10px 11px;
        background: #F3F3F3 !important;
        border-radius: 10px !important;
        padding-top: 1em;
    }

    div#facturacionBillingSection div.sectionRight.mobileView div.sectionTen {
        padding: 0px;
        margin-top: 1.5vh;
    }

    div#facturacionBillingSection div.sectionBottom.mobileView div {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 10px;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1.5em;
        color: #156FAE;
        text-transform: uppercase;
        padding: 30px 30px 30px 70px;
        margin: 5px 0px 5px 0px;
    }

        div#facturacionBillingSection div.sectionBottom.mobileView div.misFacturas {
            background-image: url('../images/misFacturas-icon.png'),url('../images/misFacturas-accordion.png');
            background-size: 35px, 15px;
            background-position: 17px, 93% center;
            background-repeat: no-repeat, no-repeat;
            margin-top: 25px;
        }

        div#facturacionBillingSection div.sectionBottom.mobileView div.misMovimientos {
            background-image: url('../images/misMovimientos-icon.png'),url('../images/misFacturas-accordion.png');
            background-size: 35px, 15px;
            background-position: 17px, 93% center;
            background-repeat: no-repeat, no-repeat;
        }

        div#facturacionBillingSection div.sectionBottom.mobileView div.misPagos {
            background-image: url('../images/misPagos-icon.png'),url('../images/misFacturas-accordion.png');
            background-size: 45px, 15px;
            background-position: 17px, 93% center;
            background-repeat: no-repeat, no-repeat;
            margin-bottom: 40px;
        }

    div.misTabContentSection.mobileView div.misTabContentTable table#misFacturas tr td {
        width: 300px;
        line-height: initial;
        font-size: 1em;
    }

    div.misTabContentSection.mobileView div.misTabContentTable table tr td#descargar {
        text-align: center;
        padding: 20px 0;
    }

    div.misTabContentSection.mobileView div.misTabContentTable table tr td#tdAccordion {
        width: auto !important;
    }

    div.misTabContentSection.mobileView div.misTabContentTable table tr td span#tdAccordion::after {
        content: "";
        display: inline-block;
        height: 0.4em;
        width: 0.7em;
        background-size: 0.7em 0.4em;
        padding-bottom: 20px;
        margin-top: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/iconInvoicesSection_expand.png');
    }

    div.misTabContentSection div.misTabContentTable table#misMovimientos tr td span#accordion::before {
        position: absolute;
    }

    div.misTabContentSection div.misTabContentTable table#misPagos tr td span#accordion::before {
        position: absolute;
        right: 28px;
    }

    div.row.paymentSectionMobileView {
        background-color: #F2F2F2;
        padding-top: 30px;
        padding-bottom: 80px;
    }

    div.paymentSectionMobileView div.innerDiv {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 10px;
        padding: 20px 30px 25px 30px;
    }

        div.paymentSectionMobileView div.innerDiv h3#topText {
            background-image: url('../images/métodos-de-pago.png');
            line-height: 1.75em;
            background-size: 37px;
            background-position: left center;
            background-repeat: no-repeat;
            padding: 8px 0px 7px 51px;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 1.2em;
            font-weight: 500;
            text-transform: uppercase;
            color: #222222;
        }

        div.paymentSectionMobileView div.innerDiv div#bottomText {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 1em;
            line-height: 1.25em;
            margin-bottom: 20px;
            color: #222222;
        }

        div.paymentSectionMobileView div.innerDiv div.PaymentTypesNavigation a#knowMoreButton {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 0.8em;
            font-weight: 500 !important;
            text-align: center;
            width: 100%;
            margin-bottom: 0px;
            background: #FFFFFF 0% 0% no-repeat padding-box;
            border: 1px solid #0972AE;
            color: #097DB4;
            padding: 13px 13px;
            text-transform: uppercase;
        }

    div.hideTableSection {
        display: block !important;
        background-color: #F2F2F2;
        padding-top: 30px;
        padding-bottom: 35px;
        color: #222222;
    }

        div.hideTableSection div {
            padding: 0px 0px 0px 20px;
        }

        div.hideTableSection h1 {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 2em;
            color: #222222;
        }

            div.hideTableSection h1 span::before {
                content: "";
                display: inline-block;
                height: 15px;
                width: 9px;
                background-size: 9px 15px;
                padding-bottom: 21px;
                background-repeat: no-repeat;
                background-position: center;
                background-image: url('../images/backIconMyInvoicesSection.png');
            }

        div.hideTableSection span#customerId {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 1em;
            margin-left: 36px;
        }
}

@media only screen and (max-width: 676px) {
    div.misTabContentSection.mobileView div.misTabContentTable table tr td span#tdAccordion::after,
    div.misTabContentSection.mobileView div.misTabContentTable table tr.active td span#tdAccordion::after,
    div.misTabContentSection div.misTabContentTable table#misMovimientos tr.active td span#accordion::before,
    div.misTabContentSection div.misTabContentTable table#misPagos tr.active td span#accordion::before {
        margin-top: 0;
    }
}
/*Mobile view changes*/
/* Custom styles for `MDTV-984 -AR - Postpaid Billing UI: Desktop and Mobile Version` ends here. */
/* Custom styles for `MDTV-768 - OTT Retention - Formulario Colombia and Chile` starts here. */
form#procedureOTTForm h4.pageHeading,
form#procedureOTTForm p.pageText,
form#procedureOTTForm select.pageText,
form#procedureOTTForm input.pageText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

form#procedureOTTForm select.pageText {
    font-size: 0.95rem !important;
}
/* Custom styles for `MDTV-768 - OTT Retention - Formulario Colombia and Chile` ends here. */
/* Custom styles for `MDTV-940 -PE - Postpaid Automatic debit: 1.New form to enroll to automatic debit` Starts here. */
div.debitoAutomaticoMain div h1 {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 2.5em;
    color: #222222;
}

div.debitoAutomaticoMain div div#mainText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    color: #222222;
    line-height: 1.5em;
    margin-top: 20px;
}

div.sectionTwo div.topSection div.leftSection h3#topText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 2em;
    padding: 10px 20px 10px 0px;
}

div.sectionTwo div.topSection div.leftSection {
    padding: 0px;
    margin-top: 20px;
}

    div.sectionTwo div.topSection div.leftSection div.borderClass {
        width: 265px;
        margin-top: 15px;
        margin-bottom: 25px;
        border-bottom: 1px solid #9E9E9E;
    }

    div.sectionTwo div.topSection div.leftSection div.iconSection {
        line-height: 5em;
    }

        div.sectionTwo div.topSection div.leftSection div.iconSection img#visaIcon,
        div.sectionTwo div.topSection div.leftSection div.iconSection img#mcIcon,
        div.sectionTwo div.topSection div.leftSection div.iconSection img#aeIcon,
        div.sectionTwo div.topSection div.leftSection div.iconSection img#dcIcon {
            width: 55px;
            margin-right: 10px;
        }

        div.sectionTwo div.topSection div.leftSection div.iconSection img#visaIcon {
            height: 36px;
        }

    div.sectionTwo div.topSection div.leftSection div.bottomText {
        margin-top: 25px;
    }

        div.sectionTwo div.topSection div.leftSection div.bottomText span {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 1em;
            color: #222222;
        }

        div.sectionTwo div.topSection div.leftSection div.bottomText img {
            margin-left: 15px;
        }

div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    line-height: 1em;
    margin-left: 57px;
}
    /*MDTV-1136*/
    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div div.notificationText p {
        background: #FFFF66 0% 0% no-repeat padding-box;
        border: 1px solid #BB8844;
        border-radius: 4px;
        padding: 15px 30px 15px 30px;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        color: #992222;
        margin: auto auto 10px auto;
    }
    /*MDTV-1136*/
    /*MDTV-1111*/
    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div div.notifText p {
        background: #FFC80A 0% 0% no-repeat padding-box;
        border-radius: 10px;
        background-image: url(../images/warning_ico_blackbg.png);
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: 10px 15px;
        padding: 10px 10px 10px 30px;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 0.875em;
        line-height: 1.5em;
        color: #222222;
        letter-spacing: 0px;
        margin: auto auto 10px auto;
    }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div div.notifText p span {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        }
    /*MDTV-1111*/
    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div div#breakDiv {
        display: none !important;
    }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold {
        font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
        color: #000000;
        text-transform: uppercase;
        font-size: 0.88em;
    }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold input.cardImage {
            background: url(../images/default_Card_Icon.png) no-repeat 10px center;
            background-size: 25px;
            padding-left: 47PX;
        }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold i {
            color: #009EE7;
            font-size: 1em;
            margin-left: 8px;
        }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold > span.textBreak {
            color: #000000;
        }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset small.error.help-block {
        letter-spacing: 0px;
        color: #CC1401 !important;
        opacity: 1 !important;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
        font-size: 1em !important;
        font-style: initial !important;
        line-height: 1.2500em;
    }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset input[type=text],
    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset input[type=email] {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #9E9E9E;
        border-radius: 5px;
        margin-top: 6px;
        letter-spacing: 1.12px;
        opacity: 1;
        color: #222222;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
    }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset input.redFocus {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border: 1px solid #CC1401;
        border-radius: 5px;
        opacity: 1;
    }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset input[type=text]:focus,
    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset input[type=email]:focus {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 3px #009FDB80;
        border: 1px solid #009FDB;
        border-radius: 5px;
    }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.radioBtnSection {
        line-height: 2em;
    }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.radioBtnSection div label.radioVal,
        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.textUnderRadio {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            color: #000000;
            font-size: 1em;
        }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.textUnderRadio {
        line-height: 1.5em;
    }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.radioBtnSection div label.radioVal span.radioOneTooltip i,
    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold span.transactionTooltip i span.tooltipText {
        color: #222222;
    }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.radioBtnSection div label.radioVal span.radioOneTooltip,
    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold span.transactionTooltip {
        position: relative;
    }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold span.transactionTooltip i span.tooltipText.topTip {
            width: 130px;
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 0.895em;
            line-height: 1.85em;
            color: #FFFFFF;
            background: #222222 0% 0% no-repeat padding-box;
            border-radius: 3px;
            font-weight: normal;
            visibility: hidden;
            padding: 10px;
            z-index: 1;
            text-transform: initial;
            position: absolute;
            bottom: 20px;
            left: 10px;
        }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold span.transactionTooltip i:hover span.tooltipText.topTip {
            visibility: visible;
        }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.radioBtnSection div label.radioVal span.radioOneTooltip i span.tooltipText {
            width: 281px;
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 0.895em;
            line-height: 1.85em;
            color: #FFFFFF;
            background: #222222 0% 0% no-repeat padding-box;
            border-radius: 3px;
            font-weight: normal;
            visibility: hidden;
            padding: 8px 19px 8px 20px;
            z-index: 1;
        }

            div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.radioBtnSection div label.radioVal span.radioOneTooltip i span.tooltipText.topOne {
                position: absolute;
                top: -25px;
            }

            div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.radioBtnSection div label.radioVal span.radioOneTooltip i span.tooltipText.bottomOne {
                position: absolute;
                top: -50px;
            }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.radioBtnSection div label.radioVal span.radioOneTooltip i:hover span.tooltipText {
            visibility: visible;
        }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.textUnderRadio div a {
        color: #00AEEF;
        text-transform: uppercase;
    }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.buttonSection a {
        background: #9E9E9E80 0% 0% no-repeat padding-box;
        border-radius: 5px;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        color: #00000080;
        text-transform: uppercase;
        cursor: not-allowed;
        box-shadow: none;
    }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.buttonSection a.activeClass {
            background: #0073AE 0% 0% no-repeat padding-box;
            border-radius: 5px;
            color: #FFFFFF;
            text-transform: uppercase;
            cursor: pointer;
        }

div.emptyModal a#closeButton {
    color: #222222;
}

@media only screen and (min-width: 751px) and (max-width: 900px) {
    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold > span.textBreak {
        height: 35px;
        display: block;
    }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold > span.textBreak.cvv {
            padding-top: 17px;
        }
}

@media only screen and (max-width: 750px) {
    div.sectionTwo {
        padding-top: 0px;
    }

    div.debitoAutomaticoMain div h1 {
        font-size: 2em
    }

    div.sectionTwo div.topSection div.rightSection {
        padding: 0px;
    }

    div.sectionTwo div.topSection div.leftSection {
        margin-top: 0px;
    }

        div.sectionTwo div.topSection div.leftSection h3#topText {
            font-size: 1.629em
        }

    div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset {
        margin-left: auto;
    }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div div.notificationText p {
            padding: 15px 15px 15px 15px;
        }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.paddingRemovalLeft {
            padding-right: 10px;
        }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.paddingRemovalRight {
            padding-left: 10px;
        }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold > span.textBreak {
            height: 35px;
            display: block;
        }

            div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold > span.textBreak.cvv {
                padding-top: 17px;
            }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div div#breakDiv {
            display: block !important;
        }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.radioBtnSection div label.radioVal span.radioOneTooltip i span.tooltipText.topOne {
            position: absolute;
            top: 23px;
            right: -46px;
        }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.row.radioBtnSection div label.radioVal span.radioOneTooltip i span.tooltipText.bottomOne {
            position: absolute;
            top: -122px;
            left: -21px;
        }

        div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset label.labelBold span.transactionTooltip i span.tooltipText.topTip {
            position: absolute;
            bottom: 20px;
            left: -35px;
        }

    div.emptyModal a#closeButton {
        position: absolute;
        top: .05em;
    }
}
/* Custom styles for `MDTV-940 -PE - Postpaid Automatic debit: 1.New form to enroll to automatic debit` ends here. */
/*MDTV-1038*/
div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset.fs-EditCardDtls {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0px;
    line-height: 1em;
    margin: 0px;
    padding: 0px;
}

div.sectionTwo div.topSection#editCardDtlsDivOne {
    padding: 0px;
}

    div.sectionTwo div.topSection#editCardDtlsDivOne div.rightSection#editCardDtlsDivTwo {
        padding-right: 0px;
    }

div.debitoAutoSubscriptionSucessModal#debitoAutoEditCardDtlsModal {
    position: absolute;
    top: 25px !important;
}

div#debitoAutoEditCardDtlsModal div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.buttonSection a {
    background: #9E9E9E80 0% 0% no-repeat padding-box;
    border-radius: 5px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    color: #00000080;
    text-transform: uppercase;
    box-shadow: none;
    padding: 1em;
    cursor: not-allowed;
}

    div#debitoAutoEditCardDtlsModal div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.buttonSection a#cancelEditCardBtn {
        cursor: pointer;
    }

    div#debitoAutoEditCardDtlsModal div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.buttonSection a.activeClass {
        background: #0073AE 0% 0% no-repeat padding-box;
        border-radius: 5px;
        color: #FFFFFF;
        text-transform: uppercase;
        cursor: pointer;
    }

@media only screen and (max-width: 699px) {
    div#debitoAutoEditCardDtlsModal div.sectionTwo div.topSection div.rightSection div.buttonSection div.forSmallScreens {
        display: block;
        padding-bottom: 1em;
    }

    div#debitoAutoEditCardDtlsModal div.sectionTwo div.topSection div.rightSection div.buttonSection div.forLargeScreens {
        display: none;
    }
}

@media only screen and (min-width: 700px) {
    div#debitoAutoEditCardDtlsModal div.sectionTwo div.topSection div.rightSection div.buttonSection div.forSmallScreens {
        display: none;
    }

    div#debitoAutoEditCardDtlsModal div.sectionTwo div.topSection div.rightSection div.buttonSection div.forLargeScreens {
        display: block;
    }

    div.debitoAutoSubscriptionSucessModal#debitoAutoEditCardDtlsModal {
        padding: 25px 40px 0px 25px;
    }
}
/*MDTV-1038*/
/* Custom styles for `MDTV-946 -`PE - Postpaid Automatic debit : 5.Configuration form controls` Starts here. */
div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.fixedHeightInput div#txtNumeroTarjeta,
div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.fixedHeightInput div#txtFechaVencimiento,
div.sectionTwo div.topSection div.rightSection form#autoDebitForm fieldset div.fixedHeightInput div#txtCvv {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #9E9E9E;
    border-radius: 5px;
    padding: 6px;
    margin: .2em 0 .5em 0 !important;
}
/* Custom styles for `MDTV-946 -`PE - Postpaid Automatic debit : 5.Configuration form controls` ends here. */
/* Custom styles for `MDTV-623 - AR-Web Payment – Customer with automatic debit` starts here. */
h5.autoDebitNotificationMessage {
    color: #00abe3;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1rem !important;
    font-weight: 600;
}

    h5.autoDebitNotificationMessage span.exclamationIcon {
        display: inline-block;
        border: 2px solid #00abe3;
        border-radius: 50px;
        padding: 2px;
        color: #00abe3;
        font-size: 0.8rem;
        height: 22px;
        width: 22px;
        text-align: center;
    }
/* Custom styles for `MDTV-623 - AR-Web Payment – Customer with automatic debit` ends here. */
/* Custom styles for `MDTV-803 - PE - Online Recharge : Maximum and minimum amounts to recharge` starts here. */
div#AlertRecharge.adjustMargin {
    margin: 0px !important;
}
/* Custom styles for `MDTV-803 - PE - Online Recharge : Maximum and minimum amounts to recharge` ends here. */
/* Custom styles for `MDTV-852 - UY PS Payments - Adapt Landing & Integrate Payment Flow` starts here. */
.headerVisibility {
    visibility: hidden !important;
}
/* Custom styles for `MDTV-852 - UY PS Payments - Adapt Landing & Integrate Payment Flow` ends here. */
/* Custom styles for `MDTV-522 - PQR - Cancelled Customers` starts here. */
div.cancelHomeSection {
    display: flex;
    height: 100%;
}

    div.cancelHomeSection div.cancelHomePanel {
        padding: .75em !important;
        background: #F5FCFF 0% 0% no-repeat padding-box;
        border: 1px solid #EAF1F4;
    }

        div.cancelHomeSection div.cancelHomePanel div#topText {
            color: #333333;
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 1em;
            padding: 15px;
        }

        div.cancelHomeSection div.cancelHomePanel div.buttoneOne,
        div.cancelHomeSection div.cancelHomePanel div.buttoneTwo {
            text-align: center;
            padding: 10px;
            text-transform: uppercase;
        }

            div.cancelHomeSection div.cancelHomePanel div.buttoneOne a,
            div.cancelHomeSection div.cancelHomePanel div.buttoneTwo a {
                width: 180px !important;
                color: #0073AE !important;
                padding: 10px !important;
                background: #FFFFFF 0% 0% no-repeat padding-box !important;
                border: 1px solid #0073AE !important;
            }

@media only screen and (max-width: 780px) {
    div.cancelHomeSection div.cancelHomePanel div.buttoneOne a,
    div.cancelHomeSection div.cancelHomePanel div.buttoneTwo a {
        width: 100% !important;
    }
}
/* Custom styles for `MDTV-522 - PQR - Cancelled Customers` ends here. */
/* Custom styles for `MDTV-904 - PE - Postpaid Automatic debit - Unsubscribe enrolled client part1.'starts here */
dl.dldebitoAuto {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

    dl.dldebitoAuto.withBG {
        background: rgba(4, 170, 227, 0.07) !important;
        padding: 10px !important;
    }

    dl.dldebitoAuto dd {
        margin: 0px;
    }

div#debitoAutoMain h1#debitoAutoHeading {
    padding-top: 0.5em;
    font-size: 2.5em !important;
}

.debitoAutoText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    color: #222222;
}

div.debitoAutoCardDetails div.debitoAutoCardIcon {
    mix-blend-mode: multiply;
    background-image: url(../images/card-icon.png) !important;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 40px;
    height: 40px;
}

div#debitoAutoText {
    padding-left: 0px;
    margin-bottom: 1em;
}

div.extraPadding {
    padding-left: 0px;
}

div#debitoAutoCard {
    background: #F3F3F3;
    margin-bottom: 10px;
}

div#debitoAutoCardOcrance {
    border: 1px solid #E0E0E0;
}

div p.debitoAutoPara {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    color: #222222;
}

div.debitoAutoCardDetails {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    padding: 16px 24px;
    border-radius: 5px;
    line-height: 1.8 !important;
    margin-bottom: 1em;
}

    div.debitoAutoCardDetails div.debitoAutoCardDetailsContent {
        display: flex;
        align-items: center;
    }

        div.debitoAutoCardDetails div.debitoAutoCardDetailsContent div.creditCardcontent {
            display: flex;
            justify-content: space-between;
            flex: 1;
            flex-direction: row;
            align-items: center;
        }

        div.debitoAutoCardDetails div.debitoAutoCardDetailsContent div.creditCardDtls {
            flex-direction: column;
            display: flex;
            margin-left: 16px;
        }

div.creditEditText {
    margin-left: 16px;
    font-size: 1em;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

div.debitoAutoCardDetailsContent div span.dollarWithCircle {
    display: inline-block;
    border: 2px solid #222222;
    border-radius: 50%;
    text-align: center;
    height: 30px;
    width: 30px;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
}
/*MDTV-1036*/
div.creditEditText a.editDetailsButton {
    color: #0073AE;
}

div#debitoAutoEditRecuranceModal label.textEditRecurance {
    text-transform: uppercase;
    color: #222222;
    font-size: 14px;
}

div#debitoAutoEditRecuranceModal div.radioBtnSection label.textEditRecuranceRadio {
    color: #222222;
    font-size: 1em;
    display: flex;
}

div#debitoAutoEditRecuranceModal div.radioBtnSection label.recuranceRadioToolTip {
    font-size: 1em;
    padding-left: 16px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #222222;
    padding-bottom: 2em;
}

@media only screen and (max-width: 699px) {
    div .debitoAutoCardDetails div.debitoAutoCardDetailsContent div.creditCardcontent {
        flex-direction: column;
        align-items: flex-start;
    }

    div#debitoAutoEditRecuranceModal div#debitoAutoConfirmMob,
    div#debitoAutoEditRecuranceModal div.divEditRecuranceModalMob {
        display: block !important;
    }

    div#debitoAutoEditRecuranceModal div#debitoAutoConfirmDesk,
    div#debitoAutoEditRecuranceModal div.divEditRecuranceModalDesk {
        display: none !important;
    }
}

@media only screen and (min-width: 700px) {
    div#debitoAutoEditRecuranceModal div#debitoAutoConfirmMob,
    div#debitoAutoEditRecuranceModal div.divEditRecuranceModalMob {
        display: none !important;
    }

    div#debitoAutoEditRecuranceModal div#debitoAutoConfirmDesk,
    div#debitoAutoEditRecuranceModal div.divEditRecuranceModalDesk {
        display: block !important;
    }
}

div#divAutoDebitModalButton {
    padding-top: 0px !important;
}

label.debitoAutoText.textBlack {
    margin-left: 1em;
    color: rgba(34,34,34,1);
    display: flex;
}

label.debitoAutoText.textGray {
    margin-left: 1em;
    color: rgba(34,34,34,0.8);
    display: flex;
}

div a.debitoAutoButton,
div a#btnUnscubscribeDebitoAuto {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    text-transform: uppercase;
    font-size: 14px !important;
    padding: 1em !important;
    border-radius: 5px !important;
}

div a.debitoAutoButton {
    background: rgba(255, 255, 255, 0.5) !important;
    border: 1px solid #0972AE !important;
    color: rgba(9, 125, 180, 1) !important;
}

div a#btnUnscubscribeDebitoAuto {
    background-color: rgba(0,115,174,1);
    color: #FFFFFF;
}

div.new-reveal-modal h2.debitoAutoModalHeading {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.88em;
    text-transform: uppercase;
    padding-bottom: 0.65em;
}

div.new-reveal-modal#debitoAutoModal {
    border-radius: 10px;
    color: #000000;
}

div a.debitoAutoCnfirmBtn {
    background-color: rgba(0,115,174,1) !important;
    color: #FFFFFF !important;
    width: 100% !important;
}

div.autoDebitText p {
    margin-bottom: 1em !important;
}

div a.debitoAutoCloseIcon {
    color: #222222 !important;
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 4em !important;
    right: 0.35em !important;
}

@media only screen and (min-width: 56.313em) {
    div #debitoAutoMain {
        padding-left: 35px !important;
    }

        div#debitoAutoMain section#debitoAutoSection {
            padding-left: 40px !important;
        }

    div#debitoAutoModal.new-reveal-modal {
        border-radius: 10px;
        width: 37em;
    }

    div#debitoAutoConfirm.forSmallScreens {
        display: none !important;
        padding: 0px 10px !important;
    }

    div#debitoAutoConfirm.forLargeScreens {
        display: block !important;
    }
}

@media only screen and (max-width: 900px) {
    div a.debitoAutoButton,
    div a#btnUnscubscribeDebitoAuto {
        width: 100% !important;
        padding: 1em 0.625em !important;
    }

    div#debitoAutoConfirm.forSmallScreens {
        display: block !important;
        margin-bottom: 1em !important;
    }

    div#debitoAutoConfirm.forLargeScreens {
        display: none !important;
    }

    label.debitoAutoText {
        font-size: 14px !important;
    }

    div#debitoAutoModal.new-reveal-modal {
        padding: 0.625em;
    }

    div#debitoAutoCard.debitoAutoCardDetails {
        padding: 1.25em !important;
    }
}

@media only screen and (min-width: 281px) and (max-width: 699px) {
    div a.debitoAutoCloseIcon {
        top: 0.25em !important;
        right: 0.15em !important;
    }
}
/* Custom styles for `MDTV-904 - PE - Postpaid Automatic debit - Unsubscribe enrolled client part1` ends here. */
/* Custom styles for `MDTV-1050 - AR Cancel Offer Update – Whole account UX Redesign for Mobile and Desktop' starts here */
div.cancellationSectionOne {
    position: relative;
    overflow: hidden;
    height: 490px;
}

    div.cancellationSectionOne img#AccbannerImg {
        margin-top: 2.5em;
        transform: scale(1.2);
        height: 450px;
        width: 100%;
    }

div.cancellationSectionTwo div.divSectionTwoAddText p span.spanSectionTwoBreak {
    display: block;
}

div.cancellationSectionOne div.divcontent {
    position: absolute;
    top: 55%;
    left: 50%;
    height: 90%;
    padding: 0em;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: white;
    font-size: 1em;
    background: transparent linear-gradient(180deg, #081A2B00 0%, #000000 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

div.cancellationSectionOne div.divcontentCO {
    position: absolute;
    top: 45%;
    left: 50%;
    height: 91%;
    padding: 0em;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: white;
    font-size: 1em;
    background: #f1f5f7 !important;
    /*background: transparent linear-gradient(180deg, #081A2B00 0%, #000000 100%) 0% 0% no-repeat padding-box;*/
    opacity: 1;
}

div.cancellationSectionOne div.divcontent div.divPosterText i.arrow {
    border: 1px solid #FFFFFF;
    border-width: 0px 4px 4px 0px;
    display: inline-block;
    padding: 13px;
    position: fixed;
    left: 50%;
    bottom: 5%;
    opacity: 0.5;
}

div.cancellationSectionOne div.divcontent div.divPosterText i.down {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

div.cancellationSectionOne div.divcontent div.divPosterText {
    bottom: -35%;
    position: relative;
}

    div.cancellationSectionOne div.divcontent div.divPosterText span.labelHeadingText {
        font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
        font-size: 2.687em;
        color: rgba(255,198,11,1);
    }

    div.cancellationSectionOne div.divcontent div.divPosterText span.labelOfferText {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1.875em;
        color: #FFFFFF;
    }

    div.cancellationSectionOne div.divcontent div.divPosterText span.labelOfferValue {
        font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
        font-size: 1.875em;
        color: #FFFFFF;
    }

    div.cancellationSectionOne div.divcontent div.divPosterText a.btnAcceptOffer,
    div.cancellationSectionOne div.divcontent div.divPosterText a.btnAcceptOfferDisabled {
        text-transform: uppercase;
        font-family: Helvetica Neue;
        padding: 1em;
        border-radius: 5px;
        margin: 10px 0px;
        letter-spacing: 0px;
        font-style: normal;
        font-variant: normal;
        font-size: 1em;
        font-weight: bold !important;
        /*font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
    font-weight: bold;*/
    }

    div.cancellationSectionOne div.divcontent div.divPosterText a.btnAcceptOffer {
        background: rgba(255,198,11,1);
        color: #00182E;
    }

    div.cancellationSectionOne div.divcontent div.divPosterText span.labelNote {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 0.875em;
        color: #FFFFFF;
        line-height: 20px;
    }

    div.cancellationSectionOne div.divcontent div.divPosterText span.divNoteBreak {
        display: block;
    }

div.cancellationSectionTwo {
    margin-top: 3em;
}

    div.cancellationSectionTwo p {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 1.875em;
        letter-spacing: 0px;
        color: #222222;
        text-transform: uppercase;
        opacity: 1;
        margin: 0.5em 0em !important;
    }

div span.spanDirectGo {
    mix-blend-mode: multiply;
    background-image: url(../images/cancellation/promotion-directv-go.png) !important;
    background-repeat: no-repeat;
    padding: 0em 3em;
    width: 100%;
    max-width: 100%;
}

div.cancellationSectionTwo div.divSectionTwoAddText p span#spanDirectGoBreak {
    display: none;
}

div.cancellationSectionTwo div.divBottomLine {
    background: #F3811F;
    border-radius: 10px;
    opacity: 1;
    margin-bottom: 1em;
    padding: 0.2em;
}

div.cancellationImageSection div img.hrSectionTwoImg {
    border-radius: 5px;
}

div.cancellationImageSection div hr.hrSectionTwo {
    border-bottom: 1px solid #D0D0D0;
    margin: 20px 0px 22px 0px;
}

div.cancellationImageSection div span.spanCenteredText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    display: block;
    font-size: 1em;
    color: #222222;
    line-height: 17px;
    text-align: center;
}

div.cancellationImageSection div.divCancellationImageColumn {
    margin: 2em 0em;
}

div.cancellationSectionThree {
    background: #F1F1F1 0% 0% no-repeat padding-box;
    opacity: 1;
}

    div.cancellationSectionThree div#divAddImage {
        mix-blend-mode: multiply;
        background-image: url(../images/cancellation/promotion-cancellation.png) !important;
        background-repeat: no-repeat;
        height: 360px;
        max-height: 100%;
    }

    div.cancellationSectionThree div#divAddText {
        padding: 6em 1em 1em 1em;
    }

        div.cancellationSectionThree div#divAddText p {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 1.875em;
            color: #222222;
            text-transform: uppercase;
        }

div.cancellationSectionFour div.divCancelConfirm {
    margin-top: 2.5em;
}

    div.cancellationSectionFour div.divCancelConfirm label.labelOffer {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 1.25em;
        color: #0073AE;
        margin-bottom: 1em;
        position: relative;
    }

    div.cancellationSectionFour div.divCancelConfirm h3.cancelConfirmHeading {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 1.875em;
        color: #222222;
    }

    div.cancellationSectionFour div.divCancelConfirm label.smallconfirmDtText,
    div.cancellationSectionFour div.divCancelConfirm label.smallconfirmDtValue {
        font-size: 1em;
        color: #222222;
        /* margin: 0em 1em 0em 1em;*/
        display: inline;
    }

    div.cancellationSectionFour div.divCancelConfirm label.smallconfirmDtText {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        margin-right: 0px;
    }

    div.cancellationSectionFour div.divCancelConfirm label.smallconfirmDtValue {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        margin-left: 0px;
    }

div.cancellationSectionFive div.divCancelConfirmbtn {
    padding-top: 2em;
}

    div.cancellationSectionFive div.divCancelConfirmbtn div.forSmallScreens {
        display: none;
    }

    div.cancellationSectionFive div.divCancelConfirmbtn div.confirmThis div.forLargeScreens {
        display: block;
    }

    div.cancellationSectionFive div.divCancelConfirmbtn a.cancelBtn,
    div.cancellationSectionFive div.divCancelConfirmbtn div.forLargeScreens a.confirmBtn,
    div.cancellationSectionFive div.divCancelConfirmbtn a.cancelBtnDisabled,
    div.cancellationSectionFive div.divCancelConfirmbtn div.forLargeScreens a.confirmBtnDisabled {
        font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        text-transform: uppercase;
        padding: 1em 2em;
        border-radius: 5px;
        margin-bottom: 1.5em;
    }

    div.cancellationSectionFive div.divCancelConfirmbtn a.cancelBtn {
        background: #FFFFFF;
        border: 1px solid #0073AE;
        color: #0073AE;
    }

    div.cancellationSectionFive div.divCancelConfirmbtn a.confirmBtn {
        background: #0073AE;
        color: #FFFFFF;
    }

div.cancellationSectionFour div.divSectionFourBottom {
    border-bottom: 1px solid #707070;
    opacity: 1;
    margin-bottom: 1.5em;
}

div.cancellationSectionSix {
    display: block;
}

    div.cancellationSectionSix div.legalTextSection p.legalSectionText {
        text-align: justify;
        margin-top: 1em;
        margin-bottom: 0.25em !important;
    }

div.cancellationSectionThree div#divAddTextMobileView {
    display: none;
}

@media only screen and (max-width: 750px) {
    div.cancellationImageSection div hr.hrSectionTwo,
    div.cancellationImageSection div span.spanCenteredText,
    div.cancellationSectionThree div#divAddText {
        display: none;
    }

    div.cancellationSectionOne {
        height: 800px;
    }

        div.cancellationSectionOne img.preloaderImg {
            height: 800px;
            transform: scaleX(2.2) scaleY(1);
            margin-top: 0px;
        }

        div.cancellationSectionOne img.bannerImg#AccbannerImg {
            height: 800px;
            transform: scaleX(9) scaleY(1.2);
            margin-top: 0px;
            width: 100%;
        }

    div.cancellationSectionTwo div.divSectionTwoAddText p span.spanSectionTwoBreak {
        display: none;
    }

    div.cancellationSectionOne div.divcontent {
        top: 57%;
    }

    div.cancellationSectionOne div.divcontentCO {
        top: 45%;
        height: 91%;
    }

    div.cancellationSectionOne div.divcontent div.divPosterText a.btnAcceptOffer, div.cancellationSectionOne div.divcontent div.divPosterText a.btnAcceptOfferDisabled {
        width: 100%;
        padding: 1.4em !important;
    }

    div.cancellationSectionOne div.divcontent div.divPosterText {
        bottom: -38%;
    }

        div.cancellationSectionOne div.divcontent div.divPosterText span.labelTextOne {
            font-size: 2em;
        }

        div.cancellationSectionOne div.divcontent div.divPosterText span.labelOfferText,
        div.cancellationSectionOne div.divcontent div.divPosterText span.labelOfferValue {
            font-size: 1.38em;
        }

        div.cancellationSectionOne div.divcontent div.divPosterText span.labelOfferText {
            margin-top: 19px;
            display: block;
        }

        div.cancellationSectionOne div.divcontent div.divPosterText span.labelOfferValue {
            line-height: 1.56em;
        }

        div.cancellationSectionOne div.divcontent div.divPosterText span.divNoteBreak {
            display: none;
        }

        div.cancellationSectionOne div.divcontent div.divPosterText i.arrow {
            bottom: -30%;
            left: 45%;
            position: absolute;
        }

    div.cancellationSectionThree {
        padding: 30px 0px 30px 0px;
    }

        div.cancellationSectionThree div#divAddTextMobileView {
            display: block;
            padding: 2px;
        }

    div.cancellationSectionOne div.divcontent {
        position: absolute;
        top: 52%;
        left: 50%;
        height: 96%;
    }

    div.cancellationSectionOne div.divcontentCO {
        position: absolute;
        top: 45%;
        left: 50%;
        height: 91%;
    }

    div.cancellationImageSection div.divCancellationImageColumn div {
        padding: 5px;
    }

    div.cancellationSectionTwo {
        margin-top: 1.5em;
    }

        div.cancellationSectionTwo p {
            font-size: 26px;
        }

        div.cancellationSectionTwo div.divSectionTwoAddText p span#spanDirectGoBreak {
            display: block;
        }

    div span.spanDirectGo {
        padding: 0em 3.5em;
    }

    div.cancellationSectionThree div#divAddTextMobileView p {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 1.626em;
        color: #222222;
        text-transform: uppercase;
    }

        div.cancellationSectionThree div#divAddTextMobileView p span.spanDirectGo {
            mix-blend-mode: multiply;
            background-image: url(../images/cancellation/promotion-directv-go.png) !important;
            background-repeat: no-repeat;
            padding: 0em 3.5em;
            width: 100%;
            max-width: 100%;
        }

    div.cancellationSectionThree div#divAddImage {
        right: 1.8em;
    }

    div.cancellationSectionFour div.divCancelConfirm h3.cancelConfirmHeading {
        font-size: 1.375em;
        margin-bottom: 1.25em;
    }

    div.cancellationSectionFour div.divCancelConfirm label.labelOffer {
        margin: 1em;
    }

    div.cancellationSectionFour #divSectionFourBottom {
        margin-top: 1.5em;
        margin-bottom: 1.5em;
        padding: 0em;
    }

    div.cancellationSectionFour div label.smallconfirmDtText,
    div.cancellationSectionFour div label.smallconfirmDtValue {
        line-height: 0.5em;
        display: block;
        margin: 0em;
    }

    div.cancellationSectionFive div.divCancelConfirmbtn div.forLargeScreens {
        display: none;
    }

    div.cancellationSectionFive div.divCancelConfirmbtn div.forSmallScreens {
        display: block;
    }

        div.cancellationSectionFive div.divCancelConfirmbtn div.forSmallScreens a.confirmBtn,
        div.cancellationSectionFive div.divCancelConfirmbtn div.forSmallScreens a.confirmBtnDisabled {
            font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
            font-size: 1em;
            text-transform: uppercase;
            padding: 1.1em 2.1em;
            border-radius: 5px;
            width: 100%;
            margin-bottom: 1.5em;
            border: 1px solid #0073AE;
        }

    div.cancellationSectionFive div.divCancelConfirmbtn a.cancelBtn,
    div.cancellationSectionFive div.divCancelConfirmbtn a.cancelBtnDisabled {
        width: 100%;
        margin-bottom: 1.5em;
    }

    div.cancellationSectionSix {
        display: none;
    }
}

@media only screen and (max-width: 281px) {
    div.cancellationSectionOne div.divcontent div.divPosterText i.arrow {
        bottom: -10%;
        left: 50%;
    }
}

@media only screen and (min-width: 1500px) {
    div.cancellationSectionOne img.bannerImg#AccbannerImg {
        margin-top: 3.5em;
        height: 630px;
    }

    div#cancelSection div.cancellationSectionOne#divCancelSectionBanner {
        position: relative;
        overflow: hidden;
        height: 700px;
    }

    div#cancelSection div.cancellationSectionOne#divCancelSectionBannerCO {
        position: relative;
        overflow: hidden;
        height: 700px;
    }
}
/* Custom styles for `MDTV-1050 - AR Cancel Offer Update – Whole account UX Redesign for Mobile and Desktop' ends here */
/* Custom styles for `MDTV-1051 - AR Cancel Offer Update – HBO  UX Redesign for Mobile and Desktop' starts here */
div.cancellationSectionOne img.bannerImg#hboBanner {
    transform: scale(1.2);
    /*height: 520px;*/
    width: 100%;
    margin-top: 3em;
}

div.cancellationSectionOne img.bannerImg#hboBannerSmallScreen {
    display: none;
}

@media only screen and (max-width: 750px) {
    div.cancellationSectionOne img.bannerImg#hboBanner {
        display: none;
    }

    div.cancellationSectionOne img.bannerImg#hboBannerSmallScreen {
        display: block;
        width: 100%;
        /*height:100%;*/
    }
}

@media only screen and (min-width: 751px) and (max-width: 899px) {
    div.cancellationSectionOne div.divcontent div.divPosterText {
        bottom: -30%;
        position: relative;
    }
}

@media only screen and (min-width: 751px) and (max-width: 1099px) {
    div.cancellationSectionOne img.bannerImg#hboBanner {
        transform: scale(1.2);
        height: 400px;
        width: 100%;
        margin-top: 3em;
    }
}

@media only screen and (min-width: 1500px) {
    div.cancellationSectionOne div.divcontent div.divPosterText {
        bottom: -55%;
        position: relative;
    }

    div.cancellationSectionOne img.bannerImg#hboBanner {
        transform: scale(1.1);
        width: 100%;
        /*height: 830px;*/
    }

    div.cancellationSectionOne {
        position: relative;
        overflow: hidden;
        height: 750px;
    }
}
/* Custom styles for `MDTV-1051 - AR Cancel Offer Update – HBO  UX Redesign for Mobile and Desktop' ends here */
/* Custom styles for `MDTV-1052 - AR Cancel Offer Update –  FOX UX Redesign for Mobile and Desktop' starts here */
div.cancellationSectionOne img.bannerImg#foxBanner {
    margin-top: 1.5em;
    transform: scale(1.2);
    height: 510px;
    width: 100%;
}

div.cancellationSectionOne img.bannerImg#foxBannerSmallScreen {
    display: none;
}

@media only screen and (max-width: 750px) {
    div.cancellationSectionOne img.bannerImg#foxBanner {
        display: none;
    }

    div.cancellationSectionOne img.bannerImg#foxBannerSmallScreen {
        display: block;
        width: 100%;
        height: 990px;
    }
}

@media only screen and (max-width: 281px) {
    div.cancellationSectionOne img.bannerImg#foxBanner {
        display: none;
    }

    div.cancellationSectionOne img.bannerImg#foxBannerSmallScreen {
        display: block;
        width: 100%;
        height: 100%;
    }
}

@media only screen and (min-width: 1500px) {
    div.cancellationSectionOne img.bannerImg#foxBanner {
        margin-top: 1.5em;
        width: 100%;
        height: 730px;
        transform: scale(1.3);
    }
}
/* Custom styles for `MDTV-1052 - AR Cancel Offer Update –  FOX UX Redesign for Mobile and Desktop' ends here */
/* Custom styles for `MDTV-1032 - CA Online Payments - Pay buttons & Pay your bill page' starts here */
div#divPostpaidTTDueSection dl {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.125em;
    color: #70787F;
}

    div#divPostpaidTTDueSection dl dd h1#monto-a-pagar {
        font-size: 45px !important;
    }

a#buttonPay,
div#divPostpaidTTDueSection p a#buttonSeeBill {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    border-radius: 5px;
    font-size: 1em;
    width: 15.625em !important;
}

div #divPostpaidTTDueSection p {
    margin-bottom: 1em;
}

a#buttonPay {
    color: #1B2C5D;
}

div.panel#divTotalDueTT {
    padding: 1em 1.5em !important;
}

    div.panel#divTotalDueTT dl dt#totalDueText,
    div.panel#divTotalDueTT dl dd#totalDueVal {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1.125em;
    }

    div.panel#divTotalDueTT dl dt#totalDueText {
        font-size: 1.125em;
    }

    div.panel#divTotalDueTT dl dd#totalDueVal {
        font-size: 1em;
    }

div#divPostpaidTTDueSection dl dd#ddWithOutDue {
    padding-top: 1em;
}

    div#divPostpaidTTDueSection dl dd#ddWithOutDue span#balanceAmount {
        font-size: 28px;
        color: #222222;
    }

    div.panel#divTotalDueTT dl dd#totalDueVal div.divTTNotification,
    div#divPostpaidTTDueSection dl dd#ddWithOutDue div.divTTNotification {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        background-color: #FFF5E7;
        font-size: 14px;
        border-radius: 5px;
        color: #F58220;
        padding: 0.5em;
        text-align: left;
    }

div#divTotalPagarTT dl,
div#divForTTPayBill h1 {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #222222;
}

    div#divTotalPagarTT dl dt {
        font-size: 1.125em;
        color: #222222;
        padding-bottom: 1em;
    }

div#divForTTPayBill h1 {
    padding-bottom: 0.75em;
}

div#divForTTPayBill div#divPaymentSectionHeading h1#headingPayBill {
    font-size: 2.5em;
}

div#divForTTPayBill div#divPaymentSectionOne div#divOne,
div#divForTTPayBill div#divPaymentSectionOne div#divTwo {
    border-radius: 5px;
    box-shadow: 0px 3px 16px #A0A0A029;
}

div#divForTTPayBill div#divPaymentSectionOne div.activeTab {
    background: #1B2C5D;
}

    div#divForTTPayBill div#divPaymentSectionOne div.activeTab label {
        color: #FFFFFF;
    }

div#divForTTPayBill div#divPaymentSectionOne label.txtMedium {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
}

div#divForTTPayBill div#divPaymentSectionOne label.txtRegular {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
}

div#divForTTPayBill div#divPaymentSectionOne label.txtNormal {
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
}

div#divForTTPayBill div#divPaymentSectionOne label {
    padding: 0.5em 0.5em 0em 0.5em;
    color: #222222;
}

div#divForTTPayBill div#divPaymentSectionOne div#divOne label#amntDueValue {
    font-size: 1.25em;
}

div#divForTTPayBill div#divPaymentSectionOne div#divTwo input#enterAmntVal {
    border: 1px solid #9E9E9E;
    border-radius: 5px;
    height: 2.5em;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.25em;
}

div#divForTTPayBill div#divPaymentSectionOne div#divTwo.errorNotification input#enterAmntVal {
    border: 1px solid #EC6F6C;
}

div#divForTTPayBill div#divPaymentSectionOne div#divTwo.errorNotification label#lblValidation {
    color: #EC6F6C;
}

div#divForTTPayBill div#divPaymentSectionOne div#divThree label#lblNote {
    line-height: 1.5em;
}

div#divForTTPayBill div#divPaymentSectionOne div#divFour a.btnback {
    letter-spacing: 0px;
    color: #0073AE;
    text-transform: uppercase;
    opacity: 1;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    background: #FFFFFF;
}

div#divForTTPayBill div#divPaymentSectionOne div#divThree div#divIconFAC {
    mix-blend-mode: multiply;
    background-image: url(../images/icon_FAC.png) !important;
    background-repeat: no-repeat;
    width: 86px;
    max-width: 100%;
    height: 50px;
    max-height: 100%;
    margin-top: 10px;
}

div#divForTTPayBill div#divPaymentSectionOne div#divOne.disabled {
    background: #F3F3F3;
}

div#divForTTPayBill div#divPaymentSectionOne div#divFour a.btnTTPostPaidPay {
    height: 2.5em;
}

div#divForTTPayBill div#divPaymentSectionOne div#divFour div#divBtnPay button#btnPay {
    height: 2.5em;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    border-radius: 5px;
    font-size: 1em;
    width: 15.625em !important;
    color: #1B2C5D;
}

@media only screen and (min-width: 581px) {
    div#divForTTPayBill div#divPaymentSectionOne div#divFour div.btnBackLargeScreen {
        display: block;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divFour div.btnBackSmallScreen {
        display: none;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divFour a.btnback {
        padding-left: 0em;
    }
}

@media only screen and (max-width: 580px) {
    div#divForTTPayBill div#divPaymentSectionOne div#divFour div.btnBackLargeScreen {
        display: none;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divFour div.btnBackSmallScreen {
        display: block;
        padding: 1em;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divFour div#divBtnPay {
        padding: 1em 0.25em;
    }
}

@media only screen and (min-width: 751px) {
    div#divForTTPayBill div#divPaymentSectionHeading h1#headingPayBill {
        padding-left: 0.9375em;
    }

    div#divForTTPayBill div#divPaymentSectionOne {
        padding-left: 3.75em;
    }

        div#divForTTPayBill div#divPaymentSectionOne div#divOne label#amntDueValue {
            text-align: right;
        }

        div#divForTTPayBill div#divPaymentSectionOne div#divOne,
        div#divForTTPayBill div#divPaymentSectionOne div#divTwo {
            height: 5em;
            width: 37em;
        }

        div#divForTTPayBill div#divPaymentSectionOne div#divFour,
        div#divForTTPayBill div#divPaymentSectionOne div#divThree {
            width: 38em;
        }

    div#divPaymentSectionOne div#divPaymentTTContent div#divTwo input#enterAmntVal {
        text-align: right;
        width: 95%;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divThree div#divNote {
        padding-right: 0px;
        padding-left: 2.5em;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divThree div#divIconFAC {
        margin-left: 0.5em;
    }
}

@media only screen and (max-width: 750px) {
    div#divPaymentSectionOne div#divPaymentTTContent div#divTwo input#enterAmntVal {
        text-align: center;
        width: 95%;
        margin: 1em 0.5em;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divPaymentTTContent div#divOne,
    div#divForTTPayBill div#divPaymentSectionOne div#divPaymentTTContent div#divTwo {
        height: 9.125em;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divOne label#amntDueValue {
        text-align: center;
        padding-top: 1.5em;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divPaymentTTContent div#divTwo div,
    div#divForTTPayBill div#divPaymentSectionHeading h1#headingPayBill {
        padding-left: 0.3125em;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divThree div#divNote {
        padding: 0px;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divThree label#lblNote {
        padding: 0px;
    }

    div#divForTTPayBill div#divPaymentSectionOne div#divThree div#divIconFAC {
        margin-left: 0.1em;
    }
}

@media only screen and (max-width: 350px) {
    div#divForTTPayBill div#divPaymentSectionOne div#divThree div#divNote {
        padding: 0px;
        width: 10em;
    }

    div#divPaymentSectionOne div#divPaymentTTContent div#divTwo input#enterAmntVal {
        text-align: center;
        width: 95%;
        height: 2em;
        margin: 0.5em;
    }
}

@media only screen and (min-width: 350px) and (max-width: 410px) {
    div#divForTTPayBill div#divPaymentSectionOne div#divThree div#divNote {
        padding: 0px;
        width: 14.5625em;
    }
}
/* Custom styles for `MDTV-1032 - CA Online Payments - Pay buttons & Pay your bill page' ends here */
.circle {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.5em;
    border: 1px solid #00abe3;
    border-radius: 50%;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    margin: 0 auto 0.25em auto;
    padding: 0.35em;
}

.steps {
    padding: 1em;
    background-color: #333;
}

    .steps .row {
        background: transparent;
    }

    .steps span {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #555;
        color: #333;
        padding: .7em;
        margin-left: .5em;
        display: inline-block;
        width: 2em;
        height: 2em;
        line-height: 0.5em;
        font-size: 1.5em !important;
        text-align: center;
    }

        .steps span.active {
            background: #00aeef;
            color: white;
        }

        .steps span.upcoming {
            background-color: transparent;
            color: #00aeef;
            border: 1px solid #00aeef;
            opacity: 0.7;
        }

        .steps span:first-child {
            margin-left: 0;
        }

.main-content .steps .button {
    transform: translateY(-50%);
    margin-bottom: 0;
    background: #333;
    border: 1px solid #666;
    color: #e5e5e5;
}

@media only screen and (max-width: 48em) {
    table.responsive {
        margin-bottom: 0;
    }

        table.responsive td, table.responsive th {
            position: relative;
            white-space: nowrap;
            overflow: hidden;
        }

            table.responsive td:first-child, table.responsive th:first-child {
                display: none;
            }

        table.responsive.pinned td {
            display: none;
        }

    .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }

        .pinned table {
            border-right: none !important;
            border-left: none !important;
            width: 100%;
        }

            .pinned table th, .pinned table td {
                white-space: nowrap;
            }

    div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
    }

        div.table-wrapper div.scrollable {
            margin-left: 35%;
            overflow: scroll;
            overflow-y: hidden;
        }



    .historial-pqr tr td span {
        overflow: hidden;
        display: block;
    }

    .historial-pqr span .radicarRecurso {
        margin: 0.5em 0;
        display: block;
    }

    .historial-pqr .tablesaw-cell-label {
        width: 10em;
        float: left;
    }

    .detalles-historial-pqr ol li {
        min-width: 100%;
    }
}

@media only screen {
    .watershed {
        border-bottom: 1px solid #c5d5e5;
        margin-bottom: 1em;
    }

    .medium-no-float {
        float: none !important;
    }

    .medium-float-right {
        float: right !important;
    }

    .medium-float-left {
        float: left !important;
    }

    .show-for-small {
        display: inherit !important;
    }

    .hide-for-small {
        display: none !important;
    }

    #ConfirmSelection dl.inline dt, #ConfirmSelection dl.inline dd {
        width: auto;
    }

    #ConfirmSelection dl.inline dd {
        margin-left: 0;
        margin-right: 6%;
        float: right;
    }

    #DecoderSelection .confirmCancel, #ConfirmSelection .confirmCancel {
        text-align: center;
    }

    .rechargeSuscription .one ul .title {
        margin-right: 2px;
    }

    .rechargeSuscription .one ul.pricing-table {
        border-right: 1px solid #d5e3ec;
    }

        .rechargeSuscription .one ul.pricing-table li.bullet-item:last-child {
            border-bottom: none;
        }

    .rechargeSuscription .two ul .title {
        margin: 0 2px;
    }

    .rechargeSuscription .two ul.pricing-table {
        border-right: 1px solid #d5e3ec;
        border-left: 1px solid #d5e3ec;
    }

    .rechargeSuscription .two ul li.bullet-item {
        border: none;
    }

    .rechargeSuscription .three ul .title {
        margin-left: 2px;
    }

    .rechargeSuscription .three ul.pricing-table {
        border-left: 1px solid #d5e3ec;
        border-right: 1px solid #d5e3ec;
    }

    .row.small-collapse > .column, .row.small-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .card span i {
        font-size: 10px;
    }
}

@media only screen and (max-width: 40em) {
    .card:hover {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .plan-cancel-package-header-mobile-fixed {
        padding-left: 0px !important;
    }

    .plan-cancel-package-name-mobile-fixed {
        font-style: normal;
        font-weight: normal;
        font-size: 18px;
        width: 149px;
        padding: 0;
    }

    .plan-cancel-package-action-mobile-fixed {
        width: 137px !important;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 19px;
    }

    .plan-cancel-package-padding-mobile-fixed {
        padding: 0px;
    }

    .shaded-bg-fixed {
        padding-left: 10px;
        padding-right: 10px;
    }

    .plan-cancel-basic-message-padding-fix {
        padding: 50px 30px;
        margin-bottom: 24px !important;
    }

    .shaded-bg dl.tabs.small-tabs dd a {
        padding: .5rem 1rem;
    }

    .shaded-bg .tabs-content span.title {
        padding: 0;
    }

    .dark-tooltip.light.north {
        width: 280px;
    }

    .small-no-float {
        float: none !important;
    }

    .external-iframe .decoders {
        width: 70%;
    }

    #ConfirmSelection dl.inline dt {
        width: 50%;
    }

    #ConfirmSelection dl.inline dd, #ConfirmSelection dl.inline #confirmEmail {
        float: none;
    }

    #DecoderSelection .confirmCancel, #ConfirmSelection .confirmCancel {
        text-align: right;
    }

    .ppv-buy dl.inline dt {
        width: 45%;
    }

    .ppv-buy dl.inline dd {
        width: 50%;
    }

    .mis-datos.head dl.inline dt {
        width: 50%;
    }

    .mis-datos.head dl.inline dd {
        width: 45%;
        margin-left: 5%;
    }

    .mis-datos .datos-editar {
        width: 21%;
    }

    .top-ppv {
        padding: 0.125em;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 3px;
    }

        .top-ppv img {
            margin-bottom: 0;
        }

    #trendingPPVs ul li {
        padding: 0.25em;
    }

    table.historial-pending td {
        padding: 1em .7em;
    }

        table.historial-pending td .tablesaw-cell-label {
            display: block;
            margin-bottom: 5px;
        }

    .image-bg {
        background: #a5a5a5 url("https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV//forest-sm.jpg");
    }

    .image-bg {
        background-image: url("https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/forest-sm.jpg");
    }

    .work-order {
        background-image: url("https://d5ip5p2ldkpmf.cloudfront.net/cinema/MDTV/confirmacion-visita-sm.jpg");
    }
}

@media only screen and (min-width: 36.313em) {
    .rechargeSuscription .one ul .title {
        margin-right: 0;
    }

    .rechargeSuscription .one ul.pricing-table {
        border-right: none;
    }

        .rechargeSuscription .one ul.pricing-table li.bullet-item:last-child {
            border-bottom: 1px solid #d5e3ec;
        }

    .rechargeSuscription .one ul li.bullet-item {
        border-right: none;
    }

    .rechargeSuscription .two ul .title {
        margin: 0;
    }

    .rechargeSuscription .two ul.pricing-table {
        border: none;
    }

        .rechargeSuscription .two ul.pricing-table li.bullet-item:last-child {
            border-bottom: 1px solid #d5e3ec;
        }

    .rechargeSuscription .two ul li.bullet-item {
        border-right: 1px solid #d5e3ec;
        border-left: 1px solid #d5e3ec;
    }

    .rechargeSuscription .three ul .title {
        margin-left: 0;
    }

    .rechargeSuscription .three ul.pricing-table {
        border-left: none;
    }

    .rechargeSuscription .three ul li.bullet-item {
        border-left: none;
    }

    .card span i {
        font-size: 5px;
    }
}

@media only screen and (min-width: 40.063em) {
    .show-for-small {
        display: none !important;
    }

    .hide-for-small {
        display: inherit !important;
    }

    .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns {
        padding-left: 0.83333rem;
        padding-right: 0.83333rem;
        float: left;
    }

    .MiDTV-billboard p {
        display: table-cell;
        vertical-align: middle;
        width: 60%;
        padding: 0 4%;
    }

    .MiDTV-billboard .logo-block {
        display: table-cell;
        vertical-align: middle;
        padding-top: .25em;
        width: 15%;
    }

    .MiDTV-billboard .banner-cta {
        display: table-cell;
        vertical-align: middle;
        width: 15%;
        text-align: right;
    }

    .MiDTV-billboard .banner-button {
        margin: 0;
        font-size: .875em;
    }

    .MiDTV-billboard.shaded-bg .text {
        padding: 0 2rem;
    }

    .card span i {
        font-size: 8px;
    }
}

@media only screen and (min-width: 64em) {
    .large-right, .large-float-right {
        float: right !important;
    }

    .large-float-left {
        float: left !important;
    }

    .watershed {
        border-bottom: none;
        border-right: 1px solid #c5d5e5;
    }

    .row.large-collapse > .column, .row.large-collapse > .columns {
        padding-left: 0;
        padding-right: 0;
    }

    .MiDTV-billboard .banner-button {
        font-size: 1em;
    }
}

@media screen and (max-width: 30em) { /* ADD */
    .cardpayment-header {
        font-size: 1.125em;
    }

    .cardpayment.radio .cardpayment-header::before {
        font-size: 1.5rem;
    }
}
/*# sourceMappingURL=MDTV_Master_v2.css.map */
/*# MDTV-1208 Info Message starts here*/
div.panel form#estadoDeCuenta div.mergeText div.infoMsgOnMerge {
    background: #F1D576 0% 0% no-repeat padding-box;
    background-image: url(../images/information_icon.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 10px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.875em;
    border-radius: 5px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
    padding: 20px 20px 20px 40px;
}

    div.panel form#estadoDeCuenta div.mergeText div.infoMsgOnMerge.santandarInfoMsg {
        cursor: pointer;
        background-position: 75px;
        text-align: center;
    }

@media screen and (max-width: 490px) {
    div.panel form#estadoDeCuenta div.mergeText div.infoMsgOnMerge {
        padding: 15px 15px 15px 40px;
        line-height: 1.25em;
    }
}

div.panel form#estadoDeCuenta div.mergeText div.infoMsgOnMerge a {
    text-decoration: underline;
    font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0px;
    color: #222222;
}

div.new-reveal-modal.overridePopupStyle {
    border-radius: 5px !important;
    padding: 20px 40px;
}

    div.new-reveal-modal.overridePopupStyle div.infoModalData a.close-new-reveal-modal {
        right: 20px;
    }

@media screen and (min-width: 750px) {
    div.new-reveal-modal.overridePopupStyle {
        width: 700px;
    }
}

div.new-reveal-modal.overridePopupStyle div.infoModalData div h3 {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Sans-serif;
    font-size: 1.625em;
    letter-spacing: 0px;
    color: #222222;
    text-transform: uppercase;
    opacity: 1;
}

div.new-reveal-modal.overridePopupStyle div.infoModalData p.termsAndConditionsMainHead {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0px;
    margin-bottom: 10px;
    color: #000000;
    text-align: center;
    opacity: 1;
}

div.new-reveal-modal.overridePopupStyle div.infoModalData div p {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.875em;
    letter-spacing: 0px;
    color: #343334;
}

    div.new-reveal-modal.overridePopupStyle div.infoModalData div p span {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    }

        div.new-reveal-modal.overridePopupStyle div.infoModalData div p span.upperCaseBoldHeadings {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 1.1em;
            letter-spacing: 0px;
            color: #000000;
        }
/*# MDTV-1208 Info Message ends here*/
/*# MDTV-1216 popup starts here*/
div.new-reveal-modal.overridePopupStyle.scrollClassToAdd {
    /*max-height:initial; 
    height:550px; 
    overflow-y:scroll;*/
    position: absolute !important;
}

    div.new-reveal-modal.overridePopupStyle.scrollClassToAdd div.infoModalData div h3.termsAndConditionsMainHead {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 1.875em;
        letter-spacing: 0px;
        color: #222222;
        text-transform: uppercase;
        opacity: 1;
    }

    div.new-reveal-modal.overridePopupStyle.scrollClassToAdd div.infoModalData div p.normalText {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        letter-spacing: 0px;
        color: #222222;
    }

    div.new-reveal-modal.overridePopupStyle.scrollClassToAdd div.infoModalData div p.upperCaseBoldHeadings {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        text-transform: uppercase;
        color: #222222;
    }
/*# MDTV-1216 popup ends here*/
/*# MDTV-1370 PDFpopup starts here*/
div.pdf div.infoModalData div.customerDetailsetails {
    padding-left: 0px;
    padding-right: 0px;
    margin: 20px 0px;
}

    div.pdf div.infoModalData div.customerDetailsetails div.currentDate {
        text-align: right;
    }

div.pdf div.infoModalData div p.termsAndConditionsMainHead {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0px;
    margin-bottom: 10px;
    color: #000000;
    margin-left: 110px;
    /*text-align:center;*/
    opacity: 1;
}

div.pdf div.infoModalData div p.normalText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 0px;
    color: #222222;
}

div.pdf div.infoModalData div p span {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

    div.pdf div.infoModalData div p span.upperCaseBoldHeadings {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        letter-spacing: 0px;
        color: #000000;
    }

a.termsAndConditionsDownload {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    color: #00AEEF;
    opacity: 1;
    background-image: url(../images/download-arrow.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: left center;
    padding-left: 25px;
    margin-bottom: 20px;
    display: block;
}
/*# MDTV-1372 checkbox starts here*/
p.checkboxFOrVal {
    display: flex;
}

p span.checboxSpanAgreeTandC {
    width: 30px;
    display: inline-block;
    height: 20px;
    border: 1px solid #00AEEF;
    border-radius: 8px;
    opacity: 1;
    right: 5px;
    top: 10px;
    position: relative;
}

    p span.checboxSpanAgreeTandC.active {
        background: #00AEEF 0% 0% no-repeat padding-box;
        background-image: url(../images/Tick.png);
        background-size: 20px;
        background-repeat: no-repeat;
        background-position: left center;
    }

@media screen and (max-width: 950px) and (min-width: 585px) {
    p span.checboxSpanAgreeTandC {
        width: 45px;
        display: inline-block;
        position: relative;
    }

    p span.termsAndCOnditionRemainingText {
        position: relative;
    }
}

@media screen and (max-width: 400px) {
    p span.checboxSpanAgreeTandC {
        width: 50px;
        display: inline-block;
        position: relative;
    }
}
/*# MDTV-1372 checkbox ends here*/
/*# MDTV-1370 PDFpopup ends here*/
.mismovimientos-unavailable {
    line-height: 1.4em;
}
/*MDTV-1037 popup terms and conditions*/
div.termsAndConditionsSubscripModal.overrideStylesClass {
    position: absolute;
    padding: 40px 40px 40px 30px;
}

div.new-reveal-modal.termsAndConditionsSubscripModal div a.close-new-reveal-modal {
    right: 35px !important;
}

div.termsAndConditionsSubscripModal div div h3.termsAndConditionsMainHead {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.875em;
    letter-spacing: 0px;
    color: #222222;
    text-transform: uppercase;
    opacity: 1;
}

div.termsAndConditionsSubscripModal div div h4 {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.3125em;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
    margin-right: 30px;
}

div.termsAndConditionsSubscripModal div div p.upperCaseText {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    color: #222222;
    margin: auto auto 0.5em;
}

div.termsAndConditionsSubscripModal div div p.normalText,
div.termsAndConditionsSubscripModal div div ul.normalText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    color: #222222;
}

div.termsAndConditionsSubscripModal div div ul.normalText {
    margin-left: 0px;
}

    div.termsAndConditionsSubscripModal div div ul.normalText li {
        list-style-type: none;
        margin-top: 10px;
    }

@media screen and (max-width: 490px) {
    div.termsAndConditionsSubscripModal.overrideStylesClass {
        padding: 15px;
    }

    div.new-reveal-modal.termsAndConditionsSubscripModal div a.close-new-reveal-modal {
        top: 15px;
    }

    div.termsAndConditionsSubscripModal div div h3.termsAndConditionsMainHead {
        width: 90%;
    }

    div.termsAndConditionsSubscripModal div div h4 {
        margin-right: 0px;
    }
}
/*MDTV-1037 popup terms and conditions*/
/*Method of Payment */
div.monthlyPaymentContentTopDiv h2.headerText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 40px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

div.monthlyPaymentContentTopDiv div.top-text,
div.monthlyPaymentContentRadioSectionDiv label {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

div.monthlyPaymentContentTopDiv div.top-text {
    padding-left: 0px;
    padding-right: 0px;
    line-height: 24px;
    margin-top: 5px;
    margin-bottom: 20px;
}

div.monthlyPaymentContentTopDiv div h3.headerTextTwo {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 32px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

div.monthlyPaymentContentTopDiv {
    padding-bottom: 0px;
}

div.monthlyPaymentContentRadioSectionDiv {
    padding-top: 0px;
}

    div.monthlyPaymentContentRadioSectionDiv div.zeroPaddingSection {
        padding-right: 0px;
    }

    div.monthlyPaymentContentRadioSectionDiv input[type="radio"] {
        position: relative;
        top: 4px;
        height: 20px;
        width: 20px;
    }

dt a.nuevoCashIco {
    background-image: url(../images/cash-ico.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left center;
    padding-left: 22px;
}

@media screen and (max-width: 750px) {
    div.monthlyPaymentContentTopDiv h2.headerText {
        font-size: 32px;
        line-height: 38px;
    }

    div.monthlyPaymentContentTopDiv div h3.headerTextTwo {
        font-size: 30px;
    }

    div.monthlyPaymentContentRadioSectionDiv div.tarjetaRadio {
        padding-bottom: 1em;
    }
}

@media screen and (min-width: 751px) and (max-width: 910px) {
    div.monthlyPaymentContentRadioSectionDiv div.tarjetaRadio {
        padding-bottom: 1em;
    }
}

form#facturaImpresaForm fieldset {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D0D0D0;
    border-radius: 10px;
    opacity: 1;
}

form#facturaImpresaForm input,
form#facturaImpresaForm select {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #9E9E9E;
    border-radius: 5px;
    opacity: 1;
}

    form#facturaImpresaForm input:active {
        box-shadow: 0px 0px 3px #009FDB80;
        border: 1px solid #009FDB;
    }

form#facturaImpresaForm select {
    display: block;
    background-image: url(../images/expand-arrow.png);
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 97% center;
    background-position: calc(100% - 0.5rem) center;
    width: 100%;
    margin: .2em 0 .5em 0;
    padding: .5rem;
    height: 2.3125rem;
}

.redFocus {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #CC1401 !important;
    border-radius: 5px;
    opacity: 1;
}

.errorMsg {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 0px;
    color: #CC1401;
    opacity: 1;
}
/*MDTV-1195 End Method of Payment*/
div.new-reveal-modal.overridePopupStyle.mop {
    max-height: initial;
}

div.monthlyPaymentContentTopDiv h2.secondHeaderText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 32px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

div.monthlyPaymentContentTopDiv div.bottomSection div.facturaImpresa {
    background: #F3F3F3 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
}

div.monthlyPaymentContentTopDiv div.bottomSection div.facturaImpresaBottomDiv {
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    opacity: 1;
}

div.monthlyPaymentContentTopDiv div.bottomSection div.facturaImpresa div.innerDiv {
    background-image: url(../images/card-icon.png);
    background-position: 20px center;
    background-size: 35px;
    background-repeat: no-repeat;
    padding: 30px 30px 30px 70px;
}

div.monthlyPaymentContentTopDiv div.bottomSection div.facturaImpresaBottomDiv span.dollarWithCircle {
    display: inline-block;
    border: 2px solid #222222;
    border-radius: 50%;
    padding: 4px;
    text-align: center;
    height: 28px;
    width: 28px;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
}

div.monthlyPaymentContentTopDiv div.bottomSection div.facturaImpresaBottomDiv div.innerDiv {
    letter-spacing: 0px;
    color: #222222;
    padding: 20px;
    opacity: 1;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
}

div.monthlyPaymentContentTopDiv div.bottomSection a.button.basic {
    background: #0073AE 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    opacity: 1;
}

div#confirmpopup div.buttonSection {
    margin: 10px auto auto auto;
}

div#confirmpopup div.confirmBtn {
    text-align: right;
}

div.monthlyPaymentContentTopDiv div.bottomSection a.button.basic.cambiarBtn {
    padding: 12px 20px;
}

div#confirmpopup div a.basicProperties {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    border-radius: 5px;
    opacity: 1;
    letter-spacing: 0px;
    padding: 1em;
    width: 180px;
    display: inline-block;
    text-align: center;
}

div#confirmpopup div.cancelBtn a.basicBtnWithEmptyBg {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #0073AE;
    color: #0073AE !important;
}

div#confirmpopup div.confirmBtn a.confirmBtnwithBlueBg {
    background: #0073AE 0% 0% no-repeat padding-box;
}

@media screen and (max-width: 950px) {
    div#confirmpopup div.confirmBtn {
        text-align: center;
    }

    div#confirmpopup div.cancelBtn {
        text-align: center;
        margin-top: 20px;
    }
}
/*MDTV-1378-AR Billing Redesign: bill difference starts here*/
div.misFacturasDifferenceSection h4.misFacturasDifferenceHeading {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    color: #222222;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 0px !important;
    padding-top: 10px;
}

div.misFacturasDifferenceSection div.differenceGreyBg {
    background: #F3F3F3 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;
    padding: 14px;
}

    div.misFacturasDifferenceSection div.differenceGreyBg p.misFacturasDifferenceDescription {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 14px;
        letter-spacing: 0px;
        color: #222222;
        opacity: 1;
        margin-bottom: 0px;
        margin-top: 5px;
    }

div.misTabContentSection div.misTabContentTable div.misFacturasDiv {
    padding: 0px;
}

div.misFacturasDifferenceSection a.topButton {
    background: #0073AE 0% 0% no-repeat padding-box;
    opacity: 1;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

div.misFacturasDifferenceSection div.differenceGreyBg div.amountSection span.amountSpan {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    padding: 10px;
    display: inline-block;
    margin: 15px auto;
}

div.misFacturasDifferenceSection div.differenceGreyBg div.amountSection {
    padding-left: 0px;
}

    div.misFacturasDifferenceSection div.differenceGreyBg div.amountSection span.amountSpan span.ultimaFactura,
    div.misFacturasDifferenceSection div.differenceGreyBg div.amountSection span.amountSpan span.ultimaFactura {
        margin: 5px auto;
        display: inline-block;
    }

div.misTabContentSection div.misTabContentTable div.misFacturasDifferenceSection div.differenceGreyBg div.amountSection span.amountSpan span.ultimaFactura span.ultimaFacturaTitle,
div.misTabContentSection div.misTabContentTable div.misFacturasDifferenceSection div.differenceGreyBg div.amountSection span.amountSpan span.faccturaAnterior span.faccturaAnteriorTitle {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

div.misTabContentSection div.misTabContentTable div.misFacturasDifferenceSection div.differenceGreyBg div.amountSection span.amountSpan span.ultimaFactura span.ultimaFacturaAmount,
div.misTabContentSection div.misTabContentTable div.misFacturasDifferenceSection div.differenceGreyBg div.amountSection span.amountSpan span.faccturaAnterior span.faccturaAnteriorAmount {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

.nonDesktop {
    display: none;
}

.desktopView {
    display: block;
}

div#differencebtwInvoices h3.mainHeading {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 30px;
    letter-spacing: 0px;
    color: #222222;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 0px;
    margin-bottom: 0.5em;
}

div#differencebtwInvoices {
    font-style: normal;
}

    div#differencebtwInvoices div.bottomSection div.itemwithIncremental span.channelTitle,
    div#differencebtwInvoices div.bottomSection div.itemwithDecremental span.channelTitle {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        text-align: left;
        font-size: 14px;
        letter-spacing: 0px;
        color: #222222;
        text-transform: uppercase;
        opacity: 0.85;
    }

    div#differencebtwInvoices div.bottomSection div.billdeferenceAmntOne {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 14px;
        color: #222222;
        opacity: 0.85;
    }

    div#differencebtwInvoices div.bottomSection div.billdeferenceAmntTwo {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 14px;
        color: #34802E;
        opacity: 1;
    }

    div#differencebtwInvoices div.bottomSection div.itemwithIncremental span.channelReason,
    div#differencebtwInvoices div.bottomSection div.itemwithDecremental span.channelReason {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 12px;
        letter-spacing: 0px;
        color: #222222;
        opacity: 0.85;
    }

    div#differencebtwInvoices p.description {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        letter-spacing: 0px;
        color: #000000;
        opacity: 1;
        margin-bottom: 5px;
    }

    div#differencebtwInvoices div.amountSpaninModal,
    div#differencebtwInvoices div.ultimaFacturaTable div.billDifferenceHeadingTwo {
        padding-left: 0px;
    }

        div#differencebtwInvoices div.amountSpaninModal div.ultimaFactura,
        div#differencebtwInvoices div.amountSpaninModal div.faccturaAnterior {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 16px;
            letter-spacing: 0px;
            color: #222222;
            opacity: 1;
            margin-bottom: 7px;
        }

        div#differencebtwInvoices div.amountSpaninModal div.totalDifference {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 16px;
            letter-spacing: 0px;
            color: #222222;
            text-transform: uppercase;
            padding-top: 5px;
            opacity: 1;
        }

    div#differencebtwInvoices h5.subHeading {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 18px;
        letter-spacing: 0px;
        color: #222222;
        opacity: 1;
    }

    div#differencebtwInvoices div.ultimaFacturaTable {
        padding-left: 15px;
        padding-right: 15px;
    }

    div#differencebtwInvoices div.bottomSection {
        margin-left: 0px;
        background: #F3F3F3 0% 0% no-repeat padding-box;
        border-radius: 10px;
        opacity: 1;
        padding: 0px !important;
    }

        div#differencebtwInvoices div.bottomSection div.diffrenceComparedToPreviousMonthHeadOne {
            background: #25282B 0% 0% no-repeat padding-box;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            padding: 5px 10px;
        }

        div#differencebtwInvoices div.bottomSection div.diffrenceComparedToPreviousMonthHeadTwo {
            background: #34802E 0% 0% no-repeat padding-box;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            color: #FFFFFF;
            opacity: 1;
            padding: 5px 10px;
        }

    div#differencebtwInvoices a.close-modal-popup-nextbill {
        top: 0.7em;
        font-size: 3em;
        font-family: 'DIRECTVCurve Regular';
        right: 50px;
        cursor: pointer;
        position: absolute;
        color: #222;
        line-height: 1;
    }

    div#differencebtwInvoices div.bottomSection div.billDeffenecePartOne {
        padding: 0em 1.75em 0em 1.5em;
    }

    div#differencebtwInvoices div.bottomSection div.borderBottomItems {
        border-bottom: 1px solid #D1D1D1;
    }

    div#differencebtwInvoices div.amountSpaninModal div.totalDifferenceTopBorder {
        border-top: 1px solid #D1D1D1;
    }

div#differencebtwInvoices {
    height: 500px;
    overflow-y: scroll;
}

@media only screen and (max-width: 950px) {
    .nonDesktop {
        display: block;
    }

    .desktopView {
        display: none;
    }

    div.misFacturasDifferenceSection {
        padding: 15px 20px;
    }

    div#differencebtwInvoices {
        padding: 30px 20px;
        height: 560px;
        overflow-y: scroll;
    }

        div#differencebtwInvoices a.close-modal-popup-nextbill {
            top: 0.25em;
            font-size: 3em;
            font-family: 'DIRECTVCurve Regular';
            right: 28px;
            cursor: pointer;
            position: absolute;
            color: #222;
            line-height: 1;
        }
}
/*MDTV-1378-AR Billing Redesign: bill difference ends here*/
/*MDTV-1286-OTT LATAM AR - Login starts here*/
.main-content div.h4Icon {
    line-height: 1.5em;
}

    .main-content div.h4Icon i.login-icon {
        content: "";
        display: inline-block;
        height: 1.25em;
        width: 1.25em;
        background-size: 1.25em;
        background-repeat: no-repeat;
        background-image: url('../images/login-i.png');
    }

    .main-content div.h4Icon div.login-heading {
        font-size: 1.25em;
        font-weight: 500;
        font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    }

    .main-content div.h4Icon ul {
        line-height: 2.1875em;
        padding-left: 1.25em;
    }

.main-content ul.login-benifits {
    line-height: 2.1875em;
    padding-left: 1.25em;
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
}

.main-content div ul.login-benifits li {
    line-height: 1.25em;
    padding-top: 1.25em;
}
/*MDTV-1286-OTT LATAM AR - Login ends here*/
/*MDTV-831 MisMoviements styles starts here*/
div.misTabContentSection div.misTabContentTable div.misMovimientosDiv {
    padding: 0px;
    right: 25% !important;
}

div.misTabContentSection div.misTabContentTable table#misMovimientos tr td#emptyTd {
    width: 0% !important;
}

div.misTabContentSection div.misTabContentTable table#misMovimientosMob tr td {
    width: 60.6%;
}

    div.misTabContentSection div.misTabContentTable table#misMovimientosMob tr td#emptyTd {
        width: 0% !important;
    }

div.misTabContentSection div.misTabContentTable div#infoMessage1 p {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    color: #222222;
    padding: 20px 10px 20px 35px;
    margin-left: 15px;
    background-image: url('../images/billing-misdatos-info-icon.png');
    background-size: 28px;
    background-position: left center;
    background-repeat: no-repeat;
}

div.misTabContentSection div.misTabContentTable div#infoMessage1 {
    background: #ECEFF1 0% 0% no-repeat padding-box;
    border-radius: 10px;
}

div.misTabContentSection div.misTabContentTable div#infoMessageMisPagos p {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    color: #222222;
    padding: 20px 10px 20px 35px;
    margin-left: 15px;
    background-image: url('../images/billing-misdatos-info-icon.png');
    background-size: 28px;
    background-position: left center;
    background-repeat: no-repeat;
}

div.misTabContentSection div.misTabContentTable div#infoMessageMisPagos {
    background: #ECEFF1 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin-top: 30px;
}

div.pagination {
    display: inline-block;
    position: relative;
    text-align: center;
}

.pagination a {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    color: #222222;
    padding: 10px 15px;
    text-decoration: none;
}

    .pagination a.numberClass:hover,
    .pagination a.numberClass.active {
        background: #39A4DC 0% 0% no-repeat padding-box;
        border-radius: 5px;
        opacity: 1;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 14px;
        letter-spacing: 0px;
        color: #FFFFFF;
    }

div.pagination a.arrowClass.disabled,
div.pagination a.arrowClass.disabled:hover {
    color: #00000080;
}

    div.pagination a.arrowClass.disabled:hover {
        background: #9E9E9E80 0% 0% no-repeat padding-box;
    }

@media only screen and (max-width: 699px) {
    .pagination a#leftArrow.active,
    .pagination a#rightArrow.active,
    .pagination a#leftArrow:hover,
    .pagination a#rightArro:hover {
        background: none;
    }

    .pagination a.numberClass:hover,
    .pagination a.numberClass.active {
        background: #39A4DC 0% 0% no-repeat padding-box;
        border-radius: 5px;
        opacity: 1;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 14px;
        letter-spacing: 0px;
        color: #FFFFFF;
    }
}
/*MDTV-831 MisMoviements styles Ends here*/
/*MDTV-981 -PE - Postpaid Automatic debit: Unsubscribe enrolled client Part2 calling service starts here*/
div#unSubscribeSucess h2.autoDebitUnsubscribeHeading,
div#unSubscribeFailure h2.autoDebitUnsubscribeHeading {
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
}

div#unSubscribeSucess p.autoDebitUnsubscribeContent,
div#unSubscribeFailure p.autoDebitUnsubscribeContent {
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    color: #222222;
    padding-top: 1em;
}

div#autoDebitUnsubscribe {
    top: 150px !important;
}

@media only screen and (max-width: 699px) {
    div #unSubscribeSucess h2.autoDebitUnsubscribeHeading, div#unSubscribeFailure h2.autoDebitUnsubscribeHeading {
        padding: 0px 45px 10px 30px;
    }

    div#unSubscribeSucess p.autoDebitUnsubscribeContent,
    div#unSubscribeFailure p.autoDebitUnsubscribeContent {
        padding: 20px 45px 10px 30px;
    }
}
/*MDTV-981 -PE - Postpaid Automatic debit: Unsubscribe enrolled client Part2 calling service ends here*/
/*MDTV-1151-PE - Postpaid Automatic debit: 8. Updating IBS starts here*/
div.debitoAutoSubscriptionSucessModal {
    top: 150px !important;
    padding: 25px 40px 40px 25px;
}

div#debitoAutoEditRecuranceSucessModal {
    padding: 25px 20px;
}

div.debitoAutoSubscriptionSucessModal h2.debitoAutoModalSucessHeading {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    line-height: 1.25em;
    padding-bottom: 0.75em;
}

div.debitoAutoSubscriptionSucessModal div.debitoAutoSubscriptionSucessText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #222222;
}

div.debitoAutoSubscriptionSucessModal a.debitoAutoCloseIcon {
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
    font-size: 60px;
    right: 0px;
}

@media only screen and (min-width: 550px) and (max-width: 699px) {
    div.debitoAutoSubscriptionSucessModal {
        padding: 20px;
        width: 620px;
    }

        div.debitoAutoSubscriptionSucessModal div.divDebitoAutomaticSubContent {
            padding: 0px 7px;
        }
}

@media only screen and (max-width:350px) {
    div.debitoAutoSubscriptionSucessModal {
        padding: 10px;
        height: 350px;
    }

    div#debitoAutoEditRecuranceFailureModal {
        padding: 6px;
    }
}

@media only screen and (max-width:499px) {
    div.debitoAutoSubscriptionSucessModal div.divDebitoAutomaticSubContent {
        padding: 10px;
    }

    div.debitoAutoSubscriptionSucessModal {
        padding: 8px;
    }

    div#debitoAutoEditRecuranceSucessModal {
        padding: 25px 8px;
    }
}

@media only screen and (min-width:351px) and (max-width:499px) {
    div#debitoAutoEditRecuranceFailureModal {
        padding: 25px 6px;
    }
}
/*MDTV-1151-PE - Postpaid Automatic debit: 8. Updating IBS ends here*/
/*MDTV-1428:AR - `Generate 'Arrepentimiento de Compra' landing page (UI Only)` starts here*/
div#arrepentimientoMain div.arrepentimientoHead h2 {
    text-align: center;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 2.5em;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

div#arrepentimientoMain div.shadowedBox {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 36px #6F6F6F29;
    opacity: 1;
    padding: 20px 40px;
}

    div#arrepentimientoMain div.shadowedBox.confirmSection {
        padding: 30px;
    }

    div#arrepentimientoMain div.shadowedBox h3.subHeading {
        text-align: left;
        font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        letter-spacing: 0px;
        color: #222222;
        opacity: 1;
        margin: 15px auto 20px auto;
    }

    div#arrepentimientoMain div.shadowedBox label {
        font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        color: #222222;
        margin: 10px;
        display: flex;
    }

    div#arrepentimientoMain div.shadowedBox input {
        position: relative;
        top: 2px;
    }

    div#arrepentimientoMain div.shadowedBox textarea {
        margin: auto 25px;
        width: calc(100% - 50px);
        resize: none;
    }

div#arrepentimientoMain div.buttonsSection {
    padding: 30px;
    margin: 20px auto;
}

    div#arrepentimientoMain div.buttonsSection div.buttonOne {
        text-align: center;
    }

    div#arrepentimientoMain div.buttonsSection div a {
        padding: 15px;
        cursor: pointer;
    }

    a.button.blueBtnWithEmptyBg,
    div#arrepentimientoMain div.buttonsSection div.buttonOne a:hover,
    div#arrepentimientoMain div.buttonsSection div.buttonOne a.active {
        font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        letter-spacing: 0px;
        color: #0073AE;
        text-transform: uppercase;
        opacity: 1;
        cursor: pointer;
        background: none;
    }

a.button.blueBackgroundBtn {
    background: #0073AE 0% 0% no-repeat padding-box;
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    border-radius: 5px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
}

    a.button.blueBackgroundBtn.disabled,
    a.button.blueBackgroundBtn.disabled:hover {
        background: #9E9E9E80 0% 0% no-repeat padding-box;
        border-radius: 5px;
        opacity: 1;
        letter-spacing: 0px;
        color: #00000080;
        cursor: not-allowed;
    }

div#arrepentimientoMain div h3 {
    text-align: center;
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    font-size: 1.5em;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

div#arrepentimientoMain div.confirmationScreen p,
div#arrepentimientoMain div.confirmationScreenFinal p {
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

div#arrepentimientoMain div.confirmationScreen p {
    text-align: center;
    padding-top: 20px;
}

div#arrepentimientoMain div.confirmationScreenFinal p {
    padding: 15px 30px;
}

    div#arrepentimientoMain div.confirmationScreenFinal p.p1 {
        margin-bottom: 0px;
    }

    div#arrepentimientoMain div.confirmationScreenFinal p.retryMessage {
        line-height: 24px;
    }

div#arrepentimientoMain div.buttonsSection div a#reintentarBtnServiceConfirm {
    width: 180px;
}

div#arrepentimientoMain a {
    cursor: pointer;
}

.arrepentimientoDesktop {
    display: block;
}

.arrepentimientoNonDesktop {
    display: none;
}

@media only screen and (max-width:750px) {
    .arrepentimientoDesktop {
        display: none;
    }

    .arrepentimientoNonDesktop {
        display: block;
    }

    div#arrepentimientoMain div.shadowedBox {
        padding: 20px;
    }

    div#arrepentimientoMain div.arrepentimientoHead h2 {
        font-size: 2em;
        line-height: 38px;
    }

    div#arrepentimientoMain div.buttonsSection {
        text-align: center;
        margin: 0px;
        padding: 0px;
        margin-top: 30px;
    }

        div#arrepentimientoMain div.buttonsSection div.buttonTwo {
            margin-bottom: 15px;
            margin-top: 10px;
        }

        div#arrepentimientoMain div.buttonsSection div a {
            padding: 15px 35px;
            cursor: pointer;
        }

    div#arrepentimientoMain div.confirmationScreen p.retryMessage {
        padding: 20px 30px 0px 30px;
        line-height: 24px;
    }

    div#arrepentimientoMain div h3.retryHeading {
        padding: 5px 20px 0px 20px;
    }
}
/*MDTV-1428:AR - `Generate 'Arrepentimiento de Compra' landing page (UI Only)` ends here*/
/*MDTV-1413: - `PR - MOP: Bank Account - Bank List Dropdown` start here*/
div.enableNumLink {
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    letter-spacing: 0px;
    opacity: 1;
    margin-top: 5px;
}

    div.enableNumLink a {
        color: #00AEEF;
        text-decoration: underline;
    }

.select2-search--dropdown input.select2-search__field {
    background-image: url(../images/Search_Icon.png);
    background-repeat: no-repeat;
    background-position: 10px;
    padding-left: 35px;
    background-size: 18px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    height: 2.3125rem !important;
    width: auto !important;
    border: 1px solid #ccc !important;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%) !important;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%) !important;
    display: block !important;
    border-radius: 0px !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 2.2rem !important;
}
/*MDTV-1413: - `PR - MOP: Bank Account - Bank List Dropdown` end here*/
/*MDTV-1291 starts here*/
div.ott-reg-notification-div {
    border-radius: 3px;
    background-color: #EFEFEF;
    padding: 10px;
}

    div.ott-reg-notification-div div.text-ott-reg-notification,
    div.control-group span.ott-reg-inline {
        font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
        font-size: 14px;
        letter-spacing: 0;
        line-height: 17px;
        padding-left: 0px;
    }

    div.ott-reg-notification-div div.text-ott-reg-notification {
        color: #222222;
    }

    div.ott-reg-notification-div div#ott-registration-error {
        display: inline-block;
        height: 25px;
        width: 18px;
        padding-right: 20px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/ott_Registration.png');
    }

div.control-group label.ott-reg-label {
    color: #222222;
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 20px;
}

div.control-group span.ott-reg-inline {
    color: #9A9A9A;
}

div label.ott-reg-terms {
    color: #222222;
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

div#myModalottNumber {
    width: 570px;
}

    div#myModalottNumber h1.ott-header {
        color: #222222;
        font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
        font-size: 30px;
        letter-spacing: 0;
        line-height: 36px;
        text-align: center;
        text-transform: uppercase;
        padding-bottom: 15px;
    }

    div#myModalottNumber div.ott-reg-ott-modal {
        color: #222222;
        font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 20px;
        text-align: center;
    }
/*MDTV-1291 ends here*/
/*PBU Styles*/
.pbu-request-body {
    background-color: #F3F3F3;
    padding-bottom: 100px;
    width: 100%;
    min-width: 300px;
    display: flex;
}

.pbu-request-main-container,
.pbu-requirement-main-container {
    width: 88.9%;
    max-width: 58rem;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-flow: column nowrap;
}

h1.pbu-request-main-title,
p.pbu-request-main-description {
    margin-left: 25px;
}

h1.pbu-request-main-title, h1.pbu-requirement-main-title {
    margin-top: 30px;
    letter-spacing: 0;
    font-size: 40px;
    color: #222222;
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
}

.pbu-request-main-container .pbu-request-text {
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    letter-spacing: 0;
    color: #333333;
}

p.pbu-request-main-description, p.pbu-requirement-main-description {
    margin-top: 20px;
}

p.pbu-request-main-description {
    margin-bottom: 27px;
}

p.pbu-requirement-main-description {
    margin-bottom: 39px;
}

.pbu-request-card {
    padding: 24px 20px 31px 20px;
    background-color: #FFFFFF;
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0px 3px 16px #F0F0F0;
}

h2.pbu-request-card-title {
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    font-size: 20px;
    color: #222222;
    letter-spacing: 0;
}

a.pbu-request-link {
    font-size: inherit;
    color: #0073AE;
    text-decoration: underline;
    letter-spacing: 0;
}

    a.pbu-request-link:hover {
        color: #0073AE;
    }

.pbu-request-card ul {
    margin-top: 34px;
}

    .pbu-request-card ul li {
        margin-bottom: 21px;
        margin-left: 0;
    }

.pbu-request-warning-message {
    padding: 17px 15px 13px 16px;
    width: 100%;
    background-color: #ECEFF1;
    border-radius: 10px;
    /*Flex*/
    display: flex;
    flex-flow: row nowrap;
}

.pbu-request-warning-message-icon-box {
    width: 26px;
    min-width: 26px;
    height: 26px;
    margin-right: 15px;
}

.pbu-request-warning-message div.pbu-request-warning-message-text {
    color: #222222;
    text-align: left;
    line-height: 20px;
}

a.pbu-button {
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 0;
    background-color: #0073AE;
    text-align: center;
}

    a.pbu-button:hover {
        color: #FFFFFF;
    }

a.pbu-request-button {
    margin: 23px auto 0 auto;
    padding: 11.5px 61px;
}

h2.pbu-requirement-select-segment-title {
    margin-bottom: 18px;
    font-size: 20px;
    letter-spacing: 0;
    color: #222222;
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
}

.pbu-requirement-select-segment-container {
    width: 100%;
    padding-right: 24px;
    height: 450px;
    margin-bottom: 38px;
    overflow-y: auto;
}

.pbu-requirement-select-segment-container,
h2.pbu-requirement-select-segment-title,
p.pbu-requirement-main-description,
h1.pbu-requirement-main-title {
    margin-left: 5px;
}

.pbu-requirement-select-segment-card {
    margin-bottom: 10px;
    width: 100%;
    padding: 13px 24px 12px 16px;
    background-color: #FFFFFF;
    /*flex*/
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.pbu-requirement-select-segment-container .pbu-requirement-select-segment-card .pbu-requirement-segment-text {
    margin-left: 20px;
    font-size: 16px;
    color: #222222;
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    line-height: 20px;
    letter-spacing: 0;
    text-align: left;
}

.pbu-requirement-contact-data-main-container {
    width: 100%;
    padding-right: 36px;
}

.pbu-requirement-contact-data-container {
    padding: 25px 23px 29px 30px;
    background-color: #FFFFFF;
    width: 100%;
}

a.pbu-requirement-update-contact-data {
    color: #0073AE;
    font-size: 16px;
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    letter-spacing: 0;
    text-decoration: none;
    margin-top: 0;
}

    a.pbu-requirement-update-contact-data:hover {
        color: #0073AE;
    }

.pbu-requirement-contact-data {
    width: 100%;
    /*Flex*/
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}

    .pbu-requirement-contact-data p {
        margin: 0;
    }

.pbu-requirements-terms {
    margin-top: 38px;
    /*Flex*/
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center;
}

    .pbu-requirements-terms input {
        margin: 0 18px 0 5px;
    }

.pbu-requirements-terms-text {
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 25px;
    color: #222222;
    cursor: default;
}

a.pbu-requirement-button {
    width: 218px;
    padding: 15px 0;
    margin-top: 43px;
    margin-right: auto;
    margin-left: auto;
}

a.pbu-disabled-button {
    background-color: #C8C8C8;
    color: #7F7F7F;
}

    a.pbu-disabled-button:hover {
        color: #7F7F7F;
    }

.pbu-modal-box {
    padding: 10px 30px 64px 40px;
    width: 100%;
    max-width: 575px;
    background-color: #FFFFFF;
    border-radius: 5px;
    height: 236px;
}

h1.pbu-modal-title {
    font-size: 30px;
    color: #222222;
    line-height: 38px;
    letter-spacing: 0;
}

p.pbu-modal-text {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #222222;
    padding-top: 10px;
}

div.close-pbu-modal-box {
    display: block;
    width: 100%;
    text-align: right;
    padding: 15px 10px 0px 0px;
}

    div.close-pbu-modal-box span {
        cursor: pointer;
        font-family: "DIRECTVCurve Regular" !important;
        font-size: 30px;
        font-weight: 900;
        height: 40px;
        padding-right: 10px;
        width: 40px;
    }

#processorSpanPBU {
    margin-top: 45px;
    margin-left: auto;
    margin-right: auto;
}

.modal-common-class {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 36px #00000029;
    border-radius: 10px;
    opacity: 1;
    position: absolute;
    left: calc((100vw - 600px)/2);
    height: auto;
    z-index: 9999;
    top: 170px;
}

.pbu-success-message-title-container,
.pbu-success-message-text,
.pbu-success-message-button {
    margin-left: 20px;
}

.pbu-success-message-title-container {
    margin-top: 54px;
    width: 100%;
    /*Flex*/
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
}

.pbu-success-message-icon-box {
    width: 49px;
    min-width: 49px;
    height: 49px;
    margin-right: 21px;
}

.pbu-success-message-title {
    font-size: 40px;
    color: #222222;
    line-height: 48px;
    letter-spacing: 0;
}

.pbu-success-message-text {
    margin-top: 29px;
    color: #222222;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
}

.pbu-success-message-button {
    margin-top: 69px;
    color: #00ADEE;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
}

.pbu-menu-main-container {
    margin-top: 24px;
    /*flex*/
    display: flex;
    flex-flow: row nowrap;
    align-items: baseline;
}

a.pbu-menu-text {
    text-decoration: underline;
}

a.pbu-menu-text-actived {
    text-decoration: none;
}

a.pbu-menu-text, a.pbu-menu-text-actived {
    color: #222222;
    font-size: 14px;
    letter-spacing: 0.02px;
    line-height: 1.14px;
}

    a.pbu-menu-text:hover, a.pbu-menu-text-actived:hover {
        color: #222222;
    }

.pbu-menu-icon-box {
    width: 5px;
    min-width: 5px;
    height: 14px;
    margin: 0 12px 0 17px;
}

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

    /*MDTV 2220 starts here*/
    .confirmarTitle {
        font-size: 28px !important;
    }

    .confirmarcontainer .remotecontrolsteps .remotecontrolstepsblock p {
        font-size: 14px;
    }

    .confirmaButtonContainer .button-section a {
        width: 100% !important;
        float: left !important;
        margin-top: 10px;
    }

    .confirmaButtonContainer {
        margin-top: 10px !important;
    }

        .confirmaButtonContainer .link,
        .confirmaButtonContainer .confirmtupedidobutton {
            width: 100%;
            text-align: center;
        }

            .confirmaButtonContainer .link:last-child {
                margin-top: 15px;
                float: left;
            }

    .remotecontrolview .remotecontrolblock {
        margin: 10px 0;
        padding-left: 0; /*MDTV-2634-CO-RemoteControl*/
    }

    div#userBillingInfoSection div.sectionFive div.innerBlock {
        padding: 0 !important;
    }

        div#userBillingInfoSection div.sectionFive div.innerBlock.pad-15 {
            padding: 15px !important;
        }

    .confirmtupedidosectiontwo {
        padding: 0 20px;
    }

    .confirmarpedidotext {
        padding: 5px 0 !important;
    }

    .remotecontrolview {
        margin: 0 !important;
    }

    .remotecontrol .button-section .seleecionabuttonstyle {
        width: 100% !important;
    }

    .remotecontrol .button-section {
        text-align: center;
        margin-top: 10px;
        float: left;
        width: 100%;
    }
    /*MDTV 2220 ends here*/

    .modal-common-class {
        left: 15px;
        top: 20px;
        width: calc(100vw - 30px);
    }

    .planpricebutton {
        width: 36% !important;
    }

    .pbu-success-message-title-container,
    .pbu-success-message-text,
    .pbu-success-message-button {
        margin-left: 0;
    }

    .downgrade-design p {
        margin-bottom: 50px !important;
    }
}

@media only screen and (max-width: 500px) {
    h1.pbu-request-main-title,
    p.pbu-request-main-description {
        margin-left: 0;
    }

    a.pbu-request-button {
        margin: 23px 0 0 0;
    }

    a.pbu-requirement-button {
        width: 100%;
    }

    .pbu-requirement-main-container {
        width: 100%;
        margin-left: 20px;
        margin-right: 23px;
    }

    .pbu-requirement-select-segment-container,
    h2.pbu-requirement-select-segment-title,
    p.pbu-requirement-main-description,
    h1.pbu-requirement-main-title {
        margin-left: 0;
    }

    .pbu-requirement-contact-data-main-container {
        padding-right: 0;
    }

    .pbu-requirement-select-segment-container {
        padding-right: 0;
        height: 697px;
        margin-bottom: 52px;
        overflow-y: auto;
    }

    a.pbu-requirement-update-contact-data {
        margin-top: 20px;
    }

    .pbu-modal-box {
        height: 300px;
    }
}

@media only screen and (max-width: 302px) {
    .pbu-modal-box {
        height: 450px;
    }
}
/*PBU END Styles*/
/* MDTV-1465-CL - Service Cancellation landing page  -change starts */
#manage-your-products-container {
    margin-bottom: 25px;
}
/*MDTV-1287 OTT Registration*/
.ott-rigistration-benefits {
    margin-top: 50px;
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
}

    .ott-rigistration-benefits h4 {
        font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 24px;
    }

div.client-directvgo input#regbtn_ott,
div.client-directvgo a#cancel_ott {
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
}

div.client-directvgo input#regbtn_ott {
    margin-right: 20px;
}

@media only screen and (max-width: 750px) {
    .main-content dl.tabs.small-tabs dd {
        max-width: 33.33333333333%;
        height: 4rem;
        line-height: 3rem;
    }

    .ott-tabs-content {
        z-index: 999;
    }

    .ott-rigistration-benefits {
        margin-top: 0px;
    }

    div#myModalottNumber {
        width: auto;
        margin: 0px 10px;
    }

        div#myModalottNumber h1.ott-header {
            font-size: 24px;
            position: relative;
            top: 10px;
            line-height: 29px;
        }

        div#myModalottNumber div.ott-reg-ott-modal {
            padding: 10px;
        }
}
/*MDTV-1287 OTT Registration*/ /*MDTV-1492-CL - Billing Redesign: history bills & pdf download--changes starts*/
div#facturacionBillingSection.facturacionCL {
    background-color: #ffffff;
    padding-top: 30px;
}

.misPagos-unavailable {
    line-height: 1.4em;
    color: #7C7C7C;
}
/*div.misTabContentSectionCL div.misTabContentTable div#infoMessage {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 10px;
}
div.misTabContentSectionCL div.misTabContentTable table tr {
    background-color: #f2f2f2;
}*/
.expiryTableSectionOuter {
    background-color: #f2f2f2 !important;
}

div.misTabContentSection div.misBoletasDiv div#infoMessage {
    background: #ffffff 0% 0% no-repeat padding-box;
    border-radius: 10px;
}

div.misTabContentSection div.misTabContentTable div.misBoletasDiv table tr {
    background-color: #F2F2F2;
}

.empty-space-disabled div.noInvoice {
    padding-top: 5vh;
    text-align: center;
    color: #156FAE;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 20px;
}

div.misTabContentSection div.misTabContentTable div.misBoletasDiv {
    padding: 0px;
    /*left: 0px !important;*/
}

.inline-list-CL li a {
    margin: 0px !important;
    padding-top: 0px !important;
}

.inline-list-CL {
    margin-left: 0px !important;
}
/*MDTV-1492-CL - Billing Redesign: history bills & pdf download--changes ends*/
/*MDTV-1609 : CO Cancellation*/
div.cancellationSectionBanner,
div.cancellationSectionInternet,
div.cancellationSectionBannerPremium {
    position: relative;
}

div.cancellationSectionBannerPremium {
    height: 550px !important;
}

div.cancellationSectionInternet {
    height: 410px !important;
}

div.cancellationSectionBannerPremium {
    height: 570px !important;
}

    div.cancellationSectionBannerPremium img.bannerImg#foxBanner {
        height: 500px;
    }

div.cancellationSectionOne div.divPosterText span.posterText {
    font-size: 24px;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

div.cancellationSectionOne div.divPosterText span.posterText2,
div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent span.posterText2 {
    font-size: 18px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

div.cancellationSectionOne div.divPosterText span.labelOfferTextDtls,
div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent span.labelOfferTextDtls {
    font-size: 43px;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent span.labelOfferTextDtls {
    color: #03ADEF !important;
    opacity: 1;
}

div.cancellationSectionOne div.divPosterText span.labelHeadingTextDtls,
div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent span.labelHeadingTextDtls {
    /*font-size: 62px;*/
    /*MDTV-1687 starts Here*/
    font-size: 20px;
    /*MDTV-1687 Ends Here*/
    font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
}

div.cancellationSectionOne div.divPosterText span.labelHeadingTextDtlsone,
div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent span.labelHeadingTextDtlsone {
    /*font-size: 62px;*/
    /*MDTV-1687 starts Here*/
    font-size: 47px;
    /*MDTV-1687 Ends Here*/
    font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
}

div.cancellationSectionOne div.divPosterText span.labelHeadingTextDtls {
    color: #FFC60B;
    opacity: 1;
}

div.cancellationSectionOne div.divPosterText span.labelHeadingTextDtlsone {
    color: #FFC60B;
    opacity: 1;
}

div.cancellationSectionOne div.divPosterText span.labelNote,
div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent span.labelNote {
    font-size: 1em;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

div.cancellationSectionOne div.divPosterbundleTvInternet {
    bottom: -25% !important;
}

div.cancellationSectionOne div.divPosterInternet {
    bottom: -5% !important;
}

    div.cancellationSectionOne div.divPosterbundleTvInternet div.confirmThis a.btnAcceptbundleTvInternet,
    div.cancellationSectionOne div.divPosterInternet div.confirmThis a.btnAcceptbundleTvInternet,
    div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent div.confirmThis a.btnAcceptSecondOffer,
    div.cancellationSectionOne div.divPosterPremium div.confirmThis a.btnAcceptPremium {
        border-radius: 5px;
        font-size: 1em;
        font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
        text-transform: uppercase;
        background: #4BACE9 0% 0% no-repeat padding-box;
        color: #FFFFFF;
        padding: 1em;
        margin: 1em 0em;
        width: 80%;
        /*top: 18px;*/
        right: 14px;
    }

div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent div.confirmThis a.btnAcceptSecondOfferr {
    border-radius: 5px;
    font-size: 1em;
    font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    background: #4BACE9 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    padding: 1em;
    margin: 1em 0em;
    width: 63%;
    /*top: 18px;*/
    left: 89px;
}

div.cancellationSectionOne div.divPosterbundleTvInternet div.confirmThis a.btnCancelbundleTvInternet,
div.cancellationSectionOne div.divPosterInternet div.confirmThis a.btnCancelbundleTvInternet,
div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent div.confirmThis a.btnCancelSecondOffer,
div.cancellationSectionOne div.divPosterPremium div.confirmThis a.btnCancelPremium {
    padding-left: 5em;
    text-transform: uppercase;
    font-size: 1em;
    font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif;
}

div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent div.confirmThis a.btnCancelSecondOffer {
    /*right: 15%;*/
}

div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent div.confirmThis i#cancelar_spinnertwo {
    /*right: 15%;*/
}

div.cancellationSectionOne div.divPosterbundleTvInternet div.confirmThis a.btnCancelbundleTvInternet,
div.cancellationSectionOne div.divPosterInternet div.confirmThis a.btnCancelbundleTvInternet,
div.cancellationSectionOne div.divPosterPremium div.confirmThis a.btnCancelPremium {
    color: #FFFFFF;
    margin: 1em 0em;
    background: none;
    padding: 1em;
}

div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent div.confirmThis a.btnCancelSecondOffer {
    color: #222222;
    background: none;
    margin: 1em;
    padding: 1em;
}

div.cancellationSectionTwo p.sectionTwoTextPremiumCO {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

div.cancellationImageSection div span.spanCenteredTextTop,
div.cancellationImageSection div span.spanCenteredTextBottom {
    display: block;
    font-size: 1em;
    color: #222222;
    line-height: 22px;
    text-align: center;
    margin: 10px;
}

div.cancellationImageSection div span.spanCenteredTextTop {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

div.cancellationImageSection div span.spanCenteredTextBottom {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

div.bundleTvInternetSectionTwo,
div.cancellationSectionSix div.bundleTvInternet p.legalSectionText {
    margin-top: 1em !important;
}

div.cancellationSectionSix div.bundleTvInternet p.legalSectionText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    text-align: center;
}

div.cancellationSectionSix div.bundleTvInternet {
    max-width: 70em;
}

div#cancelSection div.divSecondOfferSectionOne {
    background: #F1F5F7 0% 0% no-repeat padding-box;
    opacity: 1;
    height: 450px;
}

    div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent {
        text-align: center;
    }

        div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent span.posterTextHeading {
            font-size: 36px;
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        }

        div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent span {
            color: #222222;
        }

div#cancelSection div#divSectionTwoSecondOffer div#divsectionTwo,
div#cancelSection div#divSectionTwoFirstOffer div#divTvSectionTwo {
    padding: 20px 0px 20px 0px;
}

div#acceptOfferSection div#acceptOfferConfirmation {
    padding-left: 85px;
}

    div#acceptOfferSection div#acceptOfferConfirmation h1#headingAcceptOffer {
        font-size: 40px;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        color: #222222;
    }

    div#acceptOfferSection div#acceptOfferConfirmation div#acceptOfferlogo {
        mix-blend-mode: multiply;
        background-image: url(../images/cancellation_CO/acceptOffer_logo.png) !important;
        background-repeat: no-repeat;
        width: 100%;
        max-width: 55px;
        height: 50px;
    }

    div#acceptOfferSection div#acceptOfferConfirmation p#acceptOfferDtls {
        color: #222222;
        padding-top: 1em;
        opacity: 1;
        font-size: 1em;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    }

    div#acceptOfferSection div#acceptOfferConfirmation div#divAcceptOfferDtls,
    div#acceptOfferSection div#acceptOfferConfirmation div#divHomeLink {
        padding-left: 0em;
        padding-bottom: 1em;
    }

    div#acceptOfferSection div#acceptOfferConfirmation a#linkHome {
        text-transform: uppercase;
        font-size: 1em;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    }

div.cancellationImageSection div ul li {
    list-style-type: none;
}

    div.cancellationImageSection div ul li span {
        font-size: 14px;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        line-height: 2em;
        text-align: left;
        width: 500px;
        display: block;
    }
/*MDTV-1746 Starts Here*/
.cancellationModalTexts {
    text-align: left;
    color: #222222;
    font-size: 14px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    padding: 10px;
    margin: -3.75em 1em 0em 2em;
}
/* MDTV-1746 STARTS Here*/
div#cancellationModalNotificationss {
    background: rgba(255, 200, 10,0.5);
    margin-top: 1em;
    border-radius: 10px;
    /*margin-left: -27em;*/
}

    div#cancellationModalNotificationss div#cancelNotifLogomm {
        margin-left: 1em;
        padding-top: 4em;
        background-repeat: no-repeat;
        background-position: left;
        background-image: url('../images/ott_Registration.png');
    }

@media only screen and (min-width: 700px) {
    div#cancellationModalNotificationss {
        margin-left: -27em;
    }
}

div#cancellationModalNotification div.divTd p.cancellationModalss {
    color: #222222;
    font-size: 14px;
    margin: 1em 0em 1em 0em;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}
/*MDTV-1746 Ends HERE*/
div.cancellationImageSection div ul li span i {
    color: #03ADEF;
    font-style: italic;
    font-size: 1.2em;
}

div#cancellationConfirmModal div h2#cancellationPopupHeading {
    text-transform: uppercase;
    font-size: 30px;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

div#cancellationConfirmModal {
    padding: 20px;
    /*top: 80px !important;*/
}

    div#cancellationConfirmModal a.closeCancellationModalIcon {
        top: 0.25em;
        right: 0.5em;
        font-size: 3.5em;
        font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
    }

    div#cancellationConfirmModal div p.cancellationModalText,
    div#cancellationModalNotification div.divTd p.cancellationModalText {
        color: #222222;
        font-size: 14px;
        margin: 1em 0em 1em 0em;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    }
/* MDTV-1746 Starts Here*/
div#cancellationModalNotification div.divTd p.cancellationModalTextpremium {
    color: #222222;
    font-size: 14px;
    margin: -1em 0em 1em 0em;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}
/*MDTV-1746 Ends Here*/
div#cancellationConfirmModal div#cancellationModalDtls {
    background: #F3F3F3 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
    padding-left: 2em;
}

    div#cancellationConfirmModal div#cancellationModalDtls div.smallBreak {
        height: 0.5em;
    }

    div#cancellationConfirmModal div#cancellationModalDtls span.cancellationPlanName,
    div#cancellationConfirmModal div#cancellationModalDtls span.cancellationPlanDtls {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        color: #222222;
        text-transform: uppercase;
    }

    div#cancellationConfirmModal div#cancellationModalDtls span.cancellationPlanName {
        font-size: 24px;
    }
/*MDtv-1654 Starts Here*/
div#cancelplane span.cancellationPlanName {
    margin-left: 20px;
}
/*MDTV-1654 Ends Here*/
div#cancellationConfirmModal div#cancellationModalDtls span.cancellationPlanDtls {
    font-size: 14px;
}

div#cancellationConfirmModal div#cancellationModalDtls span.cancellationPlanDtlsTwo {
    font-size: 1em;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #333333;
    text-transform: uppercase;
}

div#cancellationConfirmModal div#cancellationModalNotification,
div.wimt-modal div#cancellationModalNotification {
    background: rgba(255, 200, 10,0.5);
    margin-top: 1em;
    border-radius: 10px;
}

    div#cancellationConfirmModal div#cancellationModalNotification div#cancelNotifLogo {
        padding-top: 4em;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/ott_Registration.png');
    }

div#cancellationConfirmModal div hr.hrSectionTwo {
    border-bottom: 2px solid #D0D0D0;
    margin-right: 2em;
}

div#cancellationConfirmModal a.cancelConfirmBtn,
div#cancellationConfirmModal a.confirmCancellationBtn,
div.mainConfirmModal div#divCancelFullServiceBtn,
div.mainConfirmModal div#divCancelFullServiceCancelBtn,
div.mainConfirmModalTwo div#divCancelFullServiceBtn,
div.mainConfirmModalTwo div#divCancelFullServiceCancelBtn {
    text-transform: uppercase;
    opacity: 1;
    padding: 1em;
    font-size: 14px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    border-radius: 3px;
}

div#cancellationConfirmModal a.cancelConfirmBtn {
    color: #097DB4;
    background: #FFFFFF;
    border: 1px solid #0972AE;
    width: 85%;
}

div#cancellationConfirmModal a.confirmCancellationBtn {
    color: #FFFFFF;
    background: #097DB4;
    margin-left: 2em;
    width: 85%;
}

div.cancellationSectionOne img.bannerImg#bundleTvInternetMob,
div.cancellationSectionOne img.bannerImg#internetMob,
div.cancellationSectionOne img.bannerImg#winBannerSmallScreen {
    display: none;
}

div.cancellationSectionOne img.bannerImg#winBanner {
    transform: scale(1.2);
    width: 100%;
    margin-top: 3em;
}

@media only screen and (min-width: 1500px) {
    div.cancellationSectionOne div.divPosterText {
        bottom: -35% !important;
    }

    div.cancellationSectionOne div.divPosterInternet {
        bottom: -25% !important;
    }

    div.cancellationSectionBanner img.bundleTvInternet {
        width: 120em;
    }

    div.cancellationSectionBanner {
        height: 555px !important;
    }

    div.cancellationSectionInternet {
        height: 500px !important;
    }

    div.cancellationSectionBannerPremium img.bannerImg#foxBanner {
        height: 670px;
    }

    div#cancellationConfirmModal {
        top: 180px !important;
    }
}

@media only screen and (min-width: 281px) and (max-width: 750px) {
    div.cancellationSectionOne img.bannerImg#winBanner {
        display: none;
    }

    div.cancellationSectionOne img.bannerImg#winBannerSmallScreen {
        display: block;
        width: 100%;
    }

    div.cancellationSectionBannerPremium div.divcontent div.divPosterText {
        bottom: -35%;
    }

    div.cancellationSectionBannerPremium img.bannerImg#hboBannerSmallScreen,
    div.cancellationSectionBannerPremium img.bannerImg#foxBannerSmallScreen,
    div.cancellationSectionBannerPremium img.bannerImg#winBannerSmallScreen {
        height: 800px;
    }

    div.cancellationSectionOne div.divPosterInternet {
        bottom: -20% !important;
    }

    div.cancellationSectionBanner,
    div.cancellationSectionInternet,
    div.divSecondOfferSectionOne {
        height: 845px !important;
    }

    div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent div.confirmThis a.btnAcceptSecondOfferr {
        top: 0px !important;
        left: 0px !important;
    }

    div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent div.confirmThis a.btnCancelSecondOffer {
        right: 0Px !important;
    }

    div.cancellationSectionOne div.divPosterbundleTvInternet {
        bottom: -15% !important;
    }

    div.cancellationSectionOne img.bannerImg#bundleTvInternetDesk,
    div.cancellationSectionOne img.bannerImg#internetDesk {
        display: none;
    }

    div.cancellationSectionOne img.bannerImg#bundleTvInternetMob,
    div.cancellationSectionOne img.bannerImg#internetMob {
        display: block;
        width: 100%;
        height: 50em;
    }

    div.cancellationSectionOne div.divPosterbundleTvInternet div.confirmThis a.btnAcceptbundleTvInternet,
    div.cancellationSectionOne div.divPosterInternet div.confirmThis a.btnAcceptbundleTvInternet,
    div#cancelSection div.divSecondOfferSectionOne div#accSecondOfferContent div.confirmThis a.btnAcceptSecondOffer,
    div.cancellationSectionOne div.divPosterPremium div.confirmThis a.btnAcceptPremium {
        width: 100%;
        margin: 0em;
    }

    div.cancellationSectionOne div.divPosterbundleTvInternet div.confirmThis a.btnCancelbundleTvInternet,
    div.cancellationSectionOne div.divPosterInternet div.confirmThis a.btnCancelbundleTvInternet {
        padding: 1em 5em;
        margin: 0em;
    }

    div.cancellationSectionOne div.divPosterPremium div.confirmThis a.btnCancelPremium {
        padding: 1em 4em;
        margin: 0em;
    }

    div.cancellationImageSection div ul li span {
        width: 300px;
    }

    div.cancellationImageSection div ul,
    div.cancellationImageSection div ul li {
        margin-left: 0px;
    }

    div#cancellationConfirmModal {
        overflow-y: scroll;
        height: 650px;
    }

        div#cancellationConfirmModal a.cancelConfirmBtn,
        div#cancellationConfirmModal a.confirmCancellationBtn {
            margin: 1em 0em;
            width: 100%;
        }
}

@media only screen and (min-width: 751px) and (max-width: 899px) {
    div .cancellationSectionOne img.bannerImg#bundleTvInternetDesk {
        height: 38em;
    }

    div.cancellationSectionOne div.divPosterbundleTvInternet {
        bottom: -10% !important;
    }
}

@media only screen and (max-width: 280px) {
    div.cancellationSectionBanner {
        height: 800px !important;
    }

    div.cancellationSectionOne img.bannerImg#bundleTvInternetDesk,
    div.cancellationSectionOne img.bannerImg#internetDesk {
        display: none;
    }

    div.cancellationSectionOne img.bannerImg#bundleTvInternetMob,
    div.cancellationSectionOne img.bannerImg#internetMob {
        display: block;
        width: 100%;
        height: 50em;
    }

    div.cancellationSectionOne div.divPosterbundleTvInternet {
        bottom: -5% !important;
    }
}
/*MDTV-1609*/
.fa-arrow-spinner {
    animation-direction: reverse;
}
/*MDTV-1606*/
section#cancellationPlansCO div.divBorderBottom {
    border-bottom: 1px solid #C3C3C3;
    margin: 1em -0.25em 1em -0.25em;
}

section#cancellationPlansCO div.cancelProductCOFontRegular,
section#cancellationPlansCO a.cancelProductCOFontRegular,
section#cancellationPlansCO h2.cancelPlanPkgNameCO {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

section#cancellationPlansCO div.divAdditionalMarginTop {
    margin-top: 1em;
}

section#cancellationPlansCO a.cancel-service-button {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    background: #0073AE;
    padding: 1em 1.5em;
    opacity: 1;
}

section#cancellationPlansCO div.channelTextCO {
    font-size: 24px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #333333;
    padding: 0em 0em;
}

section#cancellationPlansCO a.cancel-service-link {
    color: #0972AE;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
}

section#cancellationPlansCO div.additionalMarginLeft {
    margin-left: 0.5em;
}
/*MDTV-1632 starts here*/
div.infoMessageDiv div div#infoMessage,
div.misBoletasDiv div#infoMessageDeskView {
    background: #ECEFF1 0% 0% no-repeat padding-box;
    border-radius: 10px;
    margin-top: 30px;
}

    div.infoMessageDiv div div#infoMessage p,
    div.misBoletasDiv div#infoMessageDeskView p {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 1em;
        color: #222222;
        padding: 20px 10px 20px 35px;
        margin-left: 15px;
        margin-bottom: 0px;
        background-image: url('../images/billing-misdatos-info-icon.png');
        background-size: 28px;
        background-position: left center;
        background-repeat: no-repeat;
    }

form#facturaImpresaForm div div.notifText p {
    background: rgba(255, 198, 11, 0.5) no-repeat padding-box;
    border: 1px solid #FFC60B;
    border-radius: 5px;
    background-image: url(../images/billing-misdatos-info-icon.png);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 10px 13px;
    padding: 10px 10px 10px 40px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 0.875em;
    line-height: 1.5em;
    color: #222222;
    letter-spacing: 0px;
    margin: auto auto 10px auto;
}

form#Creditdebit div small.cardTypeInfo {
    display: block;
}
/*MDTV-1632 ends here*/
/*MDTV-1606 mobile Device starts Here*/
@media only screen and (max-width: 37.5em) {
    section#cancellationPlansCO div.baja-servicio-container h1.solicitud-header {
        text-align: left;
        font-size: 30px;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        letter-spacing: 0px;
        color: #222222;
        opacity: 1;
    }

    section#cancellationPlansCO div.baja-servicio-container p.solicitud-subheader {
        text-align: left;
        font-size: 16px;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        color: #333333;
        opacity: 1;
    }

    section#cancellationPlansCO div.cancelProductCOFontRegular {
        font-size: 20px;
        opacity: 1;
    }

    section#cancellationPlansCO div.divAdditionalMarginTop h2.cancelPlanPkgNameCO, a.cancelProductCOFontRegular {
        font-size: 24px;
        opacity: 1;
    }

    section#cancellationPlansCO a.cancelProductCOFontRegular {
        font-size: 16px;
    }
}
/*MDtv-1606 mobile view Ends Here  */
/*MDTV-1623-CO-ACT-code Changes strts*/
#btnDownloadPDF {
    text-align: center;
    align-items: center;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    display: flex;
    margin: 0 auto;
    background-color: #0073AE;
    border-radius: 5px;
    width: 306px;
    height: 50px;
    margin-top: 40px;
    justify-content: center;
    font-size: 14px;
}

.downloadRecapcha {
    display: inline-block;
    margin: 0 auto;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.pdfDownloadHeader {
    width: 1349px;
    height: 50px;
    left: 0px;
    top: 0px;
    background: #0C0D0D;
    text-align: center;
    color: white;
    display: flex;
    align-items: center;
}

.pdfDownloadText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 34px;
    line-height: 41px;
    text-align: center;
    color: #222222;
    justify-content: center;
    display: flex;
    margin: 40px auto 50px auto;
}

#Info-box-recaptcha {
    width: calc(100% - 20px);
    margin-top: 20px;
    margin-left: 10px;
    text-align: center;
}

.imgPDFDownloadHeader {
    text-align: center;
}

.spanPDFDownloadHeader {
    display: block;
    margin-right: auto;
    margin-left: 600px;
}

@media only screen and (max-width: 570px) {
    .pdfDownloadText {
        width: 331px;
        font-size: 30px;
    }

    .spanPDFDownloadHeader {
        margin-left: 100px;
    }
}

@media only screen and (max-width: 354px) {
    .pdfDownloadText {
        width: 330px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
    .spanPDFDownloadHeader {
        margin-left: 300px;
    }
}

/*@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sectionLeft {
        position: relative;
        width: auto;
    }
}*/

@media only screen and (min-width: 36.313em) and (max-width: 950px) {
    .medium-4 {
        position: relative;
        width: 100%;
    }
}

/*MDTV-1623-CO-ACT-code Changes ends*/
/*MDTV - 1645 :CL Billing Redesign: name and client id from k2view starts here*/
div #facturacionBillingSection div.sectionOne span.customerId label#custIdVal, div#facturacionBillingSection div.sectionOne span.planName label#PlanNameVal {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    display: block;
    margin-top: 5px;
    color: #222222 !important;
}

div#facturacionBillingSection div.sectionOne span.spanUserInfoBreak {
    display: block;
    margin-top: 5px;
}

@media only screen and (max-width: 699px) {
    div#facturacionBillingSection div.sectionOne span.spanUserInfoBreak {
        display: none;
        margin-top: 5px;
    }
}
/*MDTV - 1645 :CL Billing Redesign: name and client id from k2view ends here*/
/*MDTV-1494 PR - CCC: Communication Preferences Screen starts here*/
div.communicationPreferences div h2.heading {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    font-size: 26px;
    line-height: 31px;
    color: #000000;
    margin: 10px auto;
}

div.communicationPreferences div p.content {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    line-height: 19px;
    color: #000000;
}

div.communicationPreferences div.preferences {
    margin-left: 0.9375rem;
    margin-right: 0.9375rem;
    background-color: #f5f5f5;
    width: calc(100% - 30px);
}

div.communicationPreferences div p.content span {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

div.communicationPreferences div.divOne,
div.communicationPreferences div.divTwo,
div.communicationPreferences div.divThree {
    padding: 10px 30px 20px 15px;
}

div.communicationPreferences hr.blueBorder {
    border-color: #5098C7 !important;
    margin: 0em 4em 0em 1.875em;
}

div.communicationPreferences div.divOne div.telephoneNumbers {
    padding-left: 0px;
    padding-right: 0px;
}

    div.communicationPreferences div.divOne div.telephoneNumbers span {
        display: block;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 19px;
        color: #000000;
    }

div.communicationPreferences div.divTwo div.MisServicious span.tooltip,
div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne {
    position: initial;
    background: none;
    color: #000000;
    display: contents;
}

    div.communicationPreferences div.divTwo div.MisServicious span.tooltip i,
    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne i {
        color: #0073AE;
        font-size: 10px;
        position: absolute;
        cursor: pointer;
    }

    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext {
        visibility: hidden;
        width: 350px;
        background-color: #D7EFFF;
        border-radius: 4px;
        padding: 14px;
        position: absolute;
        z-index: 1;
        bottom: 50%;
        left: 70%;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
    }

    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptexteng {
        visibility: hidden;
        width: 350px;
        background-color: #D7EFFF;
        border-radius: 4px;
        padding: 14px;
        position: absolute;
        z-index: 1;
        bottom: 39%;
        left: 9%;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
    }

    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOne {
        visibility: hidden;
        width: 312px;
        background-color: #D7EFFF;
        border-radius: 4px;
        padding: 14px;
        position: absolute;
        z-index: 1;
        bottom: 70%;
        left: 27%;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
    }

    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOneeng {
        visibility: hidden;
        width: 312px;
        background-color: #D7EFFF;
        border-radius: 4px;
        padding: 14px;
        position: absolute;
        z-index: 1;
        bottom: 65%;
        left: 44%;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
    }

        div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext::after,
        div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptexteng::after,
        div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOneeng::after,
        div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOne::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 2%;
            margin-left: -7px;
            border-radius: 2px;
            border-width: 6px;
            width: -4px;
            border-style: solid;
            border-color: #D7EFFF transparent transparent transparent;
        }

    div.communicationPreferences div.divTwo div.MisServicious span.tooltip:hover span.tooltiptext, div.communicationPreferences div.divTwo div.MisServicious span.tooltip:hover span.tooltiptexteng,
    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne:hover span.tooltiptextOne, div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne:hover span.tooltiptextOneeng {
        visibility: visible;
    }

div.communicationPreferences div div.radioSection span {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
}

    div.communicationPreferences div div.radioSection span span.radioHead {
        display: block;
        margin: auto auto 10px auto;
    }

div.communicationPreferences div.buttonSection {
    margin-top: 20px;
    margin-bottom: 20px;
}

    div.communicationPreferences div.buttonSection input.guardar, div.prefrencesConsents input.guardar {
        padding: 12px 15px !important;
        width: 117px !important;
        border-radius: 5px;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 19px;
        margin: 10px 0px;
    }

    div.communicationPreferences div.buttonSection input.guardar-enabled, div.prefrencesConsents input.guardar-enabled {
        color: #FFFFFF;
        background: #49AADE;
        cursor: pointer;
    }

    div.communicationPreferences div.buttonSection input.guardar-disabled, div.prefrencesConsents input.guardar-disabled {
        color: #7A7A7A;
        background: #C4C4C4;
        /*border: 1px solid #5098C7;*/
        opacity: 1;
    }

        div.prefrencesConsents input.guardar-disabled:hover {
            color: #7A7A7A;
            background: #C4C4C4;
        }

div.prefrencesConsents input.guardar-enabled:hover {
    color: #FFFFFF;
    background: #49AADE;
}

div.communicationPreferences div.buttonSection a.cancel {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 19px;
    padding: 12px 15px;
    width: 90px;
    background: #DBDBDB;
    border-radius: 5px;
    color: #444444;
    margin: 10px 0px;
}

div.communicationPreferences div.buttonSection a.commuprefcancelButton {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: block;
    padding: 25px 15px;
    color: #0972AE;
}

div.overridePopupStyle.mop.commPreference {
    width: 470px;
}

div.new-reveal-modal.overridePopupStyle div.infoModalData a.close-new-reveal-modal.commPreference {
    right: 10px;
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
    top: 0px;
    font-size: 43px;
}

div.overridePopupStyle.mop.commPreference div.buttonSection {
    margin: 10px auto 0px auto;
}

div.overridePopupStyle.mop.commPreference div.btnSI {
    text-align: right;
}

    div.overridePopupStyle.mop.commPreference div.btnSI a {
        width: 90px;
        padding: 14px;
        background: #49AADE;
        border-radius: 5px;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        color: #FFFFFF;
    }

div.overridePopupStyle.mop.commPreference div.btnNo a {
    background: #FFFFFF;
    border: 1px solid #5098C7;
    box-sizing: border-box;
    border-radius: 5px;
    width: 90px;
    padding: 14px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #5098C7;
}

div.new-reveal-modal.overridePopupStyle.mop.commPreference div.infoModalData div h3 {
    font-size: 24px;
    line-height: 29px;
}

@media only screen and (max-width: 700px) {
    div.communicationPreferences div.preferences {
        width: auto;
        margin: auto 0px;
    }

    div.communicationPreferences div.buttonSection {
        text-align: center;
    }

    div.communicationPreferences div div.rightSection {
        padding: 0px !important;
    }

    div.communicationPreferences div.divOne div.telephoneNumbers {
        padding: 0px !important;
    }

    div.communicationPreferences div.divOne,
    div.communicationPreferences div.divTwo,
    div.communicationPreferences div.divThree {
        padding: 10px 0px 20px 0px;
    }

        div.communicationPreferences div.divOne div.telephoneNumbers,
        div.communicationPreferences div.divTwo div.MisServicious,
        div.communicationPreferences div.divThree div.ofertasEspeciales {
            padding: 0px 11px !important;
        }

    div.communicationPreferences hr.blueBorder {
        margin: 0em 1.875em;
    }

    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext,
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptexteng {
        visibility: hidden;
        width: 215px;
        background-color: #D7EFFF;
        border-radius: 4px;
        padding: 10px;
        position: absolute;
        z-index: 1;
        bottom: 38%;
        left: 35%;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
    }

    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOne,
    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOneeng {
        visibility: hidden;
        width: 180px;
        background-color: #D7EFFF;
        border-radius: 4px;
        padding: 10px;
        position: absolute;
        z-index: 1;
        bottom: 77%;
        left: 43%;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-weight: 300;
        font-size: 12px;
        line-height: 14px;
        color: #000000;
    }
    /*div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext::after,
    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOne::after {
        top: 99%;
        left: 4%;
        margin-left: -7px;
    }*/
    div.overridePopupStyle.mop.commPreference {
        width: auto;
        margin-right: 15px;
    }

    div.welcome-popup.overridePopupStyle.mop.commPreference {
        width: auto !important;
        margin-right: 15px;
    }

    .alert-info-popup .datos-editar {
        width: 30% !important;
    }

    .alert-info-popup .datos-datos {
        width: 70% !important;
    }

    .alert-info-popup .message-icon {
        width: 14% !important;
    }

    .alert-info-popup .messaging-text {
        width: 86% !important;
    }

    div.new-reveal-modal.overridePopupStyle.mop.commPreference div.infoModalData div h3 {
        font-size: 18px;
        line-height: 22px;
    }

    div.overridePopupStyle.mop.commPreference div.btnSI {
        text-align: left;
        padding-left: 0px;
    }

    div.overridePopupStyle.mop.commPreference div.btnNO {
        text-align: right;
        padding-right: 0px;
    }
}

@media only screen and (max-width: 329px) and (min-width:320px) {
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext {
        width: 170px;
        bottom: 40%;
        left: 41%;
    }

        div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext::after {
            top: 99%;
            left: 61%;
            margin-left: -7px;
        }

    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOne {
        width: 165px;
    }
}

@media only screen and (max-width: 361px) and (min-width:330px) {
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext {
        width: 170px;
        bottom: 39%;
        left: 38%;
    }

        div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext::after {
            left: 4%;
        }
}

@media only screen and (max-width: 375px) and (min-width:362px) {
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext {
        bottom: 32%;
        left: 9%;
    }

        div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext::after {
            left: 4%;
        }
}

@media only screen and (max-width: 411px) and (min-width:376px) {
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext::after {
        top: 99%;
        left: 61%;
        margin-left: -7px;
    }

    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext {
        bottom: 42%;
    }
}

@media only screen and (max-width: 414px) and (min-width:412px) {
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext {
        bottom: 43%;
        left: 41%;
    }

        div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext::after {
            left: 54%;
        }
}

@media only screen and (max-width: 615px) and (min-width:525px) {
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext {
        bottom: 49%;
        left: 52%;
    }

        div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext::after {
            left: 63%;
        }

    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOne {
        bottom: 73%;
        left: 32%;
    }
}

@media only screen and (max-width: 700px) and (min-width:616px) {
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext {
        bottom: 44%;
        left: 41%;
    }
}

@media only screen and (max-width: 768px) and (min-width:701px) {
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext {
        bottom: 44%;
        left: 36%;
    }

        div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptext::after {
            left: 9%;
        }

    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOne {
        left: 20%;
    }

        div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOne::after {
            left: 6%;
        }
}

@media only screen and (max-width: 768px) and (min-width:725px) {
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptexteng::after {
        top: 99%;
        left: 96%;
    }

    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptexteng {
        width: 232px;
        bottom: 58%;
        left: 53%;
    }

    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOneeng {
        width: 232px;
        left: 36%;
    }

        div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOneeng::after {
            left: 4%;
        }
}

@media only screen and (max-width: 726px) and (min-width:701px) {
    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOneeng {
        width: 232px;
        left: 39%;
    }
}

@media only screen and (max-width: 700px) and (min-width:672px) {
    div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptexteng {
        left: 59%;
    }

        div.communicationPreferences div.divTwo div.MisServicious span.tooltip span.tooltiptexteng::after {
            top: 99%;
            left: 94%;
        }

    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOneeng {
        bottom: 67%;
        left: 40%;
    }

        div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOneeng::after {
            left: 12%;
        }
}

@media only screen and (max-width: 673px) and (min-width:475px) {
    div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOneeng {
        bottom: 69%;
        left: 42%;
    }

        div.communicationPreferences div.divThree div.ofertasEspeciales span.tooltipOne span.tooltiptextOneeng::after {
            left: 26%;
        }
}
/*MDTV-1494 PR - CCC: Communication Preferences Screen ends here*/
/* MDTV-1644* starts here*/
.main-content dl.inline.split-evenly dt.fullWidth {
    width: 100%;
    padding: 8px 0px 0px 0px
}
/* MDTV-1644* ends here*/
div.misTabContentSection div.misTabContentTable table#misFacturas.CLMisboletas tr td {
    background-color: #FFFFFF !important;
}

div#CLexpiryTableSectionOuter.expiryTableSectionOuter {
    background-color: #FFFFFF !important;
}

.bills-previus-invoices-not-available {
    color: #7C7C7C;
}

.CLInfoMsg {
    background-color: #F3F3F3 !important;
}

.bills-message-info-pat {
    font-size: 16px;
    text-align: left;
    margin-top: 37px;
}
/*MDTV-1686 Starts Here*/
div.afterChannel a.cancelProductCOInnerHeading {
    font-size: 14px;
}

section#cancellationPlansCO a.cancelProductCOFontRegular {
    font-size: 16px;
}

div.overwritten .cancelButtonCO {
    padding: 2em 1em;
}

    div.overwritten .cancelButtonCO.zeroPadding {
        padding: 0px;
    }

div.overwritten div.basicPadding {
    padding: 20px 30px 30px 10px;
}

div.cancelButtonCO span.cancell-service-button-co,
div.cancelLinkCO span.cancell-service-link-co, span.cancell-service-button-co {
    color: #0972AE;
    font-size: 1em;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    cursor: pointer;
}
/*1745 starts here*/
div.cancelButtonCO span.cancell-service-button-co, div.cancelButtonCOwent span.cancell-service-button-wentwrng, span.cancell-service-button-co {
    border: 1px solid #0972AE;
    padding: 12px 35px;
    border-radius: 5px;
    cursor: pointer;
}
/*MDTV-1849 Starts Here*/
a.underline-CO {
    text-decoration: underline;
    color: black;
}

div.cancelButtonCO span.cancell-service-button-cooo, a.rowText-COO {
    color: rgba(0,0,0,0.5);
    font-size: 1em;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    background: rgba(158,158,158,0.5);
    padding: 12px 35px;
    border-radius: 3px;
}
/*MDTV-1849 Ends Here*/
div.cancelButtonCOwent span.cancell-service-button-wentwrng {
    /*color: #222222;*/
    /*font-size: 1em;*/
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    text-align: center;
    font: 16px;
    letter-spacing: 0px;
    color: #222222;
    opacity: 1;
}

div.cancelButtonCOwent {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: #0073AE;
    border-radius: 5px;
    opacity: 1;
    text-align: center;
}
/*1745 ends here*/
div.overwritten div.additionalPaddingCO {
    padding: 1em 1.5em;
}

div.overwritten div.additionalPaddingLinkCO {
    padding: 3em 3em 0em 0em;
}

@media only screen and (min-width: 381px) and (max-width: 580px) {
    div.overwritten div.additionalPaddingLinkCO {
        padding: 0em;
    }
}

@media only screen and (max-width: 380px) {
    div.overwritten div.additionalPaddingLinkCO {
        padding: 0em 2em;
    }
}

div.item__name_co {
    font-size: 18px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

div.wimt-modal div.planConfirmSubHeadingCO {
    font-size: 14px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    margin-bottom: 2em;
}

div.mainConfirmModal div.package-name-to-cancel-co {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1em;
    letter-spacing: 0px;
    color: #222222;
    text-transform: uppercase;
}

div.mainConfirmModalTwo div#divCancelFullServiceBtn,
div.mainConfirmModal div#divCancelFullServiceBtn {
    padding: 1em 4em 1em 4em;
    color: #FFFFFF;
    background: #0073AE;
    text-align: center;
}

div.mainConfirmModalTwo div#divCancelFullServiceCancelBtn,
div.mainConfirmModal div#divCancelFullServiceCancelBtn {
    padding: 1em 4em 1em 4em;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #0972AE;
    text-align: center;
    color: #0972AE;
}
/*MDTV-1686 Ends Here*/
.customerIDCL {
    float: right;
}

.customerNameEditCL {
    display: inline-block;
    width: 780px;
}

@media only screen and (max-width: 780px) {
    .customerIDCL {
        float: left;
    }

    div#userBillingInfoSection div.sectionOne a#misDatos.misDatosCL {
        display: inline;
        margin-left: 0px;
    }

    div#userBillingInfoSection div.sectionOne a#misDatos span#misDatosText {
        display: none;
    }

    .customerNameEditCL {
        display: inline-block;
        width: inherit;
    }
}
/*MDTV-1497 ~Priyanka*/
label.custIdVal {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1em;
    display: block;
    margin-top: 5px;
    color: #222222 !important;
}

span.spanUserInfoBreakCL {
    display: block;
    margin-top: 5px;
}

@media only screen and (max-width: 699px) {
    span.spanUserInfoBreakCL {
        display: none;
        margin-top: 5px;
    }
}

div.noBorder {
    border: none !important;
}

div.sectionFirstCL {
    width: 23% !important;
    text-transform: uppercase !important;
    /*margin-bottom: -1em;*/
    margin-left: 1em;
}

div.sectionSecondCL {
    width: auto !important;
    /*margin-bottom: -1em;*/
}

div.sectionThirdCL {
    width: 33% !important;
    /*margin-left: -1em;*/
    /*margin-bottom: -1em;*/
}

div.sectionFourthCL {
    background-image: url('../images/DirectvDIGo.png');
    mix-blend-mode: multiply;
    background-repeat: no-repeat;
    width: 100%;
    max-width: 40px;
    height: 40px;
    display: block;
}

div.innerBlockCL {
    padding: 10px !important;
}

div.bottomPadding {
    padding-bottom: 10px !important;
}

div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionSecond span, div#userBillingInfoSection div.sectionFive div.innerBlock div.sectionThird span {
    line-height: 1.5;
}

div.smallScreenSectionFirst {
    width: auto !important;
    padding: 12px !important;
}

div.smallScreenSectionSecond {
    width: auto !important;
}

div.smallScreenSectionFourthCL {
    float: right !important;
}

@media only screen and (max-width: 699px) {
    a.LargeScreen {
        display: none !important;
    }
}

@media only screen and (min-width: 700px) {
    a.SmallScreen {
        display: none !important;
    }
}

div.customerNameEditCLTop {
    margin-top: 15px !important;
}

span#misDatosTextCL {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em !important;
    text-decoration: underline;
    color: #0972AE !important;
}
/*MDTV-1497 ~Priyanka*/
/*MDTV-1718 cancel alerts ~Priyanka*/
p.cancellationCO {
    width: 538px;
    height: 57px;
    border-radius: 10px;
    margin-top: -2.6em;
    background-color: white !important;
}

div.padding-0 {
    padding: 0em;
}

span.cancelalertCo {
    font-size: 14px;
    line-height: 11px;
    margin-left: 2em;
}

div.cancelRowCO {
    height: 77px;
    border-radius: 5px;
}

div.channelItemTextCO {
    font-size: 18px !important;
    margin-top: 1.55em;
    color: #797979 !important;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
}

    div.channelItemTextCO.leftPadding {
        padding-left: 0px;
    }

p.cancel-plan-schedul-container.basicCancellationCO {
    max-width: 342px;
    width: 100%;
    height: 194px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5em !important;
    font-size: 14px;
    background: #fff;
}

p.cancellationInternetCO {
    max-width: 342px !important;
    width: 100%;
    height: 118px !important;
    padding: 1em 1.5em !important;
}

div.overwrittenHeightCO {
    overflow: hidden;
    min-height: 15em !important;
}

div.basicAccountBorderCO {
    border-bottom: 1px solid #C3C3C3;
    height: 0px;
    margin-top: 2em;
}

a.basicAccountHeaderCO {
    font-size: 14px;
    line-height: 17px;
    color: #797979;
}

div.basicChannelTextCO {
    color: #797979 !important;
}

div.basicChannelTextItemCO {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #797979 !important;
    padding: 0.45em 0px;
}

span.basicCancelAlertCO {
    width: 296.4px;
    margin-left: 1em;
    margin-top: 2em;
    margin-bottom: -1em;
    font-size: 14px;
}

a.rowText {
    color: #0972AE !important;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    text-transform: uppercase !important;
}
/*MDTV-1718 cancel alerts ends ~Priyanka*/
/*MDTV-1751*/
div.sectionFirstWidth {
    width: 35% !important;
}

div.sectionThirdWidth {
    width: 30% !important;
}
/*MDTV-1751*/
/*MDTV-1810 Start Here*/
.hide-overflow-vertical {
    overflow-y: hidden !important;
}

div.dtv-prepaid-banner div.offer-image-mob {
    display: none;
}

div.dtv-prepaid-banner {
    width: 100%;
    /*max-width: 545px;*/
    min-height: 160px;
    height: auto;
    float: left;
    position: relative;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #ffffff;
}

    div.dtv-prepaid-banner p.prepaid-offer-text {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        color: #ffffff;
        font-size: 14px;
    }

div.dtv-prepaid-banner-HBO {
    background-image: url('../images/pepaidOffer_AR/Image-HBO.jpg');
}

div.dtv-prepaid-banner-STAR {
    background-image: url('../images/pepaidOffer_AR/Image-Star.jpg');
}

div.dtv-prepaid-banner-HOTPACK {
    background-image: url('../images/pepaidOffer_AR/Image-Hotpack.jpg');
}

div.dtv-prepaid-banner-ORO {
    background-image: url('../images/pepaidOffer_AR/Image-Oro.png');
}

div.dtv-prepaid-banner-PATA {
    background-image: url('../images/pepaidOffer_AR/Image-Plata.jpg');
}

div.dtv-prepaid-banner-RECARGA {
    background-image: url('../images/pepaidOffer_AR/Image-Recarga.jpg');
}

/*MDTV-2249 : Added Recharge Offer banner for CL countrycode*/
div.dtv-prepaid-banner-RECARGACL {
    background-image: url('../images/pepaidOffer_AR/prepaid_banner.jpg');
}

/*MDTV-2109*/
div.dtv-prepaid-banner-ImageRecarga {
    background-image: url('../images/pepaidOffer_AR/imageRecarga.png');
}

div.dtv-prepaid-banner div.prepaid-banner-static {
    background-image: url(../images/pepaidOffer_AR/static_banner_desk.png);
    width: 70%;
    max-width: 524px;
    min-height: 160px;
    float: left;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

    div.dtv-prepaid-banner div.prepaid-banner-static div.prepaid-offer-heading {
        font-size: 24px;
        background: #000000;
        text-transform: uppercase;
        margin-top: 0.5em;
        padding: 0.35em 0.25em;
        -webkit-clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
        clip-path: polygon(0 0, 100% 0%, 92% 100%, 0% 100%);
    }

    div.dtv-prepaid-banner div.prepaid-banner-static p {
        margin: 1em 0 0 1em;
        float: left;
        width: 80%;
        font-size: 14px;
    }

div.dtv-prepaid-banner div.button-prepaid-accept-offer {
    position: absolute;
    background-color: #4BACE9;
    border-radius: 10px;
    bottom: 15px;
    right: 15px;
    padding: 0.75em 2em;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}

div.prepaidOfferPopup {
    padding: 2.5em;
    max-height: 600px;
    overflow-y: auto;
    /*MDTV-2810*/
    height: auto !important;
    min-height: auto;
    /*MDTV-2810*/
}

div.prepaidOfferPopupModal h2.prepaidConfirmOfferHeading {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    text-transform: none;
    color: #000000;
    line-height: 1.25;
}

div.prepaidOfferPopupModal a.closePrepaidOfferModal {
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
    font-size: 4em;
    right: 0.5em;
    top: 0.25em;
}

div.prepaidOfferPopupModal a.closePrepaidRejectOffer {
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
    font-size: 4em;
    right: 0.75em;
    color: #222;
    top: 0.5em;
    cursor: pointer;
    position: absolute;
}

div.prepaidOfferPopupModal div.prepaidOfferContent {
    line-height: 1.5em;
}

.prepaidOfferNormalFont {
    color: #222222;
    font-size: 1em;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
}

.prepaidOfferMediumFont {
    color: #222222;
    font-size: 1em;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

div.giftIconWithCircle {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 50%;
    width: 50px;
    height: 35px;
    margin: 0.3em 0.75em 0.3em 0em;
}

    div.giftIconWithCircle span {
        position: absolute;
        right: 0px;
        height: 40px;
        width: 50px;
        display: inline-block;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../images/pepaidOffer_AR/giftIcon.jpg');
    }

div.prepaidOfferPopupModal div.divConfirmOfferBtn {
    padding: 1.5em 0em;
    text-align: center;
}

    div.prepaidOfferPopupModal div.divConfirmOfferBtn a.btnConfirmOffer {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        color: #ffffff;
        border-radius: 3px;
        background: #0073AE;
        padding: 0.75em 3em;
    }

    div.prepaidOfferPopupModal div.divConfirmOfferBtn a.btnOfferRecharge {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        color: #222222;
        border-radius: 3px;
        background: #F19439;
        padding: 0.75em 3em;
    }

    div.prepaidOfferPopupModal div.divConfirmOfferBtn a.btnOfferFailure {
        border: 1px solid #0073AE;
        padding: 0.75em 3em;
        color: #0073AE;
    }

div.prepaidOfferPopupModal div.prepaidOfferDetailsText {
    padding: 0em;
}

    div.prepaidOfferPopupModal div.prepaidOfferDetailsText label {
        font-size: 14px;
    }

h1.prepaid-header-text {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #222222;
    font-size: 34px;
}
/*MDTV-2013 : AR Xsell Upgrade*/
div.prepaidOfferPopupModal div.channlListId {
    border: 1px solid rgb(162,160,160,50%);
    padding: 8px;
    text-align: center;
    width: 75px;
    height: 80px;
    vertical-align: middle;
    display: inline-block;
    margin: 2px;
    border-radius: 5px;
}

div.prepaidOfferPopupModal div.channlListIdCO {
    width: 77px;
    height: 77px;
}

label .channelLogsHeading {
    font-size: 12px;
    text-transform: uppercase;
    color: #222222;
}

div.prepaidOfferPopupModal div.channlListId img.channelImg {
    height: 25px;
}

div.prepaidOfferPopupModal div.channlListId span.channelName {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    color: #222222;
    display: block;
    padding-top: 5px;
    font-size: 10px;
}

div.prepaidOfferPopupModal div.channlListId span.channelNumber {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #222222;
    font-size: 8px;
}

@media only screen and (max-width: 699px) {
    div.dtv-prepaid-banner div.prepaid-banner-static {
        width: 100%;
        background-image: url('../images/pepaidOffer_AR/static_banner_mobile.png');
        background-size: cover;
        position: relative;
        background-position: center bottom;
        min-height: 180px;
    }

    .incentiveDesign div.dtv-prepaid-banner div.prepaid-banner-static {
        min-height: 150px;
        width: 100% !important;
    }

    .incentiveDesign .prepaid-offer-text {
        padding: 0 20px;
    }

    div.dtv-prepaid-banner {
        background-image: none;
    }

        div.dtv-prepaid-banner div.prepaid-banner-static p {
            width: auto;
            margin: 0.25em;
        }

        div.dtv-prepaid-banner div.button-prepaid-accept-offer {
            right: 0;
            left: 0;
            margin: auto;
            width: 200px;
        }

        div.dtv-prepaid-banner div.offer-image-mob {
            display: block;
            margin-top: -30px;
            float: left;
            width: 100%;
        }

            div.dtv-prepaid-banner div.offer-image-mob img {
                width: 100%;
            }

    div .prepaidOfferPopupModal h2.prepaidConfirmOfferHeading {
        font-size: 24px;
    }

    div.prepaidOfferPopupModal div.prepaidOfferContent {
        line-height: 1.5em;
        margin: 0em;
    }

    div.giftIconWithCircle {
        margin: 0.5em;
    }

    div.prepaidOfferPopup {
        padding: 1.5em 1.5em 2em 1.5em;
    }
}
/*MDTV-1810 Ends Here*/
/*MDTV-1746 Starts Here
*/
.itemNameCO {
    margin-bottom: 0.85em;
}
/*MDTV-1746 Ends Here
*/
/*MDTV-1745 Starts Here*/
div.cancellation-bgImg {
    background-image: url('../images/cancellation_CO/circle.svg'), url('../images/cancellation_CO/Angle.svg');
    background-position: left center, 8px 9px;
    background-repeat: no-repeat, no-repeat;
    padding-left: 50px;
    background-size: 40px 60px, auto;
}
/*MDTV-1745 Ends Here*/
/*MDTV-1880 EC-Premium Cancellation styles starts here*/
section#cancellationPlansEC div.divBorderBottom {
    border-bottom: 1px solid #C3C3C3;
}

div.overwritten div.bottomSectionHead {
    padding: 10px;
}

div.overwritten .afterChannelEC {
    padding: 0.28em 0px;
}

div.wimt-modal div.planConfirmSubHeadingEC {
    font-size: 14px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    margin-bottom: -1em;
}

div.cancelRowEC {
    height: 71px;
    border-radius: 5px;
    border: none;
    top: 10px !important;
}

div.cancelRowECPlan {
    border: none;
    top: 10px !important;
    padding: 0px;
    margin-bottom: 0px;
}

@media only screen and (max-width: 699px) {
    div.cancelRowECPlan {
        border: none;
        top: 0px !important;
        padding: 0px;
        margin-bottom: 0px;
    }
}

div.cancelRowEC.noTopValue {
    top: 0px !important;
}

div.planbottomEC {
    margin-bottom: 5px !important;
}

p.cancel-plan-schedul-container-plan.basicCancellationCO.basic-border {
    padding: 40px 30px !important;
    height: auto;
    width: auto;
}

p.cancel-plan-schedul-container-plan.plan-schedule-custom-container {
    margin: 24px 0px 0px 0px;
    border-radius: 8px;
    background: #FFFFFF;
    float: right;
}
/*MDTV-1880 EC-Premium Cancellation styles Ends here*/
/*MDTV-1745 Ends Here*/
/*----------------- MDTV-1878-EC - Cancel: Cancellation page -change starts --------------------- */
div.end a.button.cancel-button {
    background: #FFFFFF;
    border: 1px solid #0073AE;
    border-radius: 2px;
    text-align: center;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    color: #0073AE;
    font-weight: 500;
}

div.text-left.plan-header-text.columns.afterChannel.cursorDefault.directv-curve-medium.basicHeader,
a.cursorDefault.directv-curve-medium.basicHeader,
a.cursorDefault.directv-curve-medium.cancelProductCOFontRegular.basicHeader {
    font-size: 14px;
    line-height: 17px;
    color: #00AEEF;
}

div.text-left.plan-header-text,
di.text-left.planbottomEC.channelTextCO.package-item-name.basicChannelTextCO.plan-header-text,
div.text-left.planbottomEC.basicChannelTextItemCO
a.cursorDefault.directv-curve-medium.basicHeader.plan-header-text,
div.text-left.planbottomEC.channelTextCO.package-item-name.plan-header-text {
    font-size: 24px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #333333;
}

div.planbottomEC.itemNameCO.text-left.item__name_co.cancelProductCOFontRegular.packageText,
div.text-left.planbottomEC.basicChannelTextItemCO.planText.packageText {
    font-size: 18px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #333333;
}

div.text-left.planText.afterChannel.break.padding-0.packageBorder {
    border-bottom: 1px solid #C3C3C3;
}

@media only screen and (max-width: 699px) {
    div.cancelPlanButtonDiv {
        margin-top: 1em;
    }
}

div.columns.text-right span#actualizario.gray-box__third-line__update.gray-box__third-number-update-text.actualizer-span {
    margin-left: 0px !important;
}

span.cancelPlanButton,
span.gray-box__third-line__update.service-cancelled-thank-you-page__link a.cancelPlanButton,
span.gray-box__third-line__update.offer-approval-link a.cancelPlanButton {
    padding: 12px 15px;
    border-radius: 4px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    /*background: #FFFFFF;*/
    background: transparent;
    border: 1px solid #0073AE;
    letter-spacing: 0.2px;
    color: #0073AE;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

a.plans-to-cancel__updateUserLink.directv-curve-regular.actualizarUsuario {
    font-style: normal;
    font-weight: normal;
    text-decoration-line: underline;
}

h2.cancelPlanPkgNameCO.cursorDefault.tu-plan-de-directv__header-title.blackColor {
    color: #222222;
}

p.directv-curve-regular.blacklbl,
.directv-curve-regular.blacklbl,
span.directv-curve-medium.blacklbl {
    color: #101010;
    font-size: 14px;
    letter-spacing: 0.20px;
    word-wrap: break-word;
}

div.wimt-modal__header.modalText {
    color: #000000;
    margin-bottom: 22px;
}

div.divTd.modalDivTd {
    font-size: 15px;
    font-family: 'DIRECTVCurve Regular';
    font-weight: 400;
    line-height: 16.8px;
}

div.wimt-modal__footer__content__action-continue.plan-data-to-cancel__confirmButton.confirmButton {
    text-transform: uppercase;
    padding: 11.5px 30.5px 11.5px 32.5px;
}

span#premiumTextboxLengthError.hidden.package-data-to-cancel__errorMessageText.plan-data-to-cancel__errorMessage,
span.plan-data-to-cancel__errorMessage {
    color: #E53935;
    font-size: 14px;
    font-family: 'DIRECTVCurve Regular';
    font-weight: 400;
}

span.cancelNumber {
    color: #04AAE3;
    font-weight: 600;
}

p.directv-curve-regular.blacklbl.errorText {
    font-size: 16px;
}

div.overwritten.cancelRowECPlan.packagePadding {
    padding: 0px 30px 0 0px;
}

div.plan-name-to-cancel {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 24px !important;
    letter-spacing: 0px;
    color: #222222;
    text-transform: uppercase;
}

div.ott-plan-and-services span.service-name-bold {
    font-size: 16px;
    letter-spacing: 0px;
    color: #101010;
}
/* ----------------- MDTV-1878-EC - Cancel: Cancellation page -change ends ---------------------- */
/*MDTV-1853 starts here*/
div.santandarView div.breadcrumbRow {
    padding-left: 0px;
}

    div.santandarView div.breadcrumbRow ul.breadcrumb {
        padding: 10px 16px 10px 0px;
        margin-left: 0px;
        list-style: none;
        color: #FFFFFF;
        background: transparent !important;
    }

        div.santandarView div.breadcrumbRow ul.breadcrumb li {
            margin-left: 0px;
            display: inline;
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
            font-size: 14px;
            line-height: 17px;
        }

            div.santandarView div.breadcrumbRow ul.breadcrumb li + li:before {
                padding: 3px 10px 10px 10px;
                color: white;
                content: url('../images/breadCrumbArrow.png');
                vertical-align: sub;
            }

            div.santandarView div.breadcrumbRow ul.breadcrumb li a {
                color: #000000;
                font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
                font-size: 16px;
                line-height: 19px;
            }

                div.santandarView div.breadcrumbRow ul.breadcrumb li a.uppercase-text {
                    text-decoration: underline;
                    font-size: 14px;
                    line-height: 17px;
                }

div.santandarView h3 {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 40px;
    line-height: 48px;
    color: #000000;
}

div.santandarView h5 {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #000000;
    padding: 10px 0px;
}

div.santandarView p {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

    div.santandarView p span.strongText {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    }

div.santandarViewButtonSection {
    margin-top: 10px;
}

    div.santandarViewButtonSection a.inicioButton {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        text-decoration-line: underline;
        text-transform: uppercase;
        font-feature-settings: 'case' on;
        color: #0972AE;
    }

    div.santandarViewButtonSection a.datosButton {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        text-transform: uppercase;
        font-feature-settings: 'case' on;
        color: #FFFFFF;
        padding: 10px 15px;
        background: #0073AE;
        border-radius: 3px;
    }

    div.santandarViewButtonSection div.nonDesktop {
        text-align: center;
    }

        div.santandarViewButtonSection div.nonDesktop a {
            margin-bottom: 20px;
            display: inline-block;
        }

@media only screen and (max-width: 950px) {
    div.santandarView div.breadcrumbRow ul {
        display: flex;
    }

        div.santandarView div.breadcrumbRow ul.breadcrumb li {
            display: flex;
        }

    div.santandarView h3 {
        font-size: 30px;
        line-height: 36px;
    }

    div.santandarView h5 {
        font-size: 20px;
        line-height: 24px;
    }
}
/*MDTV-1853 ends here*/
/*MDTV-1838*/
div.dtv-prepaid-banner div.prepaid-banner-static-recharge {
    width: 80%;
    max-width: 610px;
    min-height: 150px;
}

div.dtv-prepaid-banner-recharge {
    max-width: 720px;
    min-height: 120px;
    margin: 1em 0em;
}

div.recharge-selection {
    border: 2px solid white;
    width: 100%;
    padding: 0.25em 1em !important;
    display: block;
    border-radius: 15px;
}

@media only screen and (min-width: 33.313em) {
    div.recharge-selection {
        margin: 1rem 1rem 1rem 1rem;
    }
}

.recharge-selection.selected {
    border: 1px solid #49AED3;
    background: #f5fcff;
}

.recharge-selection.radio::after {
    background-color: #ffa500;
}

span#pRechargeDays {
    color: #222222;
}

.prepaid-customer-details,
div#prepaid-offer-user-dtls span.customerId label#custIdVal,
div#prepaid-offer-user-dtls span.planName label#PlanNameVal {
    font-size: 14px;
    line-height: 1.25em;
    color: #222222;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

h2.prepaid-rechar-font-24 {
    font-size: 24px;
}

.cursor-pointer {
    cursor: pointer;
}

.prepaid-rechar-font-14,
.font-14 {
    font-size: 14px !important;
}

.prepaid-rechar-font-16 {
    font-size: 1em;
}

h2.prepaid-rechar-font-normal,
p.prepaid-rechar-font-normal {
    color: #222222;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

div#topSection label,
div#userBillingInfoSection label {
    text-transform: inherit;
    font-size: 14px;
    color: #222222;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

label.prepaid-mob,
p.prepaid-mob {
    display: none;
}

label.prepaid-desk,
p.prepaid-desk {
    display: block;
}

div.prepaid-recharge-alert,
div.alert-notification {
    background: rgba(255, 200, 10,0.5);
    border-radius: 10px;
}
/*MDTV-2875 changes*/
div.row div.alert-cancelado-misServicios {
    background: #FFFFFF;
    padding: 17px;
    border-radius: 10px;
}

div.alert-disconnectado-cancelado {
    background: #FFD756 !important;
}

div.alert-background-y {
    background-position-y: 12px;
}
/*MDTV-2875 changes*/

div.prepaid-recharge-alert div.prepaid-recharge-alert-log,
div.alert-notification div.alert-notification-log {
    margin-left: 1em;
    background-image: url('../images/ott_Registration.png');
    background-position-y: 12px;
    background-repeat: no-repeat;
}

div.prepaid-recharge-alert div.prepaid-recharge-alert-log {
    padding-top: 4em;
}

div.prepaid-recharge-alert p.prepaid-recharge-alert-text,
div.alert-notification p.alert-notification-text {
    text-align: left;
    color: #222222;
    font-size: 14px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    margin: -4em 1em 0em 3em;
}

div.prepaid-recharge-alert p.prepaid-recharge-alert-text {
    padding: 10px 5px;
}

div.prepaid-recharge-offer div div.panel-border {
    border: none;
    border-radius: 10px;
}

div.prepaid-recharge-alert br.desktopNewLine {
    display: block;
}

@media only screen and (min-width: 700px) {
    .additional-margin-left-35 {
        margin-left: 2.15em !important;
    }

    div.recharge-selection {
        width: max-content;
    }
}

@media only screen and (max-width: 699px) {
    div.prepaid-recharge-alert br.desktopNewLine {
        display: none;
    }

    div.dtv-prepaid-banner div.prepaid-banner-static-recharge {
        width: 100%;
    }

    p.prepaid-mob {
        display: block;
    }

    label.prepaid-mob {
        margin: 4em 0em 1em 0em;
        display: block;
    }

    p.prepaid-desk {
        display: none;
    }

    p.prepaid-desk,
    label.prepaid-desk {
        visibility: hidden;
    }

    h1.prepaid-header-text {
        font-size: 27px;
        padding-bottom: 1em
    }

    div.dtv-prepaid-banner div.prepaid-banner-static-recharge {
        min-height: 180px;
    }
}
/*MDTV-1838*/
/*MDTV-1956 CO homepage: starts here*/
div#userBillingInfoSection div.sectionFive.customWidths div.innerBlock div.sectionFirst {
    width: 35%
}

div#userBillingInfoSection div.sectionFive.customWidths div.innerBlock div.sectionThird {
    width: 30%;
}

div.sectionFive.customHeight {
    margin-top: 20px
}

div.innerBlock.emojiBlock {
    padding: 15px;
}

div.emojiBlock div.sectionOne {
    width: 80%;
    display: inline-block;
    margin-bottom: 0px !important;
}

    div.emojiBlock div.sectionOne span#innerText {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-transform: uppercase;
        color: #000000;
    }

    div.emojiBlock div.sectionOne span.links {
        margin: 0px 40px 0px 30px;
        font-size: 16px;
        line-height: 19px;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    }

        div.emojiBlock div.sectionOne span.links a {
            text-decoration-line: underline;
            color: #0972AE;
        }

@media only screen and (max-width: 950px) {
    div.emojiBlock div.sectionOne {
        width: auto;
        display: block;
    }

        div.emojiBlock div.sectionOne span.links {
            margin: 10px 0px;
            display: block;
        }

    div.emojiBlock div.sectionFourthCL.smallScreen {
        background-position: center;
        max-width: initial;
    }
}
/*MDTV-1956 CO homepage: ends here*/
/* Start MDTV-1927 */
.recharge-sos-legal {
    color: #222;
    font-family: 'DIRECTVCurve Regular';
    font-size: 14px;
}
/* Start MDTV-1927 */
.suscription-administration-button {
    padding: 8px 16px;
    width: 213.4px;
    height: 35.08px;
    background: #FFFFFF;
    border: 1px solid #0073AE;
    border-radius: 2px;
    font-family: 'DIRECTVCurve Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.2px;
    text-transform: uppercase;
}

.new-reveal-modal {
    padding: 30px !important;
}

.pad-b-200 {
    padding-bottom: 200px;
}

.pad-b-35 {
    padding-bottom: 35px;
}

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

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

.pad-b-25 {
    padding-bottom: 25px;
}
/*MDTV-1910-ARFutbool-Starts-Here*/
section#sectionFubtol a#smallbutton {
    color: #0972AE;
    background: #FFFFFF;
    font-size: 16px;
    border: 1px solid #0972AE;
    padding: 0.5em 2em;
    line-height: 19px;
    text-align: center;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    position: absolute;
    border-radius: 3px;
}

.button.plain-dark-button {
    color: #0972AE;
    background: #FFFFFF;
    font-size: 16px;
    border: 1px solid #0972AE;
    padding: 0.5em 2em;
    line-height: 19px;
    text-align: center;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    border-radius: 3px;
}

    .button.plain-dark-button.no-menter-btn {
        padding: 10px 30px !important;
    }

    .button.plain-dark-button.combiar-btn {
        border-radius: 30px !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 700 !important;
        padding: 15px;
        border: 2px solid;
    }
/*MDTV-1910-ARFutbool-Ends-Here*/
/* Start MDTV-1813 */
.top-section-communicationPreference p, .top-section-communicationPreference span {
    font-size: 14px !important;
    line-height: 17px !important;
}

legend.communicationPreferencesLegend {
    font-size: 20px !important;
    line-height: 24px;
    color: #3399CC;
    padding: 0px 15px !important;
}

h4.communicationPreferencesMainHeading {
    padding-left: 0.9375rem;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 20px;
    color: #3399CC;
    margin-bottom: 0px;
}

a.radius.button.disabled.pfcancel {
    margin-top: 13px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
}

div.communicationPreferences div.buttonSection a.commuprefButtonCancel {
    background: #dbdbdb;
    color: #444;
}

.top-section-communicationPreference div.communicationPreferences div.divOne div.telephoneNumbers {
    padding-left: 0.9375em;
    padding-right: 0.9375em;
}

div.communicationPreferences div.divOne div.telephoneNumbers div.greyBackground {
    background: #F5F5F5;
    border-radius: 10px;
    padding: 15px;
}

    div.communicationPreferences div.divOne div.telephoneNumbers div.greyBackground h5 {
        font-size: 14px;
        line-height: 17px;
        color: #000000;
    }

.top-section-communicationPreference div.communicationPreferences div.buttonSection div, div.prefrencesConsents {
    text-align: center;
}

    .top-section-communicationPreference div.communicationPreferences div.buttonSection input.guardar, div.prefrencesConsents input.guardar {
        width: 115px !important;
    }

.top-section-communicationPreference div.communicationPreferences div.divOne,
.top-section-communicationPreference div.communicationPreferences div.divTwo,
.top-section-communicationPreference div.communicationPreferences div.divThree {
    padding: 10px 0px 20px 0px;
}

div.notification-Text p {
    background: #FFD756 0% 0% no-repeat padding-box;
    border-radius: 10px;
    background-image: url(../images/warning_ico_blackbg.png);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 10px 18px;
    padding: 15px 20px 15px 34px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    line-height: 17px;
    color: #000000;
    letter-spacing: 0px;
    margin: auto auto 10px auto;
}
/*MDTV 2854 starts here*/
div.notification-Text.notification-icon p {
    background-position: 20px 20px;
}

div.notification-Text p.warning-triangle-icon {
    background-image: url(../images/warning-triangle-icon.png) !important;
}

.mar-b-40 {
    margin-bottom: 40px !important;
}

.redesign-thanku-page {
    height: 580px;
}
/*MDTV 2854 ends here*/

div.notification-Text p a.underlined-text {
    text-decoration: underline;
    color: #000000 !important;
}
/*MDTV-1813*/
/*MDTV-1838*/
/*****************MDTV-1917:EC - Cancel: Plan RTD offers starts*****************/
span.gray-box__third-line__update a.challenge-offer-cancel-link {
    color: #FFFFFF;
    margin-left: 5em;
}

div.left.divPosterText.diPosterContent {
    bottom: 0em;
    top: 2em;
}

div.challenge-benefits-text,
span.challenge-description-text {
    font-size: 11px
}

p.legalSectionText.small-fonts {
    font-size: 14px;
}

div.legal-divider {
    border-bottom: 1px solid #000000;
}

span.currency-label.label-color {
    color: #FFC60B;
}

div.cancellationSectionSix div.legalTextSection p.legal-section-text {
    text-align: justify;
    margin-bottom: 0.25em !important;
    color: #000000;
    font-size: 12px;
}

span.package-description {
    color: #00aeef;
}

.rotate-arrow {
    transform: rotate(-180deg);
}

img.legal-section-toggle {
    cursor: pointer;
}

span.label-challenge-offer-text-sub-black.medium-fonts,
span.product-challenge-offer-sub-title-5.medium-fonts,
span.package-cancelation-hbo-banner-text-1.medium-fonts,
span.package-cancelation-hbo-banner-text-4.medium-fonts {
    font-size: 24px;
}

span.font-18px,
.font-18 { /*MDTV-2910 Added*/
    font-size: 18px;
}

div.confirm-btn-div {
    margin-top: 2em;
}

a.expanded.button.btnAcceptOffer.expanded.button.radius.buy.directv-curve-medium.confirm-btn-color {
    background: #FFC60B;
}

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

@media only screen and (max-width: 699px) {
    div.smallscreen-margin {
        margin-top: 6em;
    }
}

span.package-cancelation-banner-text-2 {
    margin-top: 5px;
    color: #FFC60B;
    font-size: 40px;
    display: block;
}

.font-30 {
    font-size: 30px !important;
}

.font-50 {
    font-size: 50px !important;
}

span.cancell-service-button.cancelBtnColor {
    background: #0073AE;
}
/*****************MDTV-1917:EC - Cancel: Plan RTD offers ends*****************/
/* Start MDTV-2014 */
div.prepaidOfferPopupModal div.divPrepaidOfferPriceDtls {
    background-color: rgba(223,223,223,0.3);
    border-radius: 5px;
}

    div.prepaidOfferPopupModal div.divPrepaidOfferPriceDtls div.borderBottom {
        border-bottom: 2px solid #DDDDDD;
        margin-left: 1em;
    }

    div.prepaidOfferPopupModal div.divPrepaidOfferPriceDtls .prepaid-offer-price-normal,
    div.prepaidOfferPopupModal div.divPrepaidOfferPriceDtls .prepaid-offer-price-bold {
        font-size: 12px;
        color: #222222;
    }

    div.prepaidOfferPopupModal div.divPrepaidOfferPriceDtls .prepaid-offer-price-normal {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        padding-top: 0.3em;
    }

    div.prepaidOfferPopupModal div.divPrepaidOfferPriceDtls .prepaid-offer-price-bold {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        padding-top: 1em;
        padding-bottom: 1em;
        margin: 0em;
    }

ul.prepaidOfferSuccessList {
    margin-left: 0em;
}

    ul.prepaidOfferSuccessList li {
        margin-left: 1em;
    }
/* End  MDTV-2014 */
.Ott-Retention-ContactMessage {
    font-family: "DIRECTVCurve Regular";
    font-style: normal;
    font-weight: 500;
    font-size: 12px !important;
    line-height: 17px;
    margin-left: 0px !important;
    align-items: center;
}

.plan-cancel-basic-message-padding-fix {
    padding: 30px 30px;
}
/**************** MDTV-2037 : EC - Cancel: Ecuador Scenarios - Part 1 starts *****************/
p.notification-text-border {
    border-radius: 5px !important;
}

span.notification-description-padding {
    display: block;
    padding: 5px 0px;
}

a.disabled-link {
    pointer-events: none;
    color: #ACACAC !important;
}

span.cancelPlanButton.confirmar-btn,
span.cancell-service-button.confirmar-btn {
    background: #0073AE;
    color: white;
}

span.product-challenge-offer-sub-title-5-csr {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    color: #3E4346;
    font-size: 18px;
    margin-top: 18px;
    display: block;
}
/**************** MDTV-2037 : EC - Cancel: Ecuador Scenarios - Part 1 ends *****************/

div.divSecondOfferSectionOne.secondOfferpadding {
    padding-top: 1.75em;
}

/*****************MDTV-1966 :PR - CCC: UX Enhancements starts ***********/
/*div.welcome-popup.overridePopupStyle.mop.commPreference {
        width: auto;
         margin-right: 15px;
    }*/
.welcome-header {
    font-family: "DIRECTVCurve Regular";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
    text-align: left;
}

.popuptext {
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
}

.update-button {
    background: #0073AE;
    border-radius: 3px;
    color: #fff;
}

.text-center {
    text-align: center;
}

.new-reveal-modal.welcome-popup {
    top: 205px !important;
    padding: 20px !important;
}

div.new-reveal-modal.welcome-popup.overridePopupStyle div.infoModalData a.close-new-reveal-modal.commPreference {
    top: -6px;
    right: 0;
}

div.new-reveal-modal.welcome-popup.overridePopupStyle.mop.commPreference div.infoModalData div h3 {
    line-height: 36px;
    font-size: 30px;
    color: #000;
}

div.new-reveal-modal.welcome-popup.overridePopupStyle div.infoModalData div p {
    font-size: 14px;
}

.alert-info-popup {
    background: #ECEFF1;
    border-radius: 3px;
    background: #ECEFF1;
    border-radius: 3px;
    overflow: hidden;
    padding: 15px;
    box-sizing: border-box;
}

    .alert-info-popup .datos-datos {
        width: 80%;
        float: LEFT;
        font-size: 14PX;
    }

    .alert-info-popup .datos-editar {
        width: 20%;
        float: right;
        text-align: right;
        margin-top: 5px;
    }

div.overridePopupStyle.mop.commPreference.welcome-popup {
    width: 600px;
}

.nomargin {
    margin: 0 !important;
}

#tele-edit .info-icon,
.welcome-popup .info-icon {
    vertical-align: top;
    font-size: 20px;
    vertical-align: text-bottom;
    float: left;
    position: relative;
    left: -8px;
}

    .welcome-popup .info-icon.left-0 {
        left: 0;
    }

.mar-t-15 {
    margin-top: 15px !important;
}

.green-border {
    border: 4px solid #377D22;
    border-radius: 5px; /*MDTV-2634-CO-RemoteControl*/
}

.pull-left {
    float: left !important; /*MDTV-2634-CO-RemoteControl*/
}

.no-pad-right { /* MDTV-2634-CO-RemoteControl*/
    padding-right: 0 !important;
}

.pad-t-0 {
    padding-top: 0;
}

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

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

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

.pad-l-r-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.pad-l-r-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

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

.pad-l-5 {
    padding-left: 5px !important;
}

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

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

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

.pad-l-15 {
    padding-left: 15px !important; /*MDTV-2634-CO-RemoteControl*/
}

.pad-l-34 {
    padding-left: 34px;
}

.pad-l-30 {
    padding-left: 30px !important;
}

.pad-l-50 {
    padding-left: 50px !important;
}

.pad-r-30 {
    padding-right: 30px !important;
}

.mar-l-5 {
    margin-left: 5px;
}

.welcome-popup .desc-text,
#tele-edit .desc-text {
    float: left;
    width: 90%;
    vertical-align: top;
    line-height: 16.8px;
    vertical-align: text-top;
    font-size: 14px;
}

    .welcome-popup .desc-text.bold-header,
    #tele-edit .desc-text.bold-header {
        color: #000;
        font-family: "DIRECTVCurve Bold";
        font-size: 14px;
    }

.alert-info-popup .message-icon {
    background-image: url(../images/Vector.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 22px;
    float: left;
    width: 5%;
    display: inline-block;
}

.alert-info-popup .messaging-text {
    display: inline-block;
    float: left;
    width: 95%;
}

/****************MDTV-1966 :PR - CCC: UX Enhancements ends ***********/
/*MDTV-2175*/

.planwidth {
    padding-top: 1.25em;
    max-width: 65em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    background-color: transparent;
    padding-bottom: 0.75em;
}

.plan-comparar-top {
    padding-top: 1.25em !important;
}

.plan-head-text {
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif !important;
    line-height: 32px !important;
    margin-top: 1em !important;
    color: #333 !important;
    font-size: 24px !important;
    font-weight: 500 !important;
}

.plan-head-subtext {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 29px !important;
    color: #333 !important;
    font-size: 24px !important;
    font-weight: normal !important;
    /*margin-bottom: 30px !important;*/
}

.plan-head-details {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 100% !important;
    color: #333 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-style: italic;
    /*margin-bottom: 30px !important;*/
}


.plan-subhead-text {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1.6em !important;
    font-weight: normal !important;
}

.plan-ui-li {
    font-family: "DIRECTVCurve regular", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 24px !important;
    letter-spacing: 0.3px;
    color: #333 !important;
    margin: 1px 1px 10px 1px !important;
}

.plan-comprar-header {
    font-style: normal !important;
    font-size: 1em !important;
    font-weight: normal !important;
    margin: -1px !important;
    color: #333 !important;
    margin-top: 1em !important;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
}
/*.plan-gray-center {
    text-align: center !important;
}*/
.plan-comparar-subheader {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 1em !important;
    font-weight: normal !important;
    text-transform: uppercase !important;
    margin-bottom: 10px !important;
    color: #333 !important;
}

.plan-button-blue {
    webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px !important;
    margin-right: 1%;
    padding: 10px;
    line-height: 19px !important;
    letter-spacing: 0.5px !important;
    font-size: 0.9em !important;
    text-align: center;
    display: block;
    font-size: 0.82em;
    font-weight: 500 !important;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    border: 1px solid #0972AE;
    color: #0073AE !important;
}

.plan-a {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px !important;
    margin-right: 1%;
    padding: 10px;
    text-align: center;
    display: block;
    line-height: 19px !important;
    letter-spacing: 0.5px !important;
    font-size: 0.9em !important;
    font-weight: 500 !important;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    color: #0972AE !important;
    background: #F6FCFF;
}

.plan-li-header {
    color: #333 !important;
    font-size: 1.2em !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
}

.plan-li-subheader {
    font-family: "DIRECTVCurve normal", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 1em !important;
    line-height: 17px !important;
    letter-spacing: 0.2px;
    font-size: 1em !important;
    margin-bottom: 1.25rem !important;
    text-rendering: optimizeLegibility !important;
}

.plan-spaces {
    margin-top: 30px !important;
}

.plan-ves-spaces {
    margin-top: 20px !important;
}

.plan-editable {
    display: inline-block !important;
    width: 40% !important;
    float: left !important;
    text-transform: uppercase !important;
    font-family: "DIRECTVCurve normal", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.9em !important;
    text-align: left !important;
    overflow: hidden !important;
    color: #0972AE !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
}

.plan-dl {
    display: block !important;
    width: 100% !important;
    margin: 0 0 0.75em 0 !important;
    padding: 0 !important;
    clear: both !important;
    overflow: auto !important;
}

.main-content button.radius, .main-content a.button.radius.small.cancel-button {
    border: none;
}

.planprice {
    width: 40%;
    float: left;
    text-align: right;
}

.peru .planprice {
    width: 49%;
}

.peru .planpricebutton {
    width: 48%;
}

.price-text p {
    font-size: 12px;
    background: #FFC70F;
    padding: 3px;
    border-radius: 2px;
    color: #222222 !important;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 5px;
    text-align: center;
}

.planprice div.packets-price::first-letter {
    padding-right: 5px;
}

.planprice div.packets-price {
    letter-spacing: 1px;
    /*text-decoration: line-through;*/
    text-align: right;
}

.plan-cancel-button {
    color: #151515 !important;
    font-size: 15px !important;
    line-height: 24px !important;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, Helvetica, sans-serif !important;
    text-transform: uppercase;
}

.price-text {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.1428571492433548px;
    text-align: right;
    color: #787878;
    /*padding-left: 14px;*/
}

.offer-price-text {
    font-size: 12px;
    background: #FFC70F;
    padding: 3px;
    border-radius: 2px;
    color: #222222;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: -6px;
    margin-bottom: 5px;
    text-align: center;
}

.planpricebutton {
    float: right;
    width: 56%;
    margin: 0;
    margin-top: 5px;
}

.plan-text-grey {
    font-size: 0.7em !important;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    text-transform: uppercase !important;
    color: #888;
}

.plan-text-bold {
    font-size: 0.89em !important;
}

.plan-dl-dt-text {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 0.9em !important;
    color: #333 !important;
    line-height: 20px;
}

.plan-text-click {
    color: #0972AE !important;
    font-family: "DIRECTVCurve normal", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: normal !important;
    font-size: 0.984em !important;
}

.plan-text-unavailable {
    font-style: normal !important;
}
/*MDTV-2175 Ends*/
/* Disney waiting PAge css starts here*/
/*MDTV-2265*/
div#contratacionModal,
div#contratacionErrorModal {
    top: 100px !important;
}

section.disneyplus-thank-you-page {
    width: 1130px;
}

    section.disneyplus-thank-you-page a.btnConfirm {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
        color: #ffffff;
        border-radius: 3px;
        background: #0073AE;
        padding: 0.75em 3em;
    }

div#disneyPlusConfirmModal h4.disneyplus-thankyoupage-header {
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
    font-size: 1.5em;
}

div#disneyPlusConfirmModal div.contratacion-greydiv,
div#disneyPlusConfirmModal div.contratacion-bluediv {
    border-radius: 10px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    color: #222222;
}

div#disneyPlusConfirmModal div.contratacion-greydiv {
    background: #ECDCFF;
    padding: 1.25em;
}

div#disneyPlusConfirmModal div.contratacion-bluediv {
    margin-bottom: 1em;
    padding: 1em;
    background-color: rgba(246,252,255,1);
    line-height: 1.5;
}

div#disneyPlusConfirmModal div#contratacion-bluediv {
    margin-bottom: 1em 0em 0em 0em;
}

div.contratacion-bluediv .star-premium-heading {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
}

div.contratacion-bluediv .rate {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
}

div.contratacion-bluediv .list {
    font-weight: 400;
    line-height: 19.12px;
}

div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyComboBtn,
div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn {
    padding: 2em 0em;
}

.mar-t-20 {
    margin-top: 20px !important;
}

div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyComboBtn a.btnDisneyCombo,
div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus,
div#divConfirmFlexPremium div.divCloseFlexPkgBtn a.btnFlexCancel,
div#divConfirmFlexPremium div.divConfirmFlexPkgBtn a.btnFlexConfirm {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    font-size: 1em;
}

div#divConfirmDisneyPlus div.divConfirmDisneyComboBtn a.btnDisneyCombo,
div#divConfirmFlexPremium div.divCloseFlexPkgBtn a.btnFlexCancel {
    color: #0972AE;
}

div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus {
    padding: 0.75em 2em;
}

div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus,
div#divConfirmFlexPremium div.divConfirmFlexPkgBtn a.btnFlexConfirm {
    color: #ffffff;
    border-radius: 3px;
    background: #0073AE;
}

div#disneyPlusConfirmModal div#divcontratacionText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    color: #222222;
    padding: 1.5em 0em;
}
/*MDTV-2265ends*/
.waiting-page {
    background: linear-gradient(90deg, #0073AE 3.98%, #154D6A 97.01%);
    height: 100vh;
}

    .waiting-page .container {
        position: fixed;
        top: calc(50% - 65px);
        left: calc(50% - 248px);
        height: 400px;
        width: 500px;
        text-align: center;
    }

    .waiting-page .fa-refresh {
        width: 55px;
        height: 56px;
        color: #fff;
        font-size: 35px;
    }

    .waiting-page .heading {
        font-size: 40px;
        font-weight: 400;
        line-height: 48px;
        text-align: center;
        color: #fff;
        font-style: normal;
        font-family: "DIRECTVCurve Regular";
    }

    .waiting-page .sub-heading {
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        text-align: center;
        font-style: normal;
        color: #fff;
        font-family: "DIRECTVCurve Regular";
        margin-top: 15px;
    }

div.divStarPlus-in-desktop {
    display: block;
}

div.divStarPlus-in-mob {
    display: none;
}

div.aditional-padding-disneyupgrade-mobile {
    padding-left: 0em;
}

@media only screen and (min-width: 1900px) {
    section.disneyplus-thank-you-page {
        margin-left: 30em;
    }
}

@media only screen and (min-width: 701px) and (max-width: 1899px) {
    div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn {
        padding-left: 2em;
    }

    div.aditional-padding-0-left-desktop {
        padding-left: 0em !important;
        width: 100%;
    }

    section.disneyplus-thank-you-page {
        margin-left: 12.5em;
    }

    a.addtional-padding-responsive {
        padding: 0.75em 4em !important;
    }
}

@media only screen and (max-width: 700px) {
    .plan-li-header {
        font-size: 1em !important;
    }

    .planprice div.packets-price,
    .planprice {
        text-align: left !important;
    }

    section.disneyplus-thank-you-page {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100vw - 30px);
    }

    div#disneyPlusConfirmModal .additional-margin {
        margin: 0.75em;
    }

        div#disneyPlusConfirmModal .additional-margin.mar-l-r-xs-0 {
            margin-left: 0;
            margin-right: 0;
        }

    .mar-t-xs-15 {
        margin-top: 15px;
    }

    .mar-t-xs-20 {
        margin-top: 20px;
    }
    /*MDTV 2854 starts here*/
    .mar-b-xs-5 {
        margin-bottom: 5px;
    }

    .redesign-thanku-page {
        height: 440px;
    }
    /*MDTV 2854 ends here*/
    div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyComboBtn,
    div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn {
        padding: 1em 0em;
        text-align: center;
    }

    .waiting-page .heading {
        font-size: 30px !important;
        line-height: 36px !important;
    }

    .waiting-page .container {
        top: calc(50% - 100px) !important;
        left: calc(50% - 160px) !important;
        height: 400px !important;
        width: 320px !important;
    }

    div#disneyPlusConfirmModal a.closePrepaidOfferModal {
        top: 0.15em !important;
    }

    div.divStarPlus-in-desktop {
        display: none;
    }

    div.divStarPlus-in-mob {
        display: block;
    }

    a.addtional-padding-responsive {
        padding: 0.75em 7em !important;
    }

    div.aditional-padding-disneyupgrade-mobile {
        padding-left: 1em;
    }
}

div#disneyPlusConfirmModal a.closePrepaidOfferModal {
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
    font-size: 4em;
    right: 0.5em;
    top: 0.35em;
}
/* Disney waiting PAge css ends here*/
.nopadding {
    padding: 0 !important;
}

.white-background {
    background: #fff;
    margin-top: -4px;
    float: right;
    margin-top: 9px;
    border-radius: 10px;
}

    .white-background p {
        border-radius: 12px;
        padding: 13px 5px;
        margin: 0;
    }

div.cancelRowCO.height-auto,
div.cancelRowEC.height-auto {
    height: auto;
}

div.channelItemTextCO.mar-t-15 {
    margin-top: 15px;
}

div.channelItemTextCO.mar-t-20 {
    margin-top: 20px;
}

.downgrade-design .page-first-heading {
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    color: #292929;
}

.downgrade-design .page-header {
    font-size: 50px;
    line-height: 56px;
    text-align: center;
    color: #222222;
    padding: 10px;
}

.downgrade-design .spl-buttons,
.spl-buttons {
    display: inline-block;
    width: 200px;
    background: #FFC60B;
    padding: 10px;
    margin-right: 15px;
    font-size: 16px;
    border-radius: 3px;
    cursor: pointer;
}

.downgrade-design .upper-section {
    background: #eeeeee;
    padding: 10px 0 30px 0;
    background-image: url('../images/downgrade-banner.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.downgrade-design .condition-text {
    font-size: 16px;
    line-height: 19px;
    color: #292929;
    font-family: "DIRECTVCurve Light";
    font-weight: normal;
    font-style: normal;
    margin-top: 20px;
}

.downgrade-design .lower-section .confirmation-text {
    font-size: 30px;
    line-height: 35px;
    color: #000;
}

.downgrade-design .lower-section .note {
    font-size: 18px;
    line-height: 21px;
    margin-top: 30px;
    font-family: "DIRECTVCurve Light";
}

.downgrade-design .mar-r-20 {
    margin-right: 20px;
}

.mar-t-25 {
    margin-top: 25px !important;
}

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

.mar-t-35 {
    margin-top: 35px;
}

.downgrade-design .red-line {
    border-bottom: 6px solid #F3811F;
    width: 11%;
    text-align: center;
    margin: 0 auto;
    border-radius: 10px;
}

/*Edited for MDTV-2740 */
.primary-btn,
.main-content button.primary-btn, .main-content .button.primary-btn {
    padding: 1rem 2rem;
    border-radius: 4px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    background: #FFFFFF;
    border: 1px solid #0073AE;
    letter-spacing: 0.2px;
    color: #0073AE;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}
    /*MDTV-2810*/
    .primary-btn.other-time-btn {
        padding: 10px !important;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
        font-size: 16px !important;
    }

.secondary-btn.accept-promotion-btn {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}
/*MDTV-2810*/
@media only screen and (max-device-width: 700px) {
    .downgrade-design .page-first-heading {
        font-size: 28px;
        line-height: 34px;
    }

    .downgrade-design button {
        display: block;
        margin: 30px auto 0 !important;
        width: 30%;
    }

        .downgrade-design button.primary-btn {
            margin-top: 70px !important;
        }

    .downgrade-design .page-header {
        font-size: 32px;
        line-height: 42px;
    }

    .downgrade-design .spl-buttons {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 30px;
    }

    .downgrade-design .lower-section {
        padding: 20px;
    }

    .downgrade-design p {
        margin-bottom: 50px;
    }
}

}
/*MDTV-2327 starts*/
div#blueDivDisneyPlan {
    margin-bottom: 1.25em;
}

div#greyDivComboPlan {
    line-height: 1.5em;
}

a.btnDisneyPlusDisabled {
    background: #9E9E9E80 0% 0% no-repeat padding-box !important;
    opacity: 1;
    letter-spacing: 0px;
    color: #00000080 !important;
    cursor: not-allowed;
}

div#divConfirmDisneyPlus a.btnDisneyCombo.lblDisneyPlusDisabled {
    border-radius: 5px;
    opacity: 1;
    letter-spacing: 0px;
    color: #00000080 !important;
    cursor: not-allowed;
}

.lbl-12 {
    font-size: 12px !important;
}
/*MDTV-2327 ends*/
/*MDTV 2318* starts here*/
div.adjust-line-height {
    line-height: 1.25em;
}

.mar-t-10 {
    margin-top: 10px !important;
}

/*MDTV 2318* ends here*/

[hidden] {
    display: none;
}


/*MDTV 2340 rentention ui starts here*/



.banner-for-mobile {
    background-image: url(../images/banner-for-mobile.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 126px;
}

.offer-retention-downgrade .banner {
    background-image: url(../images/comboPlus_smartphone_banner.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 465px;
    width: 459px;
    float: left !important;
}

.offer-retention-downgrade .left-section {
    margin: 0 auto;
    background: #061333;
    height: 446px;
    padding-top: 85px;
    padding: 85px 75px;
    width: 66%;
}

.offer-retention-downgrade .right-section {
    width: 34% !important;
}

.offer-retention-downgrade .unique-offer-text {
    font-size: 24px;
    color: #fff;
}

.offer-retention-downgrade .total-amount {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    font-weight: 400;
    font-family: "DIRECTVCurve Light";
}

.offer-retention-downgrade .hire-combo,
.button.yellow-button {
    background: #FFC60B;
    color: #222;
    font-style: normal;
    font-weight: 500 !important;
    font-family: "DIRECTVCurve Medium";
    text-transform: uppercase;
    font-size: 16px;
}

.button1.yellow-button1 {
    background: #FFC60B;
    color: #222;
    font-style: normal;
    font-weight: 500 !important;
    font-family: "DIRECTVCurve Medium";
    text-transform: uppercase;
    font-size: 12px;
    padding-right: 14px;
}

.offer-retention-downgrade .unsubscribe-text {
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    font-family: "DIRECTVCurve Regular";
    color: #fff;
    text-transform: uppercase;
}

.offer-retention-downgrade .note {
    font-size: 16px;
    font-weight: normal;
    font-family: "DIRECTVCurve Light";
    color: #fff;
    font-style: normal;
    margin-top: 40px;
}

.offer-retention-downgrade .more-text {
    font-family: "DIRECTVCurve Bold";
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38.4px;
    margin: 0;
}

.offer-retention-downgrade .desc-text {
    font-family: "DIRECTVCurve Regular";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    line-height: 38.4px
}

.mar-t-5 {
    margin-top: 8px !important;
}
/*MDTV 2854 starts here*/
.mar-t-50 {
    margin-top: 50px !important;
}
/*MDTV 2854 ends here*/
.mar-t-3 {
    margin-top: 3px !important;
}

.mar-t-7 {
    margin-top: 7px !important;
}

.offer-retention-downgrade .combo-plus {
    color: #FFC60B;
    font-size: 43px;
}

.offer-retention-downgrade .disney {
    background-image: url(../images/retention-disney.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 25px;
}

.offer-retention-downgrade .marvel {
    background-image: url(../images/retention-marvel.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 25px;
}

.offer-retention-downgrade .pixar {
    background-image: url(../images/retention-pixar.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 25px;
}

.offer-retention-downgrade .seperator {
    border-bottom: 6px solid #F3811F;
    margin-top: 20px;
    margin-bottom: 20px;
}

.offer-retention-downgrade .star-wars {
    background-image: url(../images/retention-star-wars.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 25px;
    float: left !important;
}

.offer-retention-downgrade .entertainment-1 {
    background-image: url(../images/retention-entertainment-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 25px;
}

.offer-retention-downgrade .entertainment-2 {
    background-image: url(../images/retention-entertainment-2.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 25px;
}

.offer-retention-downgrade .entertainment-3 {
    background-image: url(../images/retention-entertainment-3.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 25px;
}

.offer-retention-downgrade .entertainment-4 {
    background-image: url(../images/retention-entertainment-4.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 25px;
    float: left !important;
}

.offer-retention-downgrade .below-section {
    float: left !important;
}

.offer-retention-downgrade button.hire-combo a {
    color: #222;
}

@media only screen and (max-width: 768px) {
    body.AR .fix-height-container {
        height: 57px !important;
    }

    div.overwritten .cancelButtonFlex {
        padding-top: 0;
    }

    .cancel-plan-button {
        margin-top: 0 !important;
        margin-bottom: 5px !important;
    }

    .cancelButtonFlex .cancell-service-button {
        width: 100%;
    }

    .button.plain-dark-button {
        width: 100%;
        margin-top: 10px;
    }

    .offer-retention-downgrade .left-section {
        height: auto;
        padding: 20px;
        margin-top: -12px;
    }

    button.hire-combo {
        width: 100%;
    }

    .offer-retention-downgrade .more-text {
        font-size: 26px;
        line-height: 31.2px;
    }

    .offer-retention-downgrade .disney,
    .offer-retention-downgrade .pixar,
    .offer-retention-downgrade .star-wars,
    .offer-retention-downgrade .marvel {
        margin: 0 10px;
        height: 215px;
    }

    .offer-retention-downgrade .entertainment-1,
    .offer-retention-downgrade .entertainment-2,
    .offer-retention-downgrade .entertainment-3,
    .offer-retention-downgrade .entertainment-4 {
        margin: 0 10px;
        height: 200px;
    }
}



/*MDTV 2340 rentention ui ends here*/

/**************** MDTV-2058 : EC - Cancel: Ecuador Scenarios - Part 2 starts *****************/
span.contact-number {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    letter-spacing: 0px;
    color: #00AEEF;
}

span.cancelPlanButton.disableBtn,
div#confirmarBtn.disableBtn,
a#btnCancelFlexCL.disableBtn,
span#der-de-baja-btn.ar_cancelation_button.disableBtn {
    color: rgba(0, 0, 0, 0.5) !important;
    background: rgba(158, 158, 158, 0.5);
    border: none;
    pointer-events: none;
}

i.plan-data-to-cancel-penaltySection {
    color: #F3811F;
    font-size: 1.75em;
    margin: 8px 17px 0px 0px;
}

div.wimt-modal__header.modalText.penalty-section-margin-bottom {
    margin-bottom: 0em;
}
/**************** MDTV-2058 : EC - Cancel: Ecuador Scenarios - Part 2 ends *****************/

/************MDTV 2379 : Incentive UI starts here**************/

.incentiveDesign .dtv-prepaid-banner-recharge {
    background: #4BACE9;
}

.incentiveDesign div.dtv-prepaid-banner div.prepaid-banner-static {
    width: 50%;
}

.incentiveDesign div.dtv-prepaid-banner-recharge {
    max-width: inherit;
    border-radius: 5px;
    cursor: pointer;
    //height: 162px;
}

.incentiveDesign .combo-plus-banner {
    background-image: url(../images/banner-for-mobile.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 160px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.incentiveDesign .left-banner {
    background-image: url(../images/Incentive-left-banner.png) !important;
    background-size: cover;
    background-repeat: no-repeat;
    height: 138px;
}

.incentiveDesign div.dtv-prepaid-banner div.prepaid-banner-static-recharge {
    width: 50%;
    border-radius: 5px;
}

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

    .incentiveDesign div.dtv-prepaid-banner div.prepaid-banner-static-recharge {
        width: 100%;
    }

    /*MDTV-2910 Starts*/
    .new-reveal-modal {
        min-height: auto !important;
        overflow-y: auto;
        max-height: 85vh !important;
        z-index: 10000 !important;
    }
    /*MDTV-2910 Ends*/

    .incentiveDesign .combo-plus-banner {
        float: left;
        width: 100%;
        background-size: contain;
        height: 115px;
        position: relative;
        bottom: -6px;
    }
}

/************MDTV 2379 : Incentive UI ends here**************/
.mar-b-16 {
    margin-bottom: 1em !important;
}
/**************** MDTV-2058 : EC - Cancel: Ecuador Scenarios - Part 2 ends *****************/

.mar-b-16 {
    margin-bottom: 1em !important;
}
/*MDTV-2220-CO-Remote Starts Here*/


.confirmarTitle {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 44px !important;
    color: #000000 !important;
    font-size: 34px !important;
    font-weight: normal !important;
}

.no-pad-left {
    padding-left: 0;
}

.confirmarText {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 19px !important;
    color: #000000 !important;
    font-size: 16px !important;
    font-weight: normal !important;
    margin-bottom: 10px;
    text-align: left !important;
    word-break: break-all;
}

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

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

div#confirmarTuDirectv span.activecircle {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    background: #1061A7;
}

div#confirmarTuDirectv span.inactivecircle {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    display: inline-block;
    background: #DDDDDD;
}

.confirmarcontainer { /* MDTV-2373 CO REMOTE CHANGES*/
    /*// width: 55.1em !important;*/
    margin: 0px auto !important;
    margin-top: 5px !important;
}

.sectionFive.remotecontrol {
    background: #fff;
}

    .sectionFive.remotecontrol .float-left {
        float: left;
    }

.confirmarcontainer .remotecontrolsteps {
    position: relative;
}

confirmarcontainer .link {
    float: left;
    margin-top: 10px;
}

.confirmarcontainer .remotecontrolsteps .line {
    position: absolute;
    top: 11px;
    border-top: 2px solid #e5e5e5;
    width: 70%;
    margin: 0 15%;
}

.confirmarcontainer .remotecontrolsteps .check { /* MDTV-2373 CO REMOTE CHANGES*/
    color: #fff;
    font-size: 15px;
    position: relative;
    bottom: 12px;
    left: -4px;
    font-weight: 700;
}

.circle {
    background: #1061A7 !important;
    width: 24px !important;
    height: 24px !important;
    margin: 0 auto;
    border-radius: 50%;
}

    .circle.inactive {
        background-color: #DDDDDD !important;
        border: 1px solid #ddd;
    }

.innerconfirmarcontainer {
    position: absolute;
    margin-top: 100px;
    width: 1000%;
}

.confirmarBold {
    font-weight: 500 !important;
}

.confirmaTuCorrectButton {
    width: auto !important;
    float: left !important;
    padding: 1em !important;
}

.confirmaTuButton {
    /*width: auto !important;*/
    width: 150px;
    font-size: 0.9em !important;
    background: #0972AE 0% 0% no-repeat padding-box;
    color: #FFFFFF !important;
    /*margin-right: 100px;*/
}

.confirmaButtonContainer {
    margin-top: 30px;
    margin-bottom: 80px;
}

    .confirmaButtonContainer .link:last-child {
        margin-top: 10px;
        float: left;
    }

.innerremoteblock-first,
.innerremoteblock-second {
    padding: 15px;
    height: 163px;
    vertical-align: middle;
    background: #F3F3F3 !important;
    border: 1px solid #CCCCCC;
    border-radius: 5px; /*MDTV-2634-C0-remoteControl*/
}

    .innerremoteblock-first.selected,
    .innerremoteblock-second.selected {
        height: 157px;
    }

.innerselecciona {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
}

    .innerselecciona .sincosto {
        float: right;
        color: #096F00;
        margin-top: 13px;
        margin-right: 50px;
        font-weight: 500;
    }

    .innerselecciona .amount {
        color: #121212;
        float: right;
        margin-top: 13px;
        margin-right: 50px;
        font-weight: 500;
    }



.remotefloatleft {
    float: left;
}

.remotefloatright {
    float: right;
    position: absolute;
    margin-left: 25px;
}

.remotedivleft {
    float: left;
}

.remotedivright {
    float: right;
    position: absolute;
}

.float-left {
    float: left;
}

.remotecontrolview {
    margin: 25px 0; /*MDTV-2634-C0-validation*/
}

    .remotecontrolview .remotecontrolblock {
        position: relative;
    }

        .remotecontrolview .remotecontrolblock .first {
            position: relative;
        }

        .remotecontrolview .remotecontrolblock .first,
        .remotecontrolview .remotecontrolblock .second { /*MDTV-2654-C0-validation*/
            cursor: pointer;
        }


.hidden {
    display: none;
}

.remotecontrolview .remotecontrolblock .first-circle,
.remotecontrolview .remotecontrolblock .second-circle {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #377D22 !important;
    border-radius: 50%;
    top: -14px;
}

.remotecontrolview .remotecontrolblock .first-circle,
.remotecontrolview .remotecontrolblock .second-circle {
    right: -10px; /* MDTV-2634-CO-RemoteControl*/
}

    .remotecontrolview .remotecontrolblock .first-circle .check,
    .remotecontrolview .remotecontrolblock .second-circle .check {
        color: #fff;
        right: 13px;
        top: 9px;
        position: absolute;
        font-weight: 700;
        font-size: 10px;
    }


.remotetextstyle {
    top: 60px;
    left: 65px;
    font-family: "DIRECTVCurve Regular";
}

.seleccionatextstyle {
    padding: 5px;
    margin: 5px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 19px !important;
    color: #000000 !important;
    font-size: 16px !important;
    float: left;
}

    .seleccionatextstyle.para {
        clear: left;
    }

.selecciontopmargin {
    margin-top: 30px;
    padding: 20px;
}

.seleccionmargin {
    margin-left: 50px;
}

.seleecionabuttonstyle {
    width: 25% !important;
    margin-right: 100px;
    font-size: 0.9em !important;
    background: #0972AE 0% 0% no-repeat padding-box;
    color: #FFFFFF !important;
}

.confirmapedidostyle {
    margin-top: 60px;
}

.confirmtupedidodiv {
    margin: auto;
    margin-left: 100px;
    margin-right: 100px;
}

.confirmpedidoright {
    float: right;
    position: absolute;
    margin-left: 100px;
}

.innertupedido {
    background: #F3F3F3;
    margin: 10px 0 10px 0;
    /*right padding changes from 0 to 10px for remote controlo thanku page*/
    padding: 20px 10px 10px 10px;
}

.confirmarpedidotext {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    line-height: 19px !important;
    color: #000000 !important;
    padding: 5px;
    font-size: 15px !important;
    font-weight: normal !important;
    text-align: left !important;
}

    .confirmarpedidotext.address {
        /*word-break  added for remote control thanku page*/
        word-break: break-all;
    }

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

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

.confirmtupedidosubtext {
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 28px !important;
}

.confirmtupedidosubtextlink {
    color: #0972AE !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
}

.confirmtupedidosectiontwo {
    float: right;
    position: absolute;
    display: inline-block;
    padding: 20px;
}

.width-85 {
    width: 85%;
    position: static;
    float: left;
}

.confrimtupedidosectionone {
    margin: 30px;
}

.remotecontrolButton {
    font-family: "DIRECTVCurve Regular";
    float: right !important;
    text-transform: uppercase;
    border-radius: 3px !important;
    line-height: 19px !important;
    letter-spacing: 0.5px !important;
    text-align: center;
    display: block;
    font-weight: 500 !important;
    border: 1px solid #0972AE;
    padding: 1em !important;
}

.confirmtupedidobutton {
    width: 20%;
    margin-right: 1%;
    font-size: 13px !important;
    background: #0972AE 0% 0% no-repeat padding-box;
    color: #FFFFFF !important;
}

.seleccionabutton {
    padding: 20px 0;
}

    .seleccionabutton .seleecionabuttonstyle {
        margin-right: 0;
    }

    .seleccionabutton a.link {
        color: #0972AE;
    }

div#userBillingInfoSection div.row.changeDefaultwidth {
    max-width: 60rem !important;
}

.disable-button,
.remote-button.disable-button { /*MDTV-2804:RemoteControl*/
    background: #ccc !important;
    pointer-events: none;
    border: 1px solid #ccc;
    color: #fff !important;
}
/*MDTV-2634-CO-RemoteValidation Starts Here*/
.red-border {
    border: 1px solid #EF3E3E !important;
}

.red-color {
    color: #EF3E3E !important;
}

.mar-b-0 {
    margin-bottom: 0 !important;
}
/*MDTV-2634-CO-RemoteValidation Ends Here*/

/*MDTV-2220-CO-Remote Ends Here*/

/*MDTV 2266 : warning msg css starts here*/
.font-curve-medium {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
}

.banner-dtv-go {
    background-position: center !important;
}

.section.box-alert {
    padding-top: 10px;
}

.box-alert-streaming {
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 5px;
    margin: 0 0 20px 0;
    border-left: 16px solid #f58220;
}

.box-alert-logo {
    min-width: 56px;
}

.box-alert-logo img {
    margin: 16px;
    padding-bottom: 5px;
}

.box-alert-text {
    padding: 16px 16px 16px 0;
}

.box-alert-text a {
    text-decoration: underline
}

.disney-your-free-test__rectangle.disney-rectangle {
    height: 45px;
    box-sizing: border-box;
    /*border: 1px solid #979797;*/
    margin-top: 25px;
    padding-top: 11px;
    padding-bottom: 14px;
    display: inline-flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    background: #FFF;
}

.disney-your-free-test__rectangle__warning {
    height: 45px;
    padding-top: 15px;
    margin-right: 10px;
    float: left;
    background: #F89C0B;
    text-align: center;
    position: relative;
    bottom: 12px;
    left: -11px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: 44px;
}

.disney-your-free-test__rectangle__texts {
    width: fit-content;
    float: left;
}

.disney-your-free-test__rectangle__text-top {
    margin-bottom: 6px;
    margin-top: 4px;
    color: #222;
}



.warning-covid-icon {
    background-image: url(../images/Fill_white.png);
    height: 18px;
    background-repeat: no-repeat;
    background-size: contain;
    POSITION: RELATIVE;
    LEFT: 10PX;
    TOP: -2PX;
}

.disney-your-free-test__rectangle__text-top .link {
    color: #44BFF1;
    /*padding-left: 6px;*/
    font-size: 16px;
    vertical-align: top;
    border-bottom: 1px solid #44BFF1;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

.disney-your-free-test__rectangle__text-top .info-link {
    color: #0972AE;
    padding-left: 20px;
    font-size: 16px;
    vertical-align: middle;
    text-decoration: underline;
}

.disney-your-free-test__rectangle__text-top .info {
    color: #222;
    font-size: 16px;
    vertical-align: middle;
}

/*.disney-your-free-test {
    width: 960px;
    /*margin: auto;*/
}

*/

.disney-your-free-test__rectangle__text {
    display: inline-flex;
    padding-left: 0;
}
/*.disney-your-free-test-additional-padding-left {
    padding-left: 85px;
}*/
.contact-info {
    background-image: url(../images/contact-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 39px;
    display: inline-block;
    width: 39px;
    position: relative;
    left: 20px;
    top: -13px;
}


/*MDTV 2266 : warning msg css ends here*/

/* Email OTP*/

#emailOTP {
    ​​​​​​​webkit-box-shadow: 9px 9px 7px -6px #D7D7D7;
    box-shadow: 9px 9px 7px -6px #D7D7D7;
    padding: 15px;
    border: 1px solid #d7d7d7;
    background: #fff;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* #emailOTP .fa-info,
    #emailplanOTP .fa-info {
        padding: 5px 9px;
        background: #121212;
        border-radius: 50%;
        color: #fff;
        margin-right: 5px;
        vertical-align: middle;
        font-size: 12px;
    }*/
​​​​​​​
#emailOTP .link,
#emailplanOTP .link {
    color: #222;
    font-size: 14px;
    vertical-align: middle;
}

#emailOTP .success-msg,
#emailplanOTP .success-msg {
    ​​​​​​​background: #78da78;
    font: 100px;
    color: #fff;
    font-size: 14px;
    padding: 10px;
    display: inline-block;
}

​​​​​​​
#emailOTP .fa-info,
#emailplanOTP .fa-info {
    padding: 5px 9px;
    background: #121212;
    border-radius: 50%;
    color: #fff;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 12px;
}

/* END Here Email OTP*/
/*MDTV2291- publicsite footer removal STARTS*/
.cancelarMiCuenta {
    height: 320px !important;
}

@media only screen and (max-width: 699px) {
    .cancelarMiCuenta {
        height: 320px !important;
    }
}

div.chat-button {
    display: none !important;
}

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

    #cancelarMiCuenta {
        height: 350px !important;
    }
}

.solicitar-la-baja {
    width: fit-content !important;
    float: right !important;
}

div.solicitar-la-baja a {
    background: #097DB4 !important;
    color: #FFF !important;
    padding: 11.5px 58px !important;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px !important;
    border-radius: 3px !important;
}

@media only screen and (max-width: 400px) {
    div.no-quier-dar-de-baja a,
    div.no-quier-dar-de-baja,
    div.solicitar-la-baja,
    div.solicitar-la-baja a {
        width: 100% !important;
    }

        div.solicitar-la-baja a {
            margin-bottom: 15px !important;
        }

    h3.mainHeading {
        padding-right: 50px !important;
    }

    .break {
        height: 0.5em !important;
    }
}

.no-quier-dar-de-baja {
    width: fit-content !important;
    margin-top: 0 !important;
    float: left !important;
    border: 1px solid #0972AE !important;
}

.adicionales-span-hijo {
    font-size: 16px;
    color: #333333;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
}

.adicionales-span {
    letter-spacing: 0px;
    color: #222222;
    text-transform: uppercase;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 14px;
}
/*MDTV2291- publicsite footer removal ENDS*/
/*MDTV2332 - AR cancellation Page STARTS*/
div.cancel_bg {
    background: #F1F1F1 !important;
}

div.plans_to_cancel {
    margin: 0 -10px 0 0px !important;
}

label.container_title {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 19px;
}

label.title_bold {
    font-weight: 500 !important;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
    display: contents;
}

label.textright {
    display: contents;
}

div.solitud_data {
    padding-top: 10px;
}

a.ar_cancellation_link {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    text-decoration: underline;
    color: #0972AE;
    font-weight: normal;
}

div.ar_cancellation {
    padding: 20px 0 10px 0;
}

a.tuplan_title {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    color: #222222;
}

span.radius.cancell-service-button.ar_cancelation_button,
span#der-de-baja-btn.ar_cancelation_button {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    background: #0073AE;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    white-space: nowrap;
    width: 160px;
    height: 42px;
    cursor: pointer;
}

div.arcancel_innercontainer {
    padding: 20px 25px 20px 38px;
    /*background-color:#f2f2f2;*/
}

div.arcancel_innercontainer_greybg {
    background-color: #f2f2f2;
}

div.notifyone {
    background: #fff;
    height: 100px;
    border-radius: 10px;
    margin-left: 20px;
    margin-top: -30px;
}

a.ar_cancel_subtitle, span.ar_cancel_subtitle,
div.ar_cancel_subtitle {
    position: absolute;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #00AEEF;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
}

hr.ar_horizantal_line {
    background: #C3C3C3;
}

span.ar_subtitles,
div.ar_subtitles {
    padding: 10px 0 0 0 !important;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #000000;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
}

div.internet_cntainer {
    padding: 23px 25px 16px 30px;
}

div.cancel_margin {
    margin-top: 10px;
}

span.ar_cancelplan_link {
    padding: 0px 38px 0 0;
    float: right;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    text-transform: uppercase;
    color: #0972AE;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
}

span.arcancel_alignleft {
    float: left;
    position: absolute;
}

span.arcancel_alignright {
    float: right;
}

div.planlinebreak {
    height: 0.8em;
}
/*MDTV2332 - AR cancellation Page ENDS */

.disable-div {
    pointer-events: none;
    opacity: 0.6;
}
/* END Here Email OTP*/



/* MDTV 2567 - CO PAYMENT - Bancolombia - New Pay Button css starts here*/

.payment-methods .media-object {
    display: flex;
    background: #fff;
    padding: 12px;
    border-radius: 10px;
}

.payment-methods .section {
    padding: 10px;
    border-radius: 10px;
}

.payment-methods .media-object-section {
    flex: 0 1 auto;
}

.payment-methods a .media-object-section .header {
    flex: 0 1 auto;
    font-family: "DIRECTVCurve Bold";
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    color: #222;
}

.payment-methods a .media-object-section .sub-header {
    flex: 0 1 auto;
    font-family: "DIRECTVCurve Regular";
    font-weight: 400;
    font-size: 14px;
    margin-top: 5px;
    margin-bottom: 0;
    color: #222;
}

.payment-methods .thumbnail {
    display: inline-block;
    max-width: 100%;
}

.shaded-bg.payment-page {
    margin-bottom: -25px;
}

.payment-methods .pse,
.payment-methods .credit-cards {
    float: left !important;
}

    .payment-methods .pse img {
        width: 44px;
    }

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

.payment-methods .credit-cards img {
    width: 20px;
}

.mar-b-15 {
    margin-bottom: 15px;
}

@media only screen and (max-width: 700px) {
    .payment-methods .pse img {
        width: 78px;
    }

    .shaded-bg.payment-page {
        margin-bottom: 0;
    }
}

/*.flow-on-external-pages {
    position: fixed;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
    height: 200px;
    width: 200px;
    border: 3px solid red;
}*/
/* MDTV 2567 - CO PAYMENT - Bancolombia - New Pay Button css ends here*/
/* MDTV2388-CO THANKYOUPAGE STARTS*/
.remote-control-thanku-page div.remotecontrol_texts,
p.remotecontrol_texts,
span.remotecontrol_texts,
h2.remotecontrol_texts {
    font-size: 16px !important;
    font-weight: normal;
    padding-top: 10px !important;
    padding: 5px;
    color: #000000;
    margin-bottom: 10px;
    font-family: "DIRECTVCurve Regular";
}

.remote-control-thanku-page .thanku-text {
    font-family: "DIRECTVCurve Regular";
    font-size: 20px;
}

.remotecontrol_texts .email-text {
    font-family: "DIRECTVCurve Bold";
}

.remote_thankyoutextbold p {
    font-size: 20px;
}


.remotecontrol_subtexts {
    font-size: 14px !important;
    font-weight: normal;
    /*padding for thanku page*/
    padding: 10px 15px 5px 5px !important;
    color: #000000;
    font-family: "DIRECTVCurve Regular";
    line-height: 16.8px;
    word-break: break-all;
}
/*p.remotecontrol_texts {
    font-size: 16px !important;
}*/
.remote-control-thanku-page div.remote_thankyoutextbold,
span.remote_thankyoutextbold,
h2.remote_thankyoutextbold {
    font-size: 14px !important;
    font-family: "DIRECTVCurve Medium";
    font-weight: 400 !important;
    padding-top: 10px !important;
    padding: 5px;
    white-space: nowrap;
}

.remote-control-thanku-page div.remote_thankyoutext,
p.remote_thankyoutext,
span.remote_thankyoutext,
h2.remote_thankyoutext {
    font-family: "DIRECTVCurve Regular";
}

.remote-control-thanku-page div.thankyou_container {
    padding-left: 10px;
    background: #F3f3f3;
    border-radius: 10px;
}

.remote-control-thanku-page div.innerremote-div {
    margin: 8px;
    padding-bottom: 20px;
}

.remote-control-thanku-page div.remote_container {
    padding-top: 25px !important;
}

.remote-control-thanku-page img.breadcrumbimg {
    padding-left: 5px;
}

.remote-control-thanku-page span.remote_menu {
    color: #000000;
    text-decoration: underline;
}

.remote-control-thanku-page div.remote_nowrap {
    white-space: nowrap;
}

.remote-control-thanku-page p.remote-thankyou-text {
    font-size: 14px !important;
    font-size: 0.84rem !important;
}

.remote-control-thanku-page div.remotecontainer_padding {
    padding-bottom: 0px;
}

.remote-control-thanku-page span.email_text {
    color: #0972AE;
}

.confirmaButtonContainer a.link.cancel {
    font-family: "DIRECTVCurve Regular";
    color: #0972AE;
}


.remote-control-thanku-page hr.co_horizantal_line {
    background: #000000;
}

.remote-control-thanku-page div.remote-button,
.remote-button { /* MDTV-2373 CO REMOTE CHANGES*/
    font-family: "DIRECTVCurve Regular";
    background: #0073AE !important;
    font-size: 16px !important;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF !important;
    white-space: nowrap;
    border-radius: 3px;
}

.remote-control-thanku-page span.remote-text-link {
    color: #0073AE;
    text-decoration: underline;
}

.remote-control-thanku-page div.remoteheader {
    float: left;
    height: 30px;
    width: 4%;
}

.remote-control-thanku-page div.remoteheader_text {
    float: left !important;
    width: 93%;
    font-size: 0.88em;
    line-height: 36px;
    padding-top: 5px;
}

.remote-control-thanku-page div.noMargin {
    margin: 0px;
}

.remote-control-thanku-page div.remote-inner-div {
    display: inline-block;
}

@media only screen and (max-width: 768px) {
    .remote-control-thanku-page div.remoteheader {
        width: 14%;
    }

    .remote-control-thanku-page div.remoteheader_text {
        width: 80%;
        font-size: 30px;
        padding-left: 5px;
    }
}

/* MDTV2388-CO THANKYOUPAGE ENDS*/

.mar-r-5 {
    margin-right: 5px;
}

.mar-r-10 {
    margin-right: 10px;
}
/*MDTV-2279-CO-RemoteControl-Starts Here
*/
.wrong-address-page .wimt-modal__footer .confirmaTuButton.confirmButton {
    padding: 10px;
    border-radius: 3px;
    margin-right: 0;
}

.wrong-address-page .wrong-address-text {
    font-family: "DIRECTVCurve Bold";
}

.wrong-address-page .aditionals-data-to-cancel__main-text p {
    font-size: 14px;
    line-height: 17px;
}

.wrong-address-page .package-name-to-cancel-ckk {
    font-size: 16px;
    line-height: 19.2px;
    font-family: "DIRECTVCurve Regular";
    //added below css for 2220 color: #000;
    word-break: break-all;
}

.pad-15 {
    padding: 15px !important;
}

@media only screen and (max-width: 768px) {
    .wrong-address-page .wimt-modal__footer_v-margin {
        margin-bottom: 15px;
    }
}
/*MDTV-2279-CO-RemoteControl-Ends Here*/

/* MDTV 2447 - token generation error handling starts here*/
.mar-r-20 {
    margin-right: 20px;
}

.cancel-confirmation-message-text p {
    font-size: 30px;
    line-height: 35px;
    font-family: "DIRECTVCurve Regular";
    margin: 0;
    font-weight: 700;
}

.text-uppercase {
    text-transform: uppercase;
}



@media only screen and (max-width: 768px) {
    .cancel-confirmation-message-text p {
        font-size: 14px;
    }

    .cancel-confirmation-message-text img {
        height: 22px;
        width: 22px;
    }
}

/* MDTV 2447 - token generation error handling ends here*/

/* MDTV 2567 - Payemnt success of failure css starts here*/
.payment-not-received-page,
.payment-successfull-page {
    margin-top: 30px;
    padding-bottom: 30px;
}

    .payment-not-received-page .button {
        background: #0073AE 0% 0% no-repeat padding-box;
        letter-spacing: 0px;
        color: #FFFFFF;
        text-transform: uppercase;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 16px;
        opacity: 1;
    }

        .payment-not-received-page .button:hover {
            background: #00abe3;
        }

    .payment-successfull-page .header,
    .payment-not-received-page .header {
        font-family: "DIRECTVCurve Regular";
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 30px;
    }

    .payment-successfull-page .subText,
    .payment-not-received-page .subText {
        font-family: "DIRECTVCurve Regular";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
    }

@media only screen and (max-width: 768px) {
    .payment-successfull-page .header,
    .payment-not-received-page .header {
        font-size: 30px;
    }

    .payment-successfull-page .subText,
    .payment-not-received-page .subText {
        font-size: 14px;
    }
}
/* MDTV 2567 - Payemnt success of failure css ends here*/

/*MDTV-2551 command MDTV-2552 changes starts here*/
.cancellation-retention-offer .label-challenge-offer-text {
    font-size: 34px;
    font-weight: 700;
    font-family: "DIRECTVCurve Regular";
    color: #000;
}

.cancellation-retention-offer .upper-section {
    padding-top: 65px !important; /*Modified for MDTV-2879*/
}

.cancellationSectionSix.full-service-cancellation {
    margin-top: 75px;
}

.cancellation-retention-offer .label-challenge-offer-sub-text {
    font-family: DIRECTV Curve;
    font-size: 24px;
    font-weight: 400;
    font-family: "DIRECTVCurve Regular";
}

.cancellation-retention-offer .cancellationOfferTV {
    background-image: url(../images/cancellation/cancellationOfferTV.png);
    background-size: contain;
    height: 361px;
    float: left;
    background-repeat: no-repeat;
    bottom: 4em;
}

.cancellation-retention-offer .dis-text {
    font-family: "DIRECTVCurve Regular";
    font-size: 24px;
    font-weight: 700;
}

.cancellation-retention-offer .dis-amt {
    font-family: "DIRECTVCurve Medium";
    font-size: 40px;
    font-weight: 400;
}

.cancellation-retention-offer .more-details {
    font-family: "DIRECTVCurve Regular";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.cancellation-retention-offer .btnAcceptOffer,
.final-offer-banner .btnAcceptOffer {
    background: rgba(255,198,11,1);
    color: #00182E;
    text-transform: uppercase;
    font-family: "DIRECTVCurve Medium";
    padding: 1em;
    border-radius: 5px;
    margin: 10px 20px 10px 0px;
    letter-spacing: 0px;
    font-style: normal;
    font-variant: normal;
    font-size: 1em;
}

.cancellation-retention-offer .challenge-offer-cancel-link {
    color: #222;
    font-family: "DIRECTVCurve Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.cancellation-retention-offer .condition-text {
    font-size: 13px;
    color: #222;
    font-family: "DIRECTVCurve Regular";
}

.final-offer-banner {
    background-image: url('../images/cancellation/FinalOfferBanner.png');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    top: -80px;
    height: 700px;
}

.text-section-cancellation {
    /*padding-top: 380px;*/
    text-align: center;
    background-image: url('../images/cancellation/black-blur-background.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 515px;
    position: relative;
    margin-top: -250px;
    // padding-top: 242px;
}

.text-section-padding {
    padding-top: 200px;
}

.final-offer-text {
    font-family: "DIRECTVCurve Light";
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    text-align: center;
}

.directv-oro-plus-hd {
    font-family: "DIRECTVCurve Medium";
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    color: #00AEEF;
}

.net-directv-oro-plus-hd {
    font-family: "DIRECTVCurve Medium";
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    color: #00AEEF;
}

.final-offer-sub-text {
    font-family: "DIRECTVCurve Regular";
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    color: #fff;
}

.offer-amt {
    font-family: "DIRECTVCurve Medium";
    font-size: 50px;
    font-weight: 700;
    color: #fff;
}

.terms-and-condition-text {
    font-family: "DIRECTVCurve light";
    font-size: 16px;
    color: #fff;
    margin-top: 15px;
}

.more-text {
    font-family: "DIRECTVCurve Light";
    font-size: 24px;
    font-weight: 400;
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .final-offer-banner {
        top: 0;
    }
}

.margin-top-0 {
    margin-top: 0em !important;
}
/*MDTV-2551 command MDTV-2552 changes ends here*/
/*MDTV-2553 starts here*/
.pad-20 {
    padding: 20px;
}
/*MDTV-2553 ends here*/
/* MDTV 2567 - Payemnt success of failure css ends here*/

/* MDTV-2600 Flex CL Changes starts here*/

.card-section .fa-circle {
    font-size: 6px;
    margin-right: 2px;
    color: #333;
}

.card-section .card-icon {
    width: 40px;
}

    .card-section .card-icon.paypal {
        width: 45px;
    }

.card-section .gap {
    margin-right: 10px !important
}

.card-section .card-number {
    font-size: 16px;
    font-family: "DIRECTVCurve Regular";
    font-weight: 400;
}

div.flexCardNum {
    margin-top: -20px;
    padding-left: 160px;
}
/* MDTV-2600 css changes ends here*/
/*MDTV-2602 MIS DATOS PAGE STARTS*/
h3.misdatos-title {
    font-weight: normal;
    font-size: 32px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
    font-family: "DIRECTVCurve Regular";
}

div.flex-misdatos-head {
    background-color: #00AEEF !important;
    border-color: #00AEEF !important;
    border-radius: 10px 10px 0px 0px !important;
}

div.flex-header-margin {
    margin: 5px 0px -10px -3px;
}

dl.flex-margin-header {
    margin: 0 0 5px 0 !important;
}

a.flex-subhead-text,
dl.flex-subhead-text {
    font-size: 16px;
    line-height: 20px !important;
    letter-spacing: 0.2px;
    color: #FFFFFF !important;
    font-family: "DIRECTVCurve Light";
}

dt.flex-text-color,
dd.flex-text-color {
    color: #ffffff !important;
}

div.flex-margins {
    margin-left: 0px !important;
}

div.flex-mis-datos-icon {
    margin-left: 10px;
}

dt.misdatos-flexwidth {
    width: 50% !important;
}

dd.misdatos-flexwidth {
    width: 45% !important;
}

div.misdatos-subtext {
    margin-left: -18px !important;
    margin: -5px 0 -10px 0;
}

div.misdatos-editor {
    width: 25% !important;
}
/* MDTV-2373 CO REMOTE CHANGES*/
p.flex-misdatos-subtext,
h6.flex-misdatos-subtext,
label.flex-misdatos-subtext {
    font-family: "DIRECTVCurve Medium";
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.2px;
    color: #222222;
}

h6.misdatos-flex-subheader {
    font-size: 17px !important;
    font-family: "DIRECTVCurve Regular" !important;
}

a.flex-misdatos-editar {
    text-decoration: underline;
    color: #00AEEF !important;
    font-family: "DIRECTVCurve Regular" !important;
}

h6.misdatos-flex-text {
    font-size: 20px !important;
}
/*MDTV-2602 MIS DATOS PAGE ENDS*/


/*MDTV 2601 - CL- Plan y paquetes page starts*/
.plink {
    position: relative;
}

.popupContainer {
    padding: 25px;
    background: #fff;
    position: absolute;
    background: url(../images/Union.png) no-repeat;
    z-index: 1;
    top: 24px;
    left: -16px;
    border: none;
    display: none;
    height: 335px;
    border-bottom: 1px solid #d7d7d7;
    width: 474px;
    background: url(../images/Union.png) no-repeat;
    color: #101010;
    text-transform: none;
}

.include-text {
    font-family: "DIRECTVCurve Bold";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
}

/*.popupContainer .popup-arrow {
        background: url(../images/popupArrow.png) no-repeat;
        position: absolute;
        top: 0;
        left: 10px;
    }*/
.popupContainer .subheader {
    font-family: "DIRECTVCurve Regular";
    font-size: 24px;
    margin-bottom: 15px;
}


.popupContainer .subheader {
    color: #000;
    font-family: "DIRECTVCurve Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.popupContainer .header {
    color: #000;
    font-family: "DIRECTVCurve Regular";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 20px;
}

.popupContainer ul li {
    margin-left: 20px;
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.popupContainer .sports {
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.mar-b-5 {
    margin-bottom: 5px;
}

#actualizar-paquete .unbold {
    position: relative;
}

.flexPlanPrice {
    margin-top: 10px;
}

@media only screen and (max-width: 768px) {
    .popupContainer {
        padding: 25px;
        background: #fff;
        position: absolute;
        background: url(../images/Union-mb.png) no-repeat;
        z-index: 1;
        top: -395px;
        left: -134px;
        border: none;
        display: none;
        height: 393px;
        width: 342px;
        background-size: cover;
    }

    #actualizar-paquete #navigationButtons {
        margin-top: 20px;
    }

    #actualizar-paquete .planprice {
        margin-top: 10px;
    }
}
/*MDTV 2601 - CL- Plan y paquetes page ends*/
div div.flexPremiumContent {
    line-height: 1.5;
    padding: 1.5em 0em;
    color: #222;
    font-size: 14px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

div#divConfirmFlexPremium div.divCloseFlexPkgBtn {
    background: #FFFFFF;
    border: 1px solid #0972AE;
    color: #0972AE;
    margin-bottom: 1em;
}

div#divConfirmFlexPremium div.divConfirmFlexPkgBtn {
    background: #0073AE;
}

div#divConfirmFlexPremium div.divCloseFlexPkgBtn,
div#divConfirmFlexPremium div.divConfirmFlexPkgBtn {
    text-align: center;
    border-radius: 3px;
    padding: 0.75em;
}

.additional-margin-top {
    margin-top: 1em;
}

a.este-link {
    color: #222;
    text-decoration: underline;
}

div#flexCustomer span#actualizarUsuarioFlex a#flexActualizarLink {
    color: #0972AE;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    text-decoration: underline;
}

div#flexCustomer div.channelTextFlex {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 24px;
    text-transform: uppercase;
    padding: 0em;
    margin-bottom: 0.75em;
}

.afterChannelFlex {
    padding: 1em 0em;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

div.cancelPkgBorderFlex {
    margin: 0.5em 1em 0em 1em;
    border-bottom: 1px solid #d3d3d3;
}

div#flexCustomer div.pkgCLFlex {
    font-size: 18px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    padding: 0em 0em 1.5em 0em;
}

/*MDTV 2601 - CL- Plan y paquetes page ends*/

/*MDTV-2629 changes starts here*/
div#flexCustomer div.pkgCLFlexPremium {
    text-align: right;
    font-size: 18px;
    padding: 2.5em 1.7em 0em 0em;
    text-transform: uppercase;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

/*MDTV-2629 changes ends here*/

/*MDTV-2640* starts here*/
.cancellation-retention-offer .cancellationOfferHBO {
    background-image: url(../images/cancellation/Hbo-WWTV.png);
    background-size: contain;
    height: 361px;
    float: left;
    background-repeat: no-repeat;
    bottom: 4em;
}

.cancellation-retention-offer .cancellationOfferExxotico {
    background-image: url(../images/cancellation/Exxotico-hotpack.png);
    background-size: contain;
    height: 361px;
    float: left;
    background-repeat: no-repeat;
    bottom: 4em;
}

.cancellation-retention-offer .cancellationOfferNet {
    background-image: url(../images/cancellation/Net-DTVGO.png);
    background-size: contain;
    height: 361px;
    float: left;
    background-repeat: no-repeat;
    bottom: 4em;
}

.final-offer-banner-net {
    background-image: url('../images/cancellation/Net-Hero_desktop.png');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 505px;
}

.additional-margin-bottom {
    margin-bottom: 1em;
}

div.alert-notification div.alert-notification-log {
    margin-bottom: 0.75em;
    padding: 2em 0em;
}

div.alert-notification p.alert-notification-text {
    padding: 0em 0em 1em 0em;
}

div#flexCustomer div.clFlexDisabled {
    margin-top: 0.75em;
    background-color: #F1F1F1;
}

div#flexCustomer p.clFlexCancelShcdule,
div#flexCustomer .clFlexCancelShcdule {
    font-size: 14px;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    background-color: white;
    margin-top: 1em;
    padding: 1em;
    border-radius: 10px;
}

.clFlexCancelShcdule .sub-text {
    line-height: 16.8px;
    font-size: 14px;
    font-family: "DIRECTVCurve Medium";
    font-weight: 500;
}

div#flexCustomer p.clFlexCancelShcduleBasic {
    margin-top: 10px;
    padding: 1.5em 1em;
    height: 160px;
}

.text-disabled {
    color: #797979;
}

.additional-padding-bottom-clFlex {
    padding-bottom: 0.2em;
}

@media only screen and (max-width: 699px) {
    div#flexCustomer p.clFlexCancelShcduleBasic {
        margin-top: 0em;
    }
}

.btnReactivar {
    color: #FFFFFF;
    width: 100%;
    background-color: #0073AE;
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    padding: 0.75em;
    border: none;
}

.clPlanPaused {
    margin-top: -164px;
    margin-left: 30px;
    /*font-weight: bold;*/
    font-family: 'DIRECTVCurve Bold', "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
}

.clBillingCycle {
    margin-top: 12px;
    margin-left: 30px;
    /*font-weight: normal;*/
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
}

.btnclReactivar {
    color: #0972AE;
    width: 190px;
    background-color: #FFFFFF;
    margin-top: 15px;
    margin-left: 30px;
    border: 2px solid #0972AE;
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    padding: 0.50em;
}
/*MDTV-2647-CL-TextUpdate Starts Here
*/
span.colorm {
    color: #11ADEF;
}

p.Prepagotext {
    font-size: 14px;
}
/*MDTV-2647-CL-TextUpdate Ends Here*/
div.clflex-reactivation-container,
div.clflex-reactivate-suscriptions-container {
    padding-left: 0em;
    padding-right: 0em;
}

div.clflex-reactivation-container {
    padding-top: 3em;
}

    div.clflex-reactivation-container h1.clflex-reactivation-header {
        font-size: 30px;
        font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    }

div#clflex-reactivate {
    background-color: #F2F2F2;
}

h2.clflex-reactivate-suscriptions-header {
    font-size: 12px;
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 1em;
}

div.clflex-reactivate-suscription-item-box {
    background: #FFFFFF;
    border-radius: 5px;
    padding-top: 0.75em;
    margin-bottom: 1em;
    padding-bottom: 0.25em;
}

.reactivate-checked-disabled {
    width: 30px;
    height: 30px;
    border-radius: 13px;
    background: #00A1E1;
    background: url('../images/CheckedTick.jpg') no-repeat center, rgba(240,240,240,0.5);
    border: 1px solid rgba(240,240,240,0.5);
    margin: auto;
    margin-top: 5px;
    margin-bottom: 8px;
    cursor: auto;
}

div.clflex-reactivation-package-text {
    padding-top: 0.25em;
    padding-left: 0em;
    line-height: 1.2;
}

.font-curve-Regular,
.font-curve-regular {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
}

.font-curve-light {
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif !important;
}

.Totalapagar {
    padding-bottom: 16px;
    margin-top: 6px;
}

.Totalapagarvalue {
    padding-top: 10px;
}

.btnReactivatuplan {
    margin-bottom: 20px;
}

#MIDIRECTVTextCL {
    color: black;
    text-decoration: underline;
    font-size: x-small;
}

.MIDIRECTVHomeLink {
    margin-top: -20px;
    margin-bottom: 20px;
}

/*MDTV-2553 starts*/
div.final-offer-banner div.cancellation-finaloffer-textsection {
    top: 366px;
    text-align: center;
}
/*MDTV-2553 ends*/

/*MDTV-2699 starts*/
p.plan-li-subheader-universal {
    font-weight: normal;
    font-size: 1em;
    line-height: 17px;
    letter-spacing: 0.2px;
    font-size: 1em;
    margin-bottom: 1.25rem;
    text-rendering: optimizeLegibility;
}

ul.tooltip-image-universal {
    font-size: 8px;
    padding: 4px;
}

ul.tooltip-universal-lineheight {
    line-height: 22px;
}

.font16 {
    font-size: 16px !important;
}
/*MDTV-2699 ends*/
/*MDTV-2701 changes starts*/
div#UniversalConfirmModal div.UniversalSuccessText {
    line-height: 1.5em;
}

@media only screen and (max-width: 699px) {
    div#UniversalConfirmModal div#ConfirmDivUniversal,
    div#UniversalConfirmModal div#ErrorDivUniversal {
        padding: 0em 1em;
    }
}

div#UniversalConfirmModal div#SuccessDivUniversal {
    padding: 0em 1em;
}

div#UniversalConfirmModal div.contratacion-greydiv {
    background-color: rgba(223,223,223,0.3);
    border-radius: 10px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    color: #222222;
    padding: 20px 15px;
    line-height: 1.5em;
}
/*MDTV-2701 changes ends*/

/*MDTV_2377 starts*/
span.notification-description-padding-AR {
    display: block;
    padding: 2px 0px;
    font-size: 13px;
}
/*MDTV_2377 ends*/

/*MDTV-2636
*/
.ARcancelschdlbasic {
    background-color: white;
    margin-top: 0px;
    margin-bottom: 30px;
    margin-left: -10px;
    padding-bottom: 40px;
    padding-top: 40px;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
}

.arPlanPaused {
    font-family: 'DIRECTVCurve Bold', "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    padding-bottom: 20px;
    margin-left: 10px;
    line-height: 16.8px;
}

.arBillingCycle {
    font-size: 14px;
    margin-left: 5px;
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    margin-left: 10px;
    line-height: 16.8px;
}

/*MDTV 2733 - [Cancel] - [AR] - Cancellation Premium for Universal + starts here*/
.pad-20 {
    padding-top: 20px !important;
}

.pad-t-85 {
    padding-top: 85px;
}

.universal-plus-cancellation-retention-offer.downgrade-design .upper-section {
    padding: 10px 0 0px 0;
}

.universal-plus-cancellation-retention-offer .cancellationOfferUniversal {
    background-image: url(../images/cancellationOfferUniversal.png);
    background-size: cover;
    height: 361px;
    float: left;
    background-repeat: no-repeat;
    bottom: 4em;
    margin-top: 105px;
    width: 575px;
    float: left !important;
}

.universal-plus-cancellation-retention-offer .first {
    background-image: url(../images/MrMayor.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 10px;
    float: left !important;
}

.universal-plus-cancellation-retention-offer .second {
    background-image: url(../images/Grinch.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 10px;
    float: left !important;
}

.universal-plus-cancellation-retention-offer .third {
    background-image: url(../images/ColdBlood.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 10px;
    float: left !important;
}

.universal-plus-cancellation-retention-offer .fourth {
    background-image: url(../images/LaBrea.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 10px;
    float: left !important;
}

.universal-plus-cancellation-retention-offer .fifth {
    background-image: url(../images/Songland.png);
    background-size: contain;
    background-repeat: no-repeat;
    height: 251px;
    margin: 0 10px;
    float: left !important;
}

.universal-plus-cancellation-retention-offer .label-challenge-offer-text {
    font-family: "DIRECTVCurve Medium";
    font-size: 24px;
    font-weight: 500;
    color: #121212;
}

.universal-plus-cancellation-retention-offer .gray-box__third-line__update {
    margin-left: 10px;
}

.universal-plus-cancellation-retention-offer .button.yellow-button {
    margin-bottom: 20px;
    padding-right: 2rem;
    padding-left: 2rem;
}

.universal-plus-cancellation-retention-offer .universal-plus-text {
    font-family: "DIRECTVCurve Medium";
    font-size: 43px;
    font-weight: 500;
}

.universal-plus-cancellation-retention-offer .note {
    font-family: "DIRECTVCurve Regular";
}

.mar-l-25 {
    margin-left: 25px;
}

.universal-plus-cancellation-retention-offer .sub-text {
    font-family: "DIRECTVCurve Medium";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;
    color: #101010;
}

.universal-plus-cancellation-retention-offer .lower-section {
    float: left !important;
}

.lower-section .header {
    font-family: "DIRECTVCurve Regular";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: center;
    width: 59%;
    margin-left: 21%;
    margin-bottom: 0;
    margin-top: 20px;
}

.lower-section .sub-header {
    font-family: "DIRECTVCurve Regular";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0px;
    text-align: center;
    width: 74%;
    margin-left: 13%;
}

.universal-plus-cancellation-retention-offer .lower-section .header .bold {
    font-family: "DIRECTVCurve Medium";
    font-size: 32px;
    text-transform: uppercase;
}

.universal-plus-cancellation-retention-offer .lower-section .sub-header .bold {
    font-family: "DIRECTVCurve Medium";
    font-size: 32px;
    text-transform: uppercase;
}

.mar-t-40 {
    margin-top: 40px;
}
/*MDTV 2854 starts here*/
.mar-t-45 {
    margin-top: 45px;
}
/*MDTV 2854 ends here*/

.universal-plus-cancellation-retention-offer .seperator {
    border-bottom: 6px solid #F3811F;
    margin-top: 20px;
}

@media only screen and (max-width : 768px) {
    /*.incentiveDesign .left-banner {
        background-image: url(../images/mb-left-banner.png) !important;
        background-size: cover;
        background-repeat: no-repeat;
        height: 138px;
    }*/
    .universal-plus-cancellation-retention-offer.downgrade-design .upper-section {
        width: 100%;
        background-size: cover;
        background: #eeeeee;
        background-image: url('../images/mb-universal-banner.png');
        background-repeat: no-repeat;
        /*height: 789px;*/ /*Commented for MDTV-2879*/
        padding: 0 30px;
    }

    .universal-plus-cancellation-retention-offer .sub-text {
        font-size: 21px;
    }

    .universal-plus-cancellation-retention-offer .cancellationOfferUniversal {
        background-size: contain;
        width: 333px;
        height: 150px
    }

    .universal-plus-cancellation-retention-offer .condition-text {
        margin-bottom: 15px;
        display: inline-block;
        font-weight: 400;
        font-family: "DIRECTVCurve Light";
    }

    .universal-plus-cancellation-retention-offer .colorBlack {
        margin-bottom: 15px;
        display: inline-block;
        font-weight: 400;
        font-family: "DIRECTVCurve Regular";
    }

    .lower-section .header,
    .lower-section .sub-header {
        font-size: 24px;
        width: 100%;
        margin: 0 auto 10px !important;
    }

    .universal-plus-cancellation-retention-offer .fifth {
        margin: 0 10px 0 25% !important;
    }
}

/*MDTV 2733 - [Cancel] - [AR] - Cancellation Premium for Universal + ends here*/
/*MDTV 2643 - CO - PQR: Presentar una PRQ Page css starts here*/
.pqr .header,
.historial-pqr .header {
    font-family: "DIRECTVCurve Regular";
    font-size: 30px;
    font-style: normal;
    margin-bottom: 10px;
    /*padding-top: 20px;*/
    line-height: 36px;
}

.pqr .table-section {
    background: #f2f2f2;
    padding: 15px 40px 40px !important;
    margin-bottom: 15px;
    margin-left: 9%;
    width: 90%;
}

.pqr .subheader {
    font-family: "DIRECTVCurve Regular";
    font-size: 16px;
    font-style: normal;
    color: #101010;
    margin-bottom: 10px;
    line-height: 19.2px;
}

.pqr .note {
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.pqr .file {
    padding: 0.625em 1em 0.625em 1em;
    background: #fff;
    border: 1px solid #0073ae;
    color: #0073ae;
    font-family: "DirectvCurve Regular";
    display: inline-block;
    border-radius: 3px;
    font-size: 14px !important;
}

.pqr .box {
    background: #fff;
    padding: 30px 40px;
    overflow: hidden;
    margin-bottom: 30px;
    /*box-shadow: 0px 4px 4px 0px #00000008;*/
    border-radius: 5px;
}

.pqr select {
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    font-family: "DIRECTVCurve Regular";
    font-size: 14px !important;
    color: #838383;
}

.pqr textarea {
    border-radius: 3px;
}

.pqr input {
    border-radius: 3px;
    color: #101010;
}

.pqr .form {
    padding: 0 100px;
}

    .pqr .form .field {
        font-family: "DIRECTVCurve Medium";
        font-size: 14px;
        margin-top: 12px;
        line-height: 20px;
        font-weight: 500;
        font-style: normal;
        color: #101010;
    }
/*.pqr a {
    text-decoration: underline;
}*/
.pqr .bread-crumb-previous-element {
    color: #101010;
}

.pqr .form .value,
.pqr input[readonly="readonly"] {
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
    background: #f2f2f2;
    color: #101010;
    padding: 10px;
    height: 40px;
    border-radius: 3px;
    border: 0.5px solid #c1c1c1 !important;
}

.pqr input[readonly="readonly"] {
    box-shadow: none;
    border: none;
    margin: 0;
}

.pqr .link {
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
    color: #0073AE;
}

.historial-pqr .table-section tr th:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.historial-pqr .table-section tr th:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pqr .table-section tr th:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.pqr .table-section tr th:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.pqr table,
.historial-pqr table {
    border-radius: 3px;
}

.pqr .mb-table-section {
    border: 1px solid #f2f2f2;
    padding: 0;
    margin: 10px 15px 0;
    width: 92%;
    border-radius: 3px;
}

    .pqr .mb-table-section .last-columns {
        padding: 15px;
        text-align: center;
        /*border: 1px solid #f2f2f2;*/
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .pqr .mb-table-section .mb-header {
        background: #00AEEF;
        padding: 10px 10px 5px 10px;
        color: #fff;
        border-radius: 3px;
        font-family: "DIRECTVCurve Medium";
    }

.mb-header label {
    color: #fff;
}

.pqr .mb-table-section .field {
    border-right: 1px solid #f2f2f2;
    height: 61px;
    padding: 10px 5px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
    line-height: 15px;
}

.pqr .mb-table-section .values {
    height: 61px;
    padding: 10px 5px;
    font-family: "DIRECTVCurve Regular";
    border-bottom: 1px solid #f2f2f2;
}

.pqr .mb-table-section .second-part .values span {
    opacity: 0.3;
    line-height: 17px;
    font-style: normal;
}

.pqr .tablesaw thead tr th,
.pqr .tablesaw tbody tr td {
    width: 14% !important;
    padding: 5px;
    height: 54px;
    line-height: 16.8px;
}

.pqr .tablesaw tbody tr.second-part td,
.pqr .table-section tbody tr td p.non-recursable-text {
    opacity: 0.3;
}

    .pqr .tablesaw tbody tr.second-part td.last-columns {
        opacity: 1;
    }

.pqr .tablesaw tbody tr td.info-tooltip {
    opacity: 1;
    padding: 0;
}

.pqr .info-section {
    background: #dcdcdc;
    padding: 15px;
}

    .pqr .info-section .icon-block {
        width: 3%;
        padding-top: 3px !important
    }

    .pqr .info-section .text {
        width: 95%;
        line-height: 20px;
    }

    .pqr .info-section .icon-block .information-icon {
        width: 17px;
        height: 16px;
        padding: 0;
    }

.pqr .tablesaw thead tr th.radio-button,
.pqr .tablesaw tbody tr td.radio-button {
    width: 4% !important;
    border-right: none !important;
    padding-left: 10px;
}

.pqr .tablesaw tbody tr td,
.historial-pqr .tablesaw tbody tr td {
    border-right: 1px solid #f2f2f2;
}

.pqr .tablesaw tbody tr,
.historial-pqr .tablesaw tbody tr {
    border-bottom: 1px solid #f2f2f2 !important;
}

    .historial-pqr .tablesaw tbody tr td.no-border,
    .pqr .tablesaw tbody tr td.no-border {
        border: none;
    }

    .pqr .tablesaw thead tr th.estimada-column,
    .pqr .tablesaw tbody tr td.estimada-column {
        width: 18% !important;
    }

    .pqr .tablesaw thead tr th.last-columns,
    .pqr .tablesaw tbody tr td.last-columns {
        width: 100% !important;
        height: 74px;
        padding-top: 13px;
        text-align: center;
    }

.pqr .info-tooltip .tooltiptext {
    width: 105px;
    padding: 10px;
    left: -610px;
    bottom: 50px;
    position: absolute;
    opacity: 1;
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
    background: #000;
}

    .pqr .info-tooltip .tooltiptext::after, .pqr .tooltiptext::after {
        left: 17% !important;
    }

.pqr .visible {
    visibility: visible !important;
}

.pqr table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: #fff;
}

.grey-background {
    background: #f2f2f2;
    padding-bottom: 65px;
    margin-bottom: -25px;
}

.pqr .boxheader {
    font-family: "DIRECTVCurve Medium";
    font-size: 18px;
    /*padding-left: 45px;*/
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    .historial-pqr {
        padding: 20px !important;
    }

        .historial-pqr .home-pqr {
            text-align: center;
        }

        .historial-pqr .table-section tr td:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .historial-pqr .table-section tr td.last-columns p.non-recursable-text {
            opacity: 0.3;
        }

        .historial-pqr .table-section tr td.last-columns {
            border-bottom-left-radius: 3px;
            border-bottom-right-radius: 3px;
        }

    .pqr .info-section .icon-block {
        width: 5%;
    }

    .pqr .table-section {
        margin-left: 4%;
        width: 92%;
        padding: 20px !important;
    }

    .pqr .mb-table-section {
        background: #fff;
        width: 100%;
        margin: 10px 0 0 0 !important
    }

    .mb-table-section {
        margin: 0;
        width: 100%;
    }

    .pqr .info-section .text {
        width: 90% !important;
        padding-left: 5px;
    }

    .pqr .subheader {
        line-height: 22px;
    }

    .pqr .boxheader {
        padding-left: 15px;
    }

    .pqr .form .field {
        /*padding: 0;*/
        margin-bottom: 5px;
    }

    .pqr .form {
        padding: 0 15px;
    }

    .pqr .box {
        padding: 30px 0px;
    }

    #send-pqr-btn {
        width: 100%;
    }
}
/*Edited for MDTV-2824*/
.secondary-btn,
.button.secondary-btn,
.button.secondary-btn:hover,
.main-content button.secondary-btn, .main-content .button.secondary-btn {
    background: #0073AE 0% 0% no-repeat padding-box;
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    border-radius: 5px;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: none;
    opacity: 1;
    padding: 10px 15px;
    border: 1px solid #0073ae;
    cursor: pointer;
}
/*MDTV-2740  & MDTV-2807 Starts*/
@media only screen and (max-width: 768px) {
    .prepaidOfferPopupModal #contactoButton {
        width: 100%;
    }

    #failureFlexPurchase_ContactForm {
        padding: 15px;
    }
}
/*MDTV-2740 & MDTV-2807 Ends*/
/*MDTV 2643 - CO - PQR: Presentar una PRQ Page css ends here*/
/*MDTV-2811 CO-PQR changes*/
div.form div#divSelfService {
    background: #FFD756;
    background-image: url(../images/information_icon.png);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 1em 0.7em;
    /*height: 93px;*/
    box-sizing: border-box;
    /*border: 1px solid #979797;*/
    justify-content: space-between;
    border-radius: 5px;
}

    div.form div#divSelfService div.selfService-co-pqr {
        padding-left: 45px;
        margin: 14px 10px 20px 10px;
    }

        div.form div#divSelfService div.selfService-co-pqr div.selfServiceHeader {
            font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif !important;
            font-weight: bold;
        }

        div.form div#divSelfService div.selfService-co-pqr div.selfServiceContent {
            font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif !important;
            margin-top: 5px;
            margin-bottom: 5px;
            line-height: 20px;
            color: #101010 !important;
            font-size: 14px;
        }

        div.form div#divSelfService div.selfService-co-pqr a.selfServiceRedirection {
            text-decoration: underline;
        }
/*MDTV-2811 CO-PQR changes*/

/*MDTV-2765 changes starts here*/
section#PQRThankYou div.PQRThankYou {
    width: 900px;
}

    section#PQRThankYou div.PQRThankYou p span.pqr-thankyou-CUN {
        white-space: nowrap;
        font-weight: bold;
    }

section#PQRThankYou div#divPQRThankYouHeader {
    background-image: url(../images/cancellation/ok_check.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 0em 1.5em;
    padding-top: 20px;
    margin-top: 20px;
}

section#PQRThankYou span.offer-approval-header-pqr {
    display: block;
    color: #222222;
    font-family: "DIRECTVCurve Light", "Helvetica Neue", Arial, sans-serif;
    font-size: 40px;
    font-weight: 600;
    margin-left: -386px;
    padding-top: 10px;
    height: 60px;
}

@media only screen and (max-width: 768px) {
    section#PQRThankYou div.PQRThankYou {
        width: auto;
    }

    section#PQRThankYou div#divPQRThankYouHeader {
        background-position: 0em 2em;
        margin-top: 0px;
    }

    section#PQRThankYou span.offer-approval-header-pqr {
        padding-top: 15px;
        height: 3em;
    }
}
/*MDTV-2765 chnages ends*/

/*MDTV 2705 - Universal+ Banner starts here*/
.universal-plus-banner .banner-header {
    font-family: "DIRECTVCurve Bold";
    font-size: 20px;
    font-weight: 900;
    padding-left: 15px;
}

.universal-plus-banner .sin-costo-text {
    font-family: "DIRECTVCurve Regular";
}

.universal-plus-banner .prepaid-offer-text p.first-text {
    font-family: "DIRECTVCurve Regular";
    line-height: 16.8px;
}

.universal-plus-banner .prepaid-offer-text p {
    line-height: 16.8px;
}

.universal-plus-banner div.dtv-prepaid-banner div.prepaid-banner-static {
    min-height: 149px;
}

.universal-plus-banner .left-banner {
    height: 115px;
}

.universal-plus-banner .prepaid-offer-text {
    font-family: "DIRECTVCurve Light";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 10px 10px 10px 20px;
}

#Universal-banner {
    max-width: 70rem !important;
}

.universal-plus-banner.incentiveDesign {
    padding: 0 30px;
    border-radius: 10px;
}

    .universal-plus-banner.incentiveDesign div.dtv-prepaid-banner div.prepaid-banner-static {
        width: 61.5%;
        max-width: 61%;
        border-radius: 10px;
    }

.universal-plus-banner div.dtv-prepaid-banner div.prepaid-banner-static {
    min-width: 531px;
}

.universal-plus-banner .universal-icon {
    width: 132px;
    height: 80px;
}

.universal-plus-banner div.dtv-prepaid-banner div.prepaid-banner-static p {
    width: 100%;
    margin: 0;
}


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

    .universal-plus-banner .prepaid-offer-text {
        padding: 10px 30px 10px 20px;
    }

    .universal-plus-banner div.dtv-prepaid-banner div.prepaid-banner-static {
        min-width: 100%;
    }

    .incentiveDesign div.dtv-prepaid-banner div.prepaid-banner-static {
        min-height: 215px;
    }

    .universal-plus-banner .aditional-padding-top {
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }
}

#payment-warning-message {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
}

/*MDTV 2705 - Universal+ Banner ends here*/
/*MDTV-2638 Start*/
div.cancellationSectionSix div.legalTextSection p.EC-Términos {
    color: #0073AE;
}
/*MDTV-2638 End*/
/*MDTV 2705 - Universal+ Banner ends here*/
/*mdtv-2711*/

.ARcancelschdlprem {
    border-radius: 10px;
    background-color: white;
    padding-bottom: 10px;
    /* margin-top: -60px;
    margin-bottom: -20px;*/
    /*padding-left: 60px;*/
}

.CLcancelschdlprem {
    border-radius: 10px;
    background-color: white;
    padding-bottom: 10px;
    margin-left: 550px;
    margin-top: -70px;
    margin-bottom: 20px;
    background: #F2F2F2;
}

.ar_subtitles .item__name {
    margin-top: 15px;
}

.arprePlanPaused {
    font-family: 'DIRECTVCurve Bold', "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    padding-bottom: 30px;
    margin-left: 10px;
    line-height: 16.8px;
    padding-top: 10px;
}

.arpreBillingCycle {
    font-size: 14px;
    margin-left: 5px;
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif;
    margin-left: 10px;
    line-height: 16.8px;
    padding-top: 10px;
    margin-top: -30px;
}
/*mdtv-2711*/

/*MDTV-2671 & MDTV-2653*/
.CLFlexBasicBox {
    height: 62px;
}

.CLFlexPremiumBox {
    height: 62px;
}

.CLFlexTotalBox {
    height: 62px;
}

.CLFlexCardBDetailsBox {
    height: 62px;
}
/*MDTV-2671 & MDTV-2653*/

/*MDTV-2722 starts*/
span.nuevo-text {
    font-size: 10px;
    background: #5C2D91;
    color: #fff;
    border-radius: 4px;
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    padding: 5px 5px;
    text-transform: uppercase;
    position: relative;
    top: -3px;
}
/*MDTV-2722 ends*/
/*MDTV 2693 : Historial de PQR starts here*/
.historial-pqr {
    margin-bottom: -30px;
}

    .historial-pqr .info-section {
        background: #dcdcdc;
        padding: 15px;
        border-radius: 5px;
    }

    .historial-pqr .icon-width {
        width: 3%;
        float: left;
        margin-top: 3px;
    }

    .historial-pqr .button-section {
        text-align: left !important;
    }

.historial-pqr-page .button-section {
    text-align: right !important;
}

.historial-pqr .text-width {
    width: 97%;
    float: left;
    font-size: 14px;
    font-family: "DIRECTVCurve Regular";
    line-height: 20px;
}

.main-content .historial-pqr .button.primary-btn {
    padding: 0.8rem 2rem;
    background: #f2f2f2;
}

.historial-pqr .info-icon {
    height: 18px;
    width: 22px;
    padding-right: 3px;
}

.historial-pqr tr th {
    background: #00AEEF;
}

.historial-pqr,
.historial-pqr-page {
    background: #f2f2f2;
}

    .historial-pqr .historial-pqr-page {
        padding: 24px 28px 10px 28px;
    }

    .historial-pqr .pqr-table {
        padding: 20px 28px 0px 28px;
    }

.tablesaw thead tr:first-child th {
    color: #fff;
    font-family: "DIRECTVCurve Medium";
    font-size: 14px;
}


.historial-pqr-page .page-header {
    font-family: "DIRECTVCurve Regular";
    font-size: 30px;
}

.historial-pqr-page .secondary-btn {
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
}

.historial-pqr-page .desc,
.historial-pqr tr td,
.historial-pqr tr th {
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
}

.historial-pqr .radicar-recurso {
    background: #F89C1B;
    border-radius: 3px;
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
    text-transform: uppercase;
}

    .historial-pqr .radicar-recurso:hover {
        background: #F89C1B;
        color: #fff;
    }

.historial-pqr .last-columns {
    width: 30%;
    white-space: nowrap;
    /*//background: #fff;*/
}

    .historial-pqr .last-columns span {
        color: #838383;
    }

.mar-r-25 {
    margin-right: 25px;
}

.historial-pqr .link {
    text-decoration: underline !important;
}

.grey-background-pqr {
    background: #f2f2f2;
}

@media only screen and (max-width: 768px) {
    .historial-pqr-page .button-section {
        display: flex;
        justify-content: center;
    }

    .historial-pqr .historial-pqr-page {
        padding: 20px 20px 0px 20px;
    }

    .historial-pqr .pqr-table {
        padding: 20px 40px;
    }

    .historial-pqr .pqr {
        padding: 0 !important;
    }

    .historial-pqr .icon-width {
        width: 10%;
    }

    .historial-pqr .text-width {
        width: 90%;
    }

    .historial-pqr .tablesaw-stack thead td, .historial-pqr .tablesaw-stack thead th {
        display: block;
    }

    .historial-pqr .button-section {
        text-align: left !important;
    }

    .historial-pqr tr th:nth-child(even),
    .historial-pqr tr td:nth-child(even) {
        background: #fff !important;
        color: #101010 !important;
        font-family: "DIRECTVCurve Medium";
        font-size: 14px;
    }

    .historial-pqr tr th:nth-child(odd),
    .historial-pqr tr td:nth-child(odd) {
        background: #f2f2f2 !important;
        color: #101010 !important;
        font-family: "DIRECTVCurve Medium";
        font-size: 14px;
    }

    .historial-pqr tr th:first-child,
    .historial-pqr tr td:first-child {
        background: #00AEEF !important;
        color: #fff !important;
        font-family: "DIRECTVCurve Medium";
        font-size: 14px;
    }

    .historial-pqr .last-columns {
        width: 100%;
        text-align: center;
        background: #fff !important;
    }

    .historial-pqr .tablesaw-cell-label {
        min-width: 40% !important;
        width: auto;
    }

    .historial-pqr td:last-child .tablesaw-cell-label {
        min-width: auto !important;
        width: auto !important;
    }

    .historial-pqr .link.mar-r-25 {
        margin-left: auto !important;
        display: block;
        margin-bottom: 10px;
    }

    .historial-pqr .tablesaw-stack thead th:first-child,
    .historial-pqr .tablesaw-stack tbody td:first-child {
        background: #00AEEF;
    }

    .historial-pqr tr td, .historial-pqr tr th {
        padding: 10px 10px;
    }

    .historial-pqr .tablesaw-cell-label {
        width: 30% !important;
    }

    table.tablesaw {
        margin: 0 20px;
        width: 89% !important;
    }

    .historial-pqr table.tablesaw {
        margin: 0 0px;
        width: 100% !important;
    }
}

/*MDTV 2693 : Historial de PQR ends here*/
.border-bottom-package-name {
    border-bottom: 1px solid #c3c3c3;
    margin-right: 15px;
    padding-bottom: 15px;
}

.packages-title {
    font-family: "DIRECTVCurve Medium";
    font-size: 14px;
    color: #838383 !important;
}

.premium-title {
    font-family: "DIRECTVCurve Regular";
    font-size: 18px;
    color: #838383 !important;
}

.packages-name {
    font-family: 'DIRECTVCurve Regular';
    font-size: 18px;
}

.columns.channelText.ar-channel-text {
    color: #838383 !important;
}

div.overwritten .afterChannel.grey-bg {
    background: #e5e5e5;
    padding: 10px !important;
    border-radius: 5px;
}
/*MDTV-2627 starts*/
.cl-payment-method {
    background: #e5e5e5;
}

    .cl-payment-method .payment-method-title {
        font-family: "DIRECTVCurve Regular";
        font-size: 32px;
        font-weight: 400;
        line-height: 38px;
    }

.CLActualizarDiv {
    margin-top: 20px;
    margin-bottom: -18px;
}

div.CLActualizarDiv a.CLActualizarText {
    color: #0073AE;
    text-decoration: underline;
}

.CLActualizarBGColor {
    background-color: #E5E5E5;
}

.CLActualizarTextColor {
    color: #000000;
}

.cl-payment-method {
    margin-bottom: -30px;
}

    .cl-payment-method .section {
        background: #fff;
        padding: 30px;
        border-radius: 5px;
    }

        .cl-payment-method .section .left-section {
            font-family: "DIRECTVCurve Regular";
            font-size: 18px;
            margin-top: 5px;
            line-height: 21.6px;
        }

.cl-payment-details .header {
    font-family: "DIRECTVCurve Regular";
    font-size: 24px;
    margin-bottom: 5px;
}

.kr-pan,
.kr-expiry,
.kr-security-code,
.kr-card-holder-mail {
    border-radius: 5px !important;
    padding: 6px 20px !important;
    height: 47px !important;
    border: none !important;
}

.kr-card-holder-mail {
    background: #fff !important;
}

#inputID {
    font-family: "DIRECTVCurve Regular";
    font-size: 16px;
    line-height: 19px;
    color: #8c8c8c;
}

.cl-payment-details .data-header {
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
    margin-bottom: 15px;
}

.cl-payment-method .section .right-section .header {
    font-family: "DIRECTVCurve Medium";
    font-size: 12px;
    margin-bottom: 10px;
}

.cl-payment-method .card-icon {
    height: 22px;
}

.cl-payment-method .fa-circle {
    font-size: 6px;
}

.cl-payment-method .card-number {
    font-family: "DIRECTVCurve Regular";
    font-size: 16px;
}

.cl-payment-method .fa-circle.gap {
    margin-right: 10px
}

.page-link {
    font-family: "DIRECTVCurve Medium";
    font-size: 14px;
    font-weight: 500;
}

a.cl-link {
    font-family: "DIRECTVCurve Regular" !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-align: center !important;
    text-decoration-line: none !important;
    text-transform: uppercase !important;
    color: #0972AE !important;
}

.UpdateCCFormError {
    margin-top: 35px;
    margin-bottom: 15px;
}

.UpdateCCFormErrorText {
    font-size: 16px !important;
    font-weight: bold !important;
}

.UpdateCCFormError .data-header {
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
}

@media only screen and (max-width: 768px) {
    .cl-payment-method .section {
        padding: 15px 0;
    }

    .universal-plus-banner div.dtv-prepaid-banner div.prepaid-banner-static {
        min-width: 100%;
    }

    .incentiveDesign div.dtv-prepaid-banner div.prepaid-banner-static {
        min-height: 255px;
    }

    .cl-payment-method {
        padding-left: 15px;
        padding-right: 15px;
    }

    .cl-payment-details .button-section {
        margin-left: 10%;
    }

    .cl-payment-details .button-volver {
        display: block !important;
        margin-top: 15px;
    }

    .cl-payment-details .kr-embedded {
        width: 100%;
    }

    .cl-payment-details .hide-for-small {
        display: none;
    }

    .cl-payment-details .link-section {
        text-align: center;
    }

        .cl-payment-details .link-section a {
            display: block;
            margin-top: 20px;
            padding: 0 !important;
        }

    .cl-payment-details .kr-embedded.kr-help-button-inner-field .kr-payment-button {
        width: 80%;
        text-align: center;
    }
}
/*MDTV-2627 ends*/

.credit-card-notification .icon-div {
    display: inline-block;
    width: 3%;
    float: left;
}

    .credit-card-notification .icon-div img {
        height: 18px;
        width: 20px;
    }

.credit-card-notification {
    background: #FFD756;
    padding: 15px;
    border-radius: 10px;
}

    .credit-card-notification .link {
        color: #101010;
        border-bottom: 1px solid #101010;
    }

    .credit-card-notification .rights {
        width: 97%;
        float: left;
    }

#CLFlexCurrentPaymentMethodRightTitle {
    font-size: 16px;
    font-family: "DIRECTVCurve Medium";
    text-transform: uppercase;
    vertical-align: middle;
}

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

#expired-card-warning-icon-payment {
    height: 20px;
    width: 22px;
    vertical-align: middle;
}

@media only screen and (max-width: 768px) {
    .credit-card-notification {
        padding: 15px 0 15px 10px;
    }

        .credit-card-notification .rights {
            width: 90%;
        }

        .credit-card-notification .icon-div {
            width: 10%;
        }
}

/*MDTV 2862 starts here*/

.plan-y-paquetes .header {
    font-family: "DIRECTVCurve Regular";
    font-size: 24px;
}
/*MDTV 2854 starts here*/
.display-inline {
    display: inline;
}

.reactivation-thanku-page {
    width: 53%;
}

.plan-y-paquetes .pending-packages .header,
.plan-y-paquetes .pending-packages .channel-info,
.plan-y-paquetes .pending-packages .basic-packages {
    color: #646464;
}

.plan-y-paquetes .pending-packages .item__name,
.plan-y-paquetes .pending-packages .subheader,
.plan-y-paquetes .pending-package-subheader,
.plan-y-paquetes .pending-package-name {
    color: #838383 !important;
}

@media only screen and (max-width: 280px) {
    .main-content .button.thanku-btn {
        padding: 15px 25px !important;
    }
}
/*MDTV 2854 ends here*/

.existing-plan-box,
.additional-plan-box {
    background: #fff;
    padding: 20px 15px;
    border-radius: 10px;
}

.existig-plan-box__freeview-offer-banner {
    margin-right: 24px;
    height: 194px;
    width: 629px;
}

.freeview-purchase-modal__devices-label {
    padding: 0;
    font-family: 'DIRECTVCurve Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #101010;
    text-align: initial;
}

.freeview-purchase-modal__devices-select {
    background: rgba(255, 255, 255, 0.0001);
    border: 1px solid #C1C1C1;
    border-radius: 5px;
    width: 100% !important;
    padding: 11px 13px !important;
    margin-bottom: 20px !important;
    margin-top: 4px !important;
    font-family: 'DIRECTVCurve Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #C1C1C1;
    background-image: url(../images/grey-down-arrow.png);
    background-repeat: no-repeat;
    background-position: right 0.9rem top 50% !important;
}

    .freeview-purchase-modal__devices-select:hover {
        background: rgba(255, 255, 255, 0.0001);
        background-image: url(../images/grey-down-arrow.png);
        background-repeat: no-repeat;
        background-position: right 0.9rem top 50% !important;
    }

    .freeview-purchase-modal__devices-select:active,
    .freeview-purchase-modal__devices-select:focus-visible {
        background-image: url(../images/grey-up-arrow.png);
        background-repeat: no-repeat;
        background-position: right 0.9rem top 50% !important;
        font-family: 'DIRECTVCurve Regular';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #101010;
        border-radius: 5px;
    }

    .freeview-purchase-modal__devices-select option {
        padding: 20px 13px !important;
    }

.freeview-banner__content {
    text-align: center;
    padding: 0;
    margin-top: 40px;
}

.freeview-banner__title {
    font-family: 'DIRECTVCurve Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #FFFFFF;
    margin-top: 12px;
    text-transform: uppercase;
}

.freeview-banner__background {
    width: 327px;
    height: 194px;
    margin: auto;
    padding: 0;
    border-radius: 5px;
    text-align: initial;
    cursor: pointer;
}

.freeview-banner__background-contrast {
    padding: 15px 20px 12.92px 20px;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(8, 26, 43, 0) 13.58%, #081A2B 72.74%, #081A2B 98.55%);
}

.freeview-banner__description {
    padding: 0;
    text-align: initial;
    color: white;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    margin-bottom: 0;
}

.freeview-banner__link {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #00AEEF;
}

.freeview-modal__title-mobile {
    display: none;
}
/* .additional-plan-box .premium-section {
        height: 85px !important
    }
    .plan-y-paquetes .packages-icon {
    padding-left: 10px;
}*/
.plan-y-paquetes .packages-icon img {
    height: 45px;
}

.main-content .plan-y-paquetes a.link,
.main-content .plan-y-paquetes .link,
.dark-color-link {
    color: #0073ae;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.dark-color-link {
    text-align: left;
    float: left;
    margin: 0 !important;
}

.plan-y-paquetes a.consult-channel-link,
.plan-y-paquetes a.consult-channel-link:hover,
.plan-y-paquetes a.dar-de-baja-link,
.plan-y-paquetes .cancel-plan-link {
    font-family: " IBM Plex Sans", sans-serif;
    color: #0073ae !important;
    font-size: 14px;
}

.plan-y-paquetes button.primary-btn {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-color: #0073ae;
    border-width: 2px;
    padding: 10px 15px;
    text-transform: unset;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600 !important;
}

    .plan-y-paquetes button.primary-btn.confirm-purchase {
        border-radius: 24px;
    }

.plan-y-paquetes .packages .icon-section {
    width: 19%;
    float: left;
}

.plan-y-paquetes .hbo-icon {
    background-image: url(../images/hbo-package.png);
}

.plan-y-paquetes .packages .header {
    font-size: 16px;
}

.plan-y-paquetes .star-icon {
    background-image: url(../images/star-package.png);
}

.plan-y-paquetes .packages .packages-icon {
    width: 64px;
    background-repeat: no-repeat;
    text-align: center;
}

.plan-y-paquetes .information-icon {
    width: 32px;
    height: 16px;
    vertical-align: middle;
}

.plan-y-paquetes .universal-icon {
    background-image: url(../images/universal-package.png);
}

.plan-y-paquetes .subheader {
    color: #101010;
    font-family: "DIRECTVCurve Regular";
}

.plan-y-paquetes .disney-icon {
    background-image: url(../images/disney-package.png);
}

.plan-y-paquetes .additionl-packages-header {
    font-size: 16px;
}

.plan-y-paquetes .pending-package-subheader {
    font-size: 14px !important;
    line-height: 20px;
}

.plan-y-paquetes .administrar {
    padding: 10px;
    background: #e7e4e4;
    font-family: " IBM Plex Sans", sans-serif;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #0073ae !important;
}

.new-reveal-modal .close-new-reveal-modal {
    color: #101010 !important;
    z-index: 999;
}

.premium-popup.new-reveal-modal .close-new-reveal-modal {
    color: #fff !important;
}

@media only screen and (max-width: 768px) {
    .font-xs-12 {
        font-size: 12px !important;
    }

    .reactivation-thanku-page {
        width: 100%;
    }

    .grey-background.plan-y-paquetes .mb-padding {
        padding: 15px !important;
    }

    .new-reveal-modal {
        padding: 25px 20px 30px 20px !important;
    }

        .new-reveal-modal .close-new-reveal-modal {
            font-size: 3em !important;
        }

    #disneyPlusConfirmModal h2.prepaidConfirmOfferHeading {
        font-size: 20px;
    }

    .additional-plan-box .premium-section {
        height: auto !important;
    }

    .mar-t-xs-10 {
        margin-top: 10px !important;
    }

    .plan-y-paquetes .packages .packages-icon {
        width: 76px;
    }

    .plan-y-paquetes .premium-popup .packages-section .hbo-package {
        display: none;
    }

    .plan-y-paquetes .premium-popup .info-text {
        padding: 0px 10px;
    }

    .plan-y-paquetes .premium-popup .tabs {
        margin-top: 10px;
    }
    /*.plan-y-paquetes .packages-section {
        display: block !Important;
    }*/
    .plan-y-paquetes .premium-popup .packages-section .hbo-package:nth-child(1),
    .plan-y-paquetes .premium-popup .packages-section .hbo-package:nth-child(2),
    .plan-y-paquetes .premium-popup .packages-section .hbo-package:nth-child(3) {
        display: block !important
    }

    .image-dimension {
        width: 33% !important;
    }

    .plan-y-paquetes .packages .more-info {
        float: left;
        padding-left: 0px;
    }

    .plan-y-paquetes .information-icon {
        width: 9%;
        float: left;
    }

    .warning-msg {
        display: inline-block;
        width: 89%;
        float: left;
        line-height: 17px;
    }

    .plan-y-paquetes .datos-link {
        float: left;
        margin-left: 10%;
        padding-left: 10px;
        margin-top: 10px;
    }

    .plan-y-paquetes .existing-plan-box, .additional-plan-box {
        padding: 15px 0;
    }

    .plan-y-paquetes .existing-plan-box {
        padding-bottom: 0;
    }

    .existig-plan-box__freeview-offer-banner {
        width: 100% !important;
        height: auto !important;
    }

    .freeview-banner__content {
        margin-top: 18px !important;
    }

    .freeview-modal__title-desktop {
        display: none;
    }

    .freeview-modal__title-mobile {
        display: block;
    }

    .freeview-modal__price-text {
        text-align: center;
    }

    .plan-y-paquetes .actions {
        text-align: center !important;
    }

        .plan-y-paquetes .actions button {
            width: 100%;
            margin: 0;
        }
}
/*::-webkit-scrollbar {
    display: none;
}*/
.plan-y-paquetes-modal .header {
    background: url(../images/Hero.png);
    /*popup-gradient-imagelinear-gradient(178.26deg, rgba(20, 20, 20, 0.0001) 26.89%, #000000 97.84%);*/
    background-repeat: no-repeat;
    /*height: 287px;*/
}

    .plan-y-paquetes-modal .header:before {
        content: " ";
        background: linear-gradient(to bottom, rgba(20, 20, 20, 0.0001), #000000);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

}

.plan-y-paquetes-modal .header img {
    height: 286px;
    width: 100%;
}

.new-reveal-modal.plan-y-paquetes-modal {
    // height: 555px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    min-height: auto;
    max-height: initial;
    padding: 0 !important;
    height: auto;
    top: -100px !important;
}

.plan-y-paquetes-modal .header-section {
    padding-top: 0px;
    position: relative;
    top: -5px;
}

.new-reveal-modal.plan-y-paquetes-modal .close-new-reveal-modal {
    color: #fff !important;
    top: 30px;
    right: 35px;
}


.plan-y-paquetes-modal .CanalesSDTab,
.plan-y-paquetes-modal .CanalesHDTab {
    list-style: none;
}

.plan-y-paquetes-modal .purchaseButton .btn {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%);
    border-radius: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    border: 1px solid #005993;
    color: #fff;
    margin: 0;
}

.CanalesSDTab,
.CanalesHDTab {
    cursor: pointer;
}

.plan-y-paquetes .CanalesSDTab.is-active,
.plan-y-paquetes .CanalesHDTab.is-active {
    border-bottom: 3px solid #0073ae;
    padding-bottom: 5px !important;
}

.plan-y-paquetes .hbo-package {
    background-repeat: no-repeat;
    /* width: 111px;*/
    height: 166px;
    margin: 0 8px;
    border-radius: 5px;
    padding: 0;
}

    .plan-y-paquetes .hbo-package img {
        border-radius: 5px;
    }

.plan-y-paquetes .packages-section {
    margin: 0;
    padding: 0 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.packages-section {
    display: block;
}

/*.plan-y-paquetes .hbopackage-1 {
    background-image: url(../images/hbopackage1.png);
}

.plan-y-paquetes .hbopackage-2 {
    background-image: url(../images/hbopackage2.png);
}

.plan-y-paquetes .hbopackage-3 {
    background-image: url(../images/hbopackage3.png);
}

.plan-y-paquetes .hbopackage-4 {
    background-image: url(../images/hbopackage4.png);
}*/

.plan-y-paquetes .hbopackage-5 {
    background-image: url(../images/hbopackage5.png);
}

.plan-y-paquetes .check-plan-info {
    background-image: url(../images/addition-info.svg);
    background-repeat: no-repeat;
    padding-bottom: 40px;
    height: auto;
    background-size: cover;
}

    .plan-y-paquetes .check-plan-info .plan-icon {
        /* width: 35px;
        height: 36px;*/
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        height: auto;
        max-width: 100%;
    }

    .plan-y-paquetes .check-plan-info .icon-section {
        width: 33%;
        float: left;
        vertical-align: middle;
    }

    .plan-y-paquetes .check-plan-info .tabs {
        width: 145px;
        margin-right: 10px;
        padding: 5px;
        cursor: pointer;
    }

    .plan-y-paquetes .check-plan-info .header {
        font-family: "DIRECTVCurve Medium";
        font-size: 30px;
        line-height: 36px;
    }

    .plan-y-paquetes .check-plan-info .sub-header {
        font-family: "DIRECTVCurve Regular";
        font-size: 16px;
    }

    .plan-y-paquetes .check-plan-info .tabs.active {
        background: #0073ae;
        color: #fff;
        font-family: "DIRECTVCurve Regular";
    }

    .plan-y-paquetes .check-plan-info .text-section {
        width: 62%;
        vertical-align: middle;
        text-align: left;
        font-family: "DIRECTVCurve Medium";
        line-height: 18px;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 14px;
    }

.plan-y-paquetes .series-films-icon {
    background-image: url(../images/seriesfilmsIcon.png);
}

.plan-y-paquetes .check-plan-info .tabs {
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    background: #fff;
    height: 50px;
}

.plan-y-paquetes .check-plan-info .additional-image {
    background-repeat: no-repeat;
    background-size: cover;
    height: 348px;
    position: relative;
    border-radius: 5px;
    padding: 0;
    width: 220px;
    float: left !important;
    margin-right: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}

.plan-y-paquetes .check-plan-info .black-background {
    position: absolute;
    bottom: 0px;
}

.plan-y-paquetes .check-plan-info .packmaster-image {
    height: auto;
    width: 100%;
}

.plan-y-paquetes .check-plan-info .additional-image.additinal-image .bottom-section {
    position: absolute;
}

.plan-y-paquetes .check-plan-info .additional-image.additinal-image-1 .bottom-section {
    position: relative;
}

.plan-y-paquetes .check-plan-info .more-details {
    position: absolute;
    bottom: -2px;
    color: #fff;
    width: 100%; /*MDTV-2910 Added*/
}

.plan-y-paquetes .bottom-section {
    background-image: url(../images/more-info-background.png);
    height: 201px;
    background-size: cover;
    bottom: -145px;
    /*left: -15px;
    width: 190px;*/
}

.plan-y-paquetes .check-plan-info .more-details .header {
    font-family: "DIRECTVCurve Regular";
    line-height: 24px;
    font-size: 12px;
}

.plan-y-paquetes .check-plan-info .more-details .footer {
    font-family: "IBM Plex Sans", sans-serif;
    line-height: 16px;
    font-size: 12px;
    letter-spacing: 0.015em;
    padding-bottom: 15px;
    cursor: pointer;
}

.plan-y-paquetes .check-plan-info .more-details .sub-header {
    font-family: "DIRECTVCurve Medium";
    font-size: 14px;
    line-height: 24px;
}
/*MDTV-2910 Starts*/
.plan-y-paquetes .check-plan-info .more-details .offer-section {
    font-size: 12px;
    line-height: 14.4px;
    background-color: #5C2D91;
    padding: 10px;
}
/*MDTV-2910 Ends*/

.plan-y-paquetes .check-plan-info .more-details .btn,
.btn.gradient-button {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%);
    border-radius: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    border: none;
    color: #fff !important;
    width: 100%;
    margin: 0;
    padding: 12px 15px; /*MDTV-2910 Added*/
}

.btn.gray-background {
    background: #DCDCDC !important;
}

.btn.gradient-button.dar-de-baja-btn {
    padding: 10px 15px;
}

.plan-y-paquetes .additinal-image-1 {
    /*background-image: url(../images/more-info-background.png);
    background-image: url(../images/card-default-image.png), url(../images/more-info-background.png);*/
    background-image: url(../images/card-default-image.png);
    background-position-y: top;
}

.plan-y-paquetes .additinal-image {
    background-image: url(../images/more-info-background.png);
    background-position-y: bottom;
    margin-right: 18px;
}

.plan-y-paquetes .sports-icon {
    background-image: url(../images/SportsIcon.png);
}

.plan-y-paquetes .adultos-icon {
    background-image: url(../images/Adultos.png);
}

.plan-y-paquetes .worlds-icon {
    background-image: url(../images/worldsIcon.png);
}

.plan-y-paquetes .check-plan-info .deportesTab.active .text-section,
.plan-y-paquetes .check-plan-info .adultosTab.active .text-section,
.plan-y-paquetes .check-plan-info .mundosTab.active .text-section {
    font-family: "DIRECTVCurve Medium";
    font-size: 14px;
    margin-top: 9px;
}

.plan-y-paquetes .check-plan-info .seriesfilmsTab.active .text-section {
    margin-top: 1px;
}

.plan-y-paquetes .check-plan-info .series-films-section,
.plan-y-paquetes .check-plan-info .deportes-section,
.plan-y-paquetes .check-plan-info .adultos-section,
.plan-y-paquetes .check-plan-info .mundos-section,
.center-align-tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.plan-y-paquetes .Canales-header {
    font-size: 32px;
    line-height: 40px;
    font-family: "DIRECTVCurve Regular";
    right: 18px;
}
/*MDTV-2910 Starts*/
.hbo-pack-modal .detailed-section,
.confirmation-modal .detailed-section,
.confirmation-modal .contract-section {
    padding: 15px;
    background: #F3F3F3;
    border-radius: 10px;
}

.hbo-pack-modal .dark-color-link {
    font-weight: 600;
}

.height-48 {
    height: 48px !important;
}

.confirmation-modal .contract-section {
    background: #ECDCFF !important;
}

.confirmation-modal .card-icon {
    width: 75px;
}

.hotpack-text {
    font-family: 'Poppins', sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #101010;
}



.plan-y-paquetes-modal .offer-text p {
    font-size: 24px;
    line-height: 25px;
    color: #5C2D91;
}

.hbo-pack-modal .image-dimension {
    padding: 0;
}

    .hbo-pack-modal .image-dimension img {
        height: auto;
        max-width: 70px;
        // min-width: auto !important;
    }
/* .hbo-pack-modal.ConfrimaModal1 .image-dimension img {
       max-width: 115px !important;
    }*/

.hbo-offer-text-color,
.offer-text-color {
    color: #5C2D91;
}

.plan-y-paquetes .tabs-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.plan-y-paquetes .check-plan-info .adultosTab .plan-icon,
.plan-y-paquetes .check-plan-info .mundosTab .plan-icon,
.plan-y-paquetes .check-plan-info .deportesTab .plan-icon {
    margin-top: 6px;
}

.plan-y-paquetes-modal .channel-text p {
    font-size: 12px;
    line-height: 24px;
}

.plan-y-paquetes .check-plan-info .adultosTab .text-section,
.plan-y-paquetes .check-plan-info .mundosTab .text-section,
.plan-y-paquetes .check-plan-info .deportesTab .text-section {
    margin-top: 9px;
}

@media only screen and (max-width: 768px) {
    .font-xs-30 {
        font-size: 30px !important;
    }

    .plan-y-paquetes-modal .header img {
        width: 100%;
        height: auto;
    }

    .plan-y-paquetes-modal .offer-text p {
        font-size: 19px;
    }

    .hbo-pack-modal .card-icon {
        margin-top: 35px !important;
    }

    .nopadding-xs {
        padding: 0px;
    }

    .confirmation-modal .clflex-reactivation-package-text {
        text-align: center !important;
    }
    /*MDTV-2910 Ends*/
    /* .center-align-tabs {
        display: block !important;
    }*/
    /* .plan-y-paquetes .check-plan-info .more-details {
        left: 6%;
    }*/
    .plan-y-paquetes .additional-plan-box .premium-section {
        margin-top: 10px;
        //height: 70px;
    }

        .plan-y-paquetes .additional-plan-box .premium-section:first-child {
            margin-top: 0;
        }

    .plan-y-paquetes .check-plan-info .additional-image.additinal-image-1 .bottom-section {
        position: absolute;
    }
    /* .plan-y-paquetes .additinal-image-1 {
        background-image: url(../images/card-default-image-mb.png) !important;
    }*/
    .plan-y-paquetes .check-plan-info .series-films-section,
    .plan-y-paquetes .check-plan-info .deportes-section,
    .plan-y-paquetes .check-plan-info .adultos-section,
    .plan-y-paquetes .check-plan-info .mundos-section {
        flex-direction: column;
    }
    /*.plan-y-paquetes .check-plan-info .tabs.mar-l-20,
    .plan-y-paquetes .adultos,
    .plan-y-paquetes .check-plan-info .tabs.adultosTab {
        margin-left: 21%;
    }*/

    /* .plan-y-paquetes .check-plan-info .tabs {
        width: 37% !important;
    }*/
    .plan-y-paquetes .additional-image.additinal-image-1 .bottom-section {
        bottom: 0;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .plan-y-paquetes .additional-image.additinal-image .bottom-section {
        bottom: 0px;
    }

    .plan-y-paquetes .bottom-section {
        // height: 100%;
        position: absolute;
        // bottom: -99px;
        left: 0;
        width: 100%;
    }

    .plan-y-paquetes .check-plan-info .more-details {
        width: 100%;
    }

    .plan-y-paquetes .check-plan-info .adultosTab .text-section, .plan-y-paquetes .check-plan-info .mundosTab .text-section, .plan-y-paquetes .check-plan-info .deportesTab .text-section {
        margin-top: 0px !important;
    }

    .plan-y-paquetes .additional-image {
        margin-bottom: 20px;
    }

    .plan-y-paquetes .check-plan-info {
        background-repeat: repeat;
        height: auto;
    }

        .plan-y-paquetes .check-plan-info .additional-image {
            width: 320px;
            margin-right: 0;
        }

        .plan-y-paquetes .check-plan-info .icon-section {
            width: 100%;
        }

        .plan-y-paquetes .check-plan-info .adultosTab .icon-section,
        .plan-y-paquetes .check-plan-info .mundosTab .icon-section,
        .plan-y-paquetes .check-plan-info .deportesTab .icon-section {
            margin-top: 8px;
        }


        /*.plan-y-paquetes .hbo-package {
        height: 85px;
    }*/
        .plan-y-paquetes .check-plan-info .text-section {
            width: 100%;
            text-align: center !important;
        }

        .plan-y-paquetes .check-plan-info .more-details .btn {
            padding: 15px 20px;
        }

        .plan-y-paquetes .check-plan-info .tabs {
            width: 110px;
            text-align: center;
            height: 85px;
            margin-bottom: 10px !important;
        }

    .plan-y-paquetes-modal .header {
        background-image: url(../images/Hero-mb.png);
        background-repeat: no-repeat;
        /*height: 162px;*/
        background-size: cover;
    }

    .new-reveal-modal.plan-y-paquetes-modal .close-new-reveal-modal {
        top: 2px;
        right: 17px;
    }

    /*.new-reveal-modal.plan-y-paquetes-modal {
        min-height: 768px;
        max-height: 800px;
        overflow-y: auto;
    }*/
}

.image-dimension {
    width: 20%;
    height: 100%;
    text-align: center;
}
/*.premium-popup .image-dimension {
    padding: 0;
}*/
#consultarCanales .image-dimension {
    height: 80px;
}

    #consultarCanales .image-dimension img {
        height: auto;
    }

.plan-y-paquetes .channelNumber {
    font-size: 8px;
    font-family: 'DIRECTVCurve Regular' !important;
}

.plan-y-paquetes .tabs-data {
    height: 400px;
    overflow-y: auto;
}

.image-dimension img {
    height: auto;
    max-width: 70px;
    max-height: 35px;
}

/*MDTV 2862 ends here*/

.clflex-Contacto-BgColor {
    background-color: #111111 !important;
}

.FormularioDeContacto_Heart {
    margin-left: -43px;
}

.RedirectTOContactForm_Algo {
    font-size: 40px;
    text-transform: none !important;
}

.RedirectTOContactForm_HayText {
    line-height: 16.8px;
    padding-top: 30px
}

.RedirectTOContactForm_ParaText {
    padding-right: 117px !important;
}

.FormularioButton_div {
    margin-top: 15px !important;
}

.FormularioButton {
    margin-bottom: 20px;
}

.Formulario_TextDiv {
    margin-top: 30px;
}
/*MDTV-2836 Ends*/

/* MDTV 2845 starts here */
.survey-section {
    background: #CEDFE6;
    padding: 10px;
}

    .survey-section img {
        width: 34px;
        height: 35px;
    }

    .survey-section .survey-text {
        font-family: "DIRECTVCurve Regular";
        font-size: 14px;
        color: #101010;
    }
/* MDTV 2845 ends here */

/*MDTV-2849 starts*/
.font18 {
    font-size: 18px !important;
}

.info-tooltip {
    position: relative;
    display: inline-block;
}

    .info-tooltip .tooltiptext,
    .tooltiptext {
        visibility: hidden;
        background-color: black;
        color: #fff;
        border-radius: 6px;
        padding: 10px 16px;
        position: absolute;
        -webkit-font-smoothing: 1;
        bottom: 30px;
        font-size: 14px;
        left: -95px;
        z-index: 1000;
        width: 215px;
    }

        .info-tooltip .tooltiptext::after,
        .tooltiptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: black transparent transparent transparent;
        }

    .info-tooltip:hover .tooltiptext {
        visibility: visible;
    }

div.half-break-net {
    height: 0.35em;
}
/*MDTV-2849 end*/
/* MDTV 2845 ends here */


/*MDTV  2890 starts here*/
.pay-ur-bills .header {
    font-family: "DIRECTVCurve Regular";
}

.pay-ur-bills .cvv-section {
    position: relative;
}

.pay-ur-bills .cvv-card {
    background: url('../images/cvv-card-icon.png');
    background-repeat: no-repeat;
    right: 13px;
    position: absolute;
    bottom: 16px;
    height: 17px;
    width: 25px;
}

.pay-ur-bills .link {
    font-family: "IBM Plex Sans", sans-serif;
    color: #0073ae;
}

.pay-ur-bills .customer-no {
}

.pay-ur-bills form .row .row .column,
.pay-ur-bills form .row .row .columns {
    padding: 0;
}

.pay-ur-bills .up-icon,
.pay-ur-bills .down-icon {
    height: 9px;
    width: 17px;
    cursor: pointer;
    margin-top: 10px;
}

.pay-ur-bills .down-icon,
.pay-ur-bills .credit-icon-section.selected .up-icon,
.pay-ur-bills .mercado-icon-section.selected .up-icon {
    transform: rotate( 180deg );
}

.mar-l-15 {
    margin-left: 15px !important;
}

.pay-ur-bills {
    background: #f2f2f2;
}

    .pay-ur-bills .last-invoice {
        color: #646464;
    }

    .pay-ur-bills .payment-methods {
        border-radius: 20px;
        background: #fff;
        padding: 30px 110px;
    }

    .pay-ur-bills .sections.selected {
        border: 2px solid #00aeef;
        background: #fff;
    }

.white-div {
    background: #fff;
}

.other-forms-of-payment .white-div {
    margin: 0 15px;
    padding: 15px;
    height: 125px;
}

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

.font-40 {
    font-size: 40px;
}

.pay-ur-bills .select-payment-methods {
    // border: 1px solid #dcdcdc;
    border-radius: 10px;
    background: #fff;
    // padding: 15px 20px !important;
    // min-height: 85px;
}

.pay-ur-bills form .row .row .column,
.pay-ur-bills form .row .row .columns {
    padding: inherit;
}

.pay-ur-bills .pay-ur-bills {
    background: #e5e5e5;
}

.pay-ur-bills {
    box-shadow: none;
}

.lblStyle {
    font-family: DIRECTV Curve;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.01em;
    text-align: left;
}

/* .pay-ur-bills .cardpayment.radio.selected .cardpayment-header::before {
        background-image: url(../images/radiobutton.png);
    }*/

.pay-ur-bills .select-payment-methods .icon {
    width: 12%;
}

    .pay-ur-bills .select-payment-methods .icon .credit-card-icon {
        width: 66%;
    }

.pay-ur-bills .other-forms-of-payment .link {
    color: #0073ae;
    text-decoration: underline;
    font-family: "DIRECTVCurve Regular";
    font-size: 13px;
}

.pay-ur-bills .cardpayment {
    padding: 0 10px 10px 10px;
}
/*.cardpayment-header-section.cardpayment-header::before {
    margin: 0.0em 0.5em 0.3em 0 !important;
}*/
.cardpayment.card-payment-section.selected {
    background: transparent;
}

.pay-ur-bills .cardpayment label {
    text-transform: none;
}

.main-content .other-forms-of-payment .targeter img.credit-card {
    margin: 0 15px;
}

.main-content .other-forms-of-payment .targeter {
    padding: 10px;
    margin-bottom: 0px;
}

    .main-content .other-forms-of-payment .targeter p.header {
        font-weight: bold;
    }

.other-forms-of-payment .details-section {
    float: left !important;
    padding-left: 15px !important;
}

#targeterDivForPublicSite a,
.main-content .button.thanku-btn {
    background: #fff;
    color: #0073ae;
    border: 1px solid #0073ae;
    border-radius: 20px;
    padding: 10px 30px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600 !important;
    letter-spacing: 0.1px;
}

.main-content .button.thanku-btn {
    height: 48px !important;
    padding: 15px 40px;
    border-radius: 24px;
    border: 2PX solid #0073AE;
}

    .main-content .button.thanku-btn:hover,
    .main-content .button.thanku-btn:focus {
        background: rgba(0, 174, 239, 0.1);
        border: 2px solid #0073ae;
        box-shadow: none;
    }


.font-12 {
    font-size: 12px !important;
}
/*MDTV-2910 Starts*/
.font-15 {
    font-size: 15px;
}
/*MDTV-2910 Ends*/

.payment-confirm-modal .total-section {
    background: #f2f2f2;
    padding: 10px;
    border-radius: 10px;
}


@media only screen and (max-width: 768px) {
    .pay-ur-bills .cambiar-btn {
        text-align: left !important;
        padding: 0;
        margin-bottom: 10px;
    }

    .pay-ur-bills .select-payment-methods {
        padding: 0;
    }

    .pago-mis-cuentas-text {
        margin-top: 20px !important;
        margin-left: 15px !important
    }

    .pay-ur-bills .payment-methods {
        padding: 15px;
    }

    .pad-xs-0 {
        padding: 0;
    }

    .mar-r-xs-0 {
        margin-right: 0;
    }

    .other-forms-of-payment {
        float: left !important;
    }

    .main-content .other-forms-of-payment .targeter {
        padding: 0;
        margin-bottom: 15px;
    }

    .other-forms-of-payment .white-div {
        margin: 0;
    }

    .mar-b-xs-10 {
        margin-bottom: 10px;
    }

    .pay-ur-bills .payment-methods .header {
        font-size: 18px;
    }

    .pay-ur-bills .customer-id-section {
        text-align: left !important;
        margin-top: 0;
        margin-bottom: 10px;
    }

    /*.pay-ur-bills .payment-methods,
    .pay-ur-bills .mercado-icon-section {
        margin: 0 !important;
    }*/

    .pay-ur-bills .icon {
        display: none;
    }

    /* .pay-ur-bills .mercado-icon-section,
    .pay-ur-bills .credit-icon-section {
        padding: 0 !important;
        margin: 0 !important;
    }*/

    .cardpayment .total {
        padding: 0.5em 0 !important;
    }

    /* .pay-ur-bills .text-section {
        margin-top: 0 !important;
    }*/

    .dark-color-link {
        text-align: center !important;
        clear: left !important;
        float: none !important;
    }
}
/*MDTV  2890 starts here*/
.tech-visits-modal-common-class.survey-modal {
    padding: 30px;
    top: 20vh;
}

.something-went-wrong-page {
    border-radius: 10px;
    background: #fff;
    padding: 20px 110px;
}

    .something-went-wrong-page .btn.plain-dark-button {
        padding: 10px 70px;
    }

    .something-went-wrong-page .btn.gradient-button {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
    }

    .something-went-wrong-page p.poppinsfont {
        font-family: 'Poppins', sans-serif;
        color: #0073AE;
        font-weight: 600;
    }

/*MDTV-2855 starts*/
.additional-plan-box .additional-plan-grey-box {
    background: #f2f2f2;
    padding: 15px 0px 15px 0px;
}
/*MDTV-2855 ends*/

/*MDTV-2928 starts*/
@media only screen and (min-width: 1920px) {
    .new-reveal-modal.plan-y-paquetes-modal,
    .new-reveal-modal {
        min-height: auto;
        overflow-y: auto;
        overflow-x: hidden;
        max-height: 90vh;
        height: auto;
        z-index: 10000;
    }

    .width-for-big-screen {
        max-width: 708px;
    }

    .panel-section {
        bottom: 5vh !important;
    }

    .chatPanel .close-icon {
        bottom: 97px !important;
    }

    .chatPanel .help-div {
        bottom: 175px !important;
    }

    .chatPanel .chat-div {
        bottom: 250px !important;
    }
}

button.contact-us-button,
button.contact-us-button:hover {
    font-family: DIRECTVCurve Regular;
    font-size: 14px;
    font-weight: 700 !important;
    z-index: 1000;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    background: #00A84F;
    border-radius: 75px;
    color: #fff;
    position: fixed;
    bottom: 0px;
    right: 50px;
    padding: 16px 50px;
    margin-bottom: 16px;
}

.contact-us-mb-icon {
    position: fixed;
    bottom: 0px;
    right: 20px;
    margin-bottom: 16px;
    cursor: pointer;
    z-index: 1000;
}

.chat-iframe-container {
    position: fixed;
    bottom: 6px;
    right: 8px;
    width: 374px;
    height: 98vh;
    max-height: 600px;
    transition: height 0.3s ease;
    border-radius: 24px 24px 0px 0px;
    border: 1px solid #ebebeb;
    box-shadow: 5px 5px 15px rgba(255, 255, 255, 0.68);
    z-index: 9999;
}

.chatPanel {
    background: rgba(1, 13, 30, 0.85);
    width: 300px;
    position: fixed;
    height: 100%;
    right: 0;
    top: -50px;
    height: 112vh;
    z-index: 100000;
}

    .chatPanel .close-icon {
        position: absolute;
        bottom: 36px;
        right: 36px;
        cursor: pointer;
    }

        .chatPanel .close-icon img {
            height: 57px;
            width: 57px;
        }

.help-icon,
.customer-chat-icon {
    padding-left: 10px;
    cursor: pointer;
}

.chatPanel .help-div {
    position: absolute;
    bottom: 105px;
    right: 40px;
}

.panel-section {
    bottom: 2vh;
}

.chatPanel .chat-div {
    position: absolute;
    bottom: 175px;
    right: 40px;
    display: flex;
    align-items: center;
}

.chatPanel .loader-container {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #0972AE;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    display: none;
}

.chatPanel .loader {
    width: 20px;
    height: 20px;
    border: 2px solid #ffffff;
    border-left-color: transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.customer-chat-text,
.help-client-text {
    background: #CDD0D7;
    padding: 10px 15px;
    vertical-align: middle;
    border-radius: 8px;
    font-family: "DIRECTVCurve Regular";
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.iframe-section h1,
.iframe-section #message-form,
.iframe-section #clear {
    display: none;
}

.chat {
    font-family: "DIRECTVCurve Regular";
    margin-top: auto;
    margin-bottom: auto;
}

    .chat .chat-card {
        position: fixed;
        bottom: 4px;
        right: 24px;
        z-index: 9999;
        height: 516px;
        border-radius: 12px;
        background-color: #fff;
        width: 374px;
        border: 1px solid #ebebeb;
        box-shadow: 5px 5px 15px rgba(255, 255,255, 0.68);
        margin: 0 auto;
    }

        .chat .chat-card .card-header, .chat .chat-card .card-header:first-child {
            border-top-left-radius: 12px;
            border-top-right-radius: 12px;
            background-color: #002a48;
            height: 55px;
            width: 100%;
            min-width: 372px;
            display: flex;
        }

            .chat .chat-card .card-header .img-cont,
            .chat .chat-card .card-header:first-child .img-cont {
                position: relative;
                height: 100%;
                width: 55px;
            }

                .chat .chat-card .card-header .img-cont img, .chat .chat-card .card-header:first-child .img-cont img {
                    width: 75%;
                    padding: 7px 10px;
                }

            .chat .chat-card .card-header .digo, .chat .chat-card .card-header:first-child .digo {
                width: 84px;
                color: white;
                padding-left: 5px;
                display: block;
                font-family: "DIRECTVCurve Regular";
                font-size: 28px;
                padding-top: 7px;
            }

            .chat .chat-card .card-header .user-info, .chat .chat-card .card-header:first-child .user-info {
                margin-top: auto;
                margin-bottom: auto;
                vertical-align: 16px;
                width: calc(100% - 63px - 84px);
                text-align: right;
            }

                .chat .chat-card .card-header .user-info span, .chat .chat-card .card-header:first-child .user-info span {
                    font-size: 35px;
                    color: white;
                    line-height: 0;
                    transform: rotate(45deg);
                    display: inline-block;
                    padding-top: 33px;
                    cursor: pointer;
                }

        .chat .chat-card .card-body.msg_card_body.conversation {
            flex: 1 1 auto;
            padding: 0;
            height: 370px;
            min-height: 370px;
            max-height: 370px;
            width: 100%;
            max-width: 350px;
            overflow: auto;
            display: flex;
            flex-direction: column;
            margin: 0 12px 0 12px;
            padding-bottom: 20px;
            -ms-overflow-style: none;
            scrollbar-width: none;
        }

            .chat .chat-card .card-body.msg_card_body.conversation .img {
                margin: 0 auto;
                align-self: flex-start;
                flex-grow: 1;
                max-width: 202px;
                margin-top: 60px;
                min-height: 200px;
            }

                .chat .chat-card .card-body.msg_card_body.conversation .img img {
                    margin: unset;
                    align-self: unset;
                    flex-grow: unset;
                }

        .chat .chat-card .card-footer, .chat .card .card-footer:last-child {
            height: 55px;
            width: 100%;
            min-width: 372px;
            padding: 5px 0 0 0;
            margin: 0;
            border-bottom-left-radius: 12px;
            border-bottom-right-radius: 12px;
            background: #fff;
            border: 0;
        }

            .chat .chat-card .card-footer .input, .chat .chat-card .card-footer:last-child .input {
                min-width: 350px;
                max-width: 350px;
                max-height: 42px;
                min-height: 42px;
                margin: 0 12px 18px 12px;
                display: flex;
                border: 1px solid #02aeef;
                border-radius: 29px;
                font-size: 14px;
            }

                .chat .chat-card .card-footer .input input,
                .chat .chat-card .card-footer:last-child .input input,
                .chat .chat-card .card-footer .input input:focus,
                .chat .chat-card .card-footer:last-child .input input:focus {
                    border: 0;
                    font-family: "DIRECTVCurve Regular";
                    box-shadow: none;
                    background: #fff;
                    border-radius: 29px;
                    padding-left: 15px;
                    width: calc(100% - 36px);
                    outline: 0;
                }

.input-group-append span {
    padding: 6px;
}

    .input-group-append span img {
        max-width: 30px;
        padding-top: 5px;
    }


.chat .chat-card .card-body.msg_card_body.conversation .img {
    margin: 0 auto;
    align-self: flex-start;
    flex-grow: 1;
    max-width: 202px;
    margin-top: 60px;
    min-height: 200px;
}

    .chat .chat-card .card-body.msg_card_body.conversation .img img {
        margin: unset;
        align-self: unset;
        flex-grow: unset;
    }

.chat .chat-card .card-body.msg_card_body.conversation .client {
    display: inline-table;
    width: 100%;
}

.hidethis {
    display: none !important;
}

.chat .chat-card .card-body.msg_card_body.conversation .client .answer {
    float: right;
    width: auto;
    max-width: 250px;
    background: #0073ae;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    padding: 9px 9px 6px 9px;
    border-radius: 6px 6px 0 6px;
    margin-bottom: 15px;
    min-width: 50px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
    border-bottom-right-radius: 0;
}

    .chat .chat-card .card-body.msg_card_body.conversation .client .answer span:first-child {
        color: #fff;
        padding-bottom: 3px;
        display: block;
    }

    .chat .chat-card .card-body.msg_card_body.conversation .client .answer .time {
        font-size: 10px;
        line-height: 12px;
        text-align: right;
        display: block;
        color: #fff;
    }

.chat .card .card-body.msg_card_body.conversation .are-you-client {
    display: grid;
    grid-template-columns: repeat(12,1fr);
}

.chat .chat-card .card-body.msg_card_body.conversation .are-you-client .avatar {
    grid-column: 1 / 1;
    grid-row: 2 / 1;
    display: flex;
    flex-direction: column-reverse;
}

.chat .chat-card .card-body.msg_card_body.conversation .are-you-client .question {
    grid-column: 2 / 12;
    grid-row: 1 / 1;
    background: #f2f2f2;
    width: 280px;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    padding: 9px 9px 6px 9px;
    border-radius: 6px 6px 6px 0;
    margin-bottom: 15px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.chat .chat-card .card-body.msg_card_body.conversation .are-you-client .answer {
    float: right;
    width: auto;
    max-width: 250px;
    background: #0073ae;
    font-size: 14px;
    line-height: 18px;
    text-align: left;
    padding: 9px 9px 6px 9px;
    border-radius: 6px 6px 0 6px;
    margin-bottom: 15px;
    min-width: 50px;
    box-shadow: 2px 2px 4px rgb(0 0 0 / 10%);
    border-bottom-right-radius: 0;
    overflow-wrap: break-word;
}

.chat .chat-card .card-body.msg_card_body.conversation .are-you-client .question span {
    word-break: break-word;
}

.chat .chat-card .card-body.msg_card_body.conversation .are-you-client .answer span {
    word-break: break-word;
    color: #fff;
    padding-bottom: 3px;
    display: block;
}

.chat .chat-card .card-body.msg_card_body.conversation .are-you-client .question .time {
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    display: block;
    color: #002a48;
}

.chat .chat-card .card-body.msg_card_body.conversation .are-you-client .answer .time {
    font-size: 10px;
    line-height: 12px;
    text-align: right;
    display: block;
    color: #fff;
}

.chat .chat-card .card-body.msg_card_body.conversation .are-you-client img.digo-icon {
    width: 30px;
    max-width: 30px;
    margin: 0;
    margin-right: 12px;
    margin-bottom: 13px;
}

.chat .chat-card .card-body.msg_card_body {
    display: none;
}

    .chat .chat-card .card-body.msg_card_body.conversation .are-you-client {
        display: grid;
        grid-template-columns: repeat(12,1fr);
    }

.card-body.msg_card_body.conversation::-webkit-scrollbar {
    display: none;
}

.card-body.msg_card_body.conversation {
    -ms-overflow-style: none;
    scrollbar-width: none;
}


@media only screen and (max-width: 768px) {
    .chat .chat-card {
        right: 15px !important;
    }

    .chatPanel {
        width: 100% !important;
    }
}

/*MDTV-2928 ends*/
/*MDTV-2810 Starts*/
div.Recharge span {
    position: absolute;
    right: 0px;
    height: 40px;
    width: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/pepaidOffer_AR/Recharge.png');
}

.xsell-banner {
    display: flex;
    align-items: center;
    padding: 40px;
    background-image: url('../images/xsell-banner.png');
    background-repeat: no-repeat;
    position: relative;
    height: 167px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.directv-pre-pago-icon {
    background-image: url('../images/directv-pre-pago.png');
    position: absolute;
    right: 0;
    height: 33px;
    top: 10px;
    z-index: 10000;
    width: 113px;
    background-repeat: no-repeat;
}

.accept-promotion-btn {
    right: 15px;
    background-image: url(../images/accept-promotion-button.png);
    width: 222px;
    height: 57px;
    position: absolute;
    bottom: 10px;
    cursor: pointer;
}

.xsell-banner .offer-section {
    width: 297px;
    left: 35px;
    top: 26px;
}

.xsell-banner .bannerText {
    top: 0 !important;
}

.xsell-banner .main-text,
.mb-offer-section .main-text {
    color: #FBC205;
    font-size: 20px;
}

.xsell-banner .sub-text,
.mb-offer-section .sub-text {
    color: #FBC205;
    font-size: 37px;
}

.mb-xsell-banner {
    background-image: url('../images/mb-xsell-banner.png');
    background-repeat: no-repeat;
    position: relative;
    height: 266px;
    background-size: cover;
    z-index: 1;
    align-items: center;
    padding: 20px;
}

.mb-accept-promotion-btn {
    background-image: url(../images/accept-promotion-button.png);
    width: 222px;
    height: 57px;
    position: absolute;
    bottom: -5px;
    left: 68px;
    cursor: pointer;
}
/*.mb-offer-section {
    position: absolute;
    left: 69px;
    top: 80px;
}*/
.recharge-promotion .section {
    background: rgba(0, 174, 239, 0.1);
    border-radius: 5px;
    padding: 20px 15px;
}

.align-vertically-center {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .mb-xsell-banner {
        display: flex !important;
    }
}
/*MDTV-2810 Ends*/
/*MDTV-2955 starts*/
.pqr .page-header {
    width: 69%;
    text-align: left;
    margin-left: 0;
}

/*MDTV-7406 Starts*/
.pqr .mobile-phone-client {
    margin: 10px 0;
}
/*MDTV-7406 Ends*/

.pqr .sign-in-banner {
    margin-top: 30px;
    overflow: hidden;
    margin-bottom: 30px;
}

    .pqr .sign-in-banner .left-section {
        font-family: "DIRECTVCurve Regular";
        font-size: 20px;
        height: 93px;
        background: #005993;
        color: #fff;
        border-radius: 5px 0px 0px 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pqr .sign-in-banner .right-section {
        background: linear-gradient(89.93deg, #085585 29.93%, #2F9FE5 106.49%);
        height: 93px;
        color: #fff;
        font-family: "DIRECTVCurve Regular";
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0px 5px 5px 0px;
    }

        .pqr .sign-in-banner .right-section .button-section {
            display: flex;
            align-items: center;
            justify-content: center;
        }

.pqr .buy {
    height: 45px;
    box-sizing: border-box;
    padding-top: 15px;
    border-radius: 3px;
}

.pqr .select-act-no input[type="radio"] {
    vertical-align: bottom;
}

.pqr .select-act-no {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.pqr .sign-in-banner .right-section .text {
    font-size: 19px;
    font-family: "DIRECTVCurve Regular";
    line-height: 120%;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .pqr .sign-in-banner {
        border-radius: 5px;
    }

        .pqr .sign-in-banner .right-section {
            height: 157px;
            border-radius: 0;
            display: block;
            padding-top: 25px;
        }

        .pqr .sign-in-banner .left-section {
            border-radius: 0;
        }

        .pqr .sign-in-banner .right-section .text {
            text-align: center;
        }

    .pqr .button-section {
        margin-top: 20px;
    }

    .pqr .page-header {
        width: 88%;
    }
}

/*MDTV-2955 ends*/ /*MDTV 2854 starts here*/
.reactivate-plan {
    max-width: 472px;
    width: auto;
}
/*MDTV 2854 starts here*/
.font-32,
.wimt-modal__header__title.font-32 {
    font-size: 32px !important;
}

.btn.gradient-button.in-progress-button {
    background: #dcdcdc;
    color: #464646 !important;
}

.reactivate-plan .icon-section {
    width: 10%;
}
/*MDTV 2854 ends here*/


.reactivate-plan .plan-section {
    background: #fff;
    height: 62px;
    border-radius: 5px;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
}

    .reactivate-plan .plan-section img.package-icon {
        position: relative;
        bottom: 2px;
    }

.reactivate-plan .checked-icon {
    position: absolute;
    right: 10px;
    bottom: 3px;
}

.reactivate-plan .notification-Text span {
    display: block !important;
}

@media only screen and (max-width: 768px) {
    .reactivate-plan .icon-section {
        width: 14%;
    }

    .reactivate-plan .info-section {
        margin: 0 !important;
        text-align: left;
    }

    .reactivate-plan,
    .reactivate-upper-section {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

        .reactivate-plan .checked-icon {
            right: -25px;
        }

        .reactivate-plan .notification-Text span {
            display: inline !important;
        }
}
/*MDTV 2854 ends here*/
/*MDTV-2926 starts*/
.font-22 {
    font-size: 22px;
}

.cancelado-page .thanku-image {
    max-width: 340px;
}

@media only screen and (min-width: 700px) {
    .pull-left-lg {
        float: left !important;
    }

    div.grey-background .something-went-wrong-page {
        padding: 50px 0px;
        width: 708px;
        float: none !important;
        clear: both;
        margin: 0 auto;
    }

    .something-went-wrong-page .btn.plain-dark-button .plan-dark-button-lg {
        padding: 10px 70px;
    }

    .desconectado-txt-width {
        width: 463px;
    }

    div.grey-background .something-went-wrong-page .contact-info-block, div.grey-background .something-went-wrong-page .contact-info-block + div {
        float: none;
    }
}

@media only screen and (min-width: 1920px) {
    div.grey-background .something-went-wrong-page {
        padding: 50px 0px;
        margin-left: 27%;
        width: 708px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 768px) {
    .cancelado-page .thanku-image {
        max-width: 100%;
    }

    .something-went-wrong-page .btn.plain-dark-button.plan-dark-button-sm {
        padding: 15px 15px;
        /*width: 52%;*/
        width: 60%;
    }

    .padding-sm {
        padding: 10px 10px 0px 10px !important;
    }

    .padding-20-sm {
        padding: 20px !important;
    }

    .padding-0-sm {
        padding: 0px !important;
    }

    .mar-t-36.mar-t-xs-27 {
        margin-top: 27px;
    }
}

.mar-t-36 {
    margin-top: 36px;
}
/*MDTV-2926 ends*/
/*MDTV-2879 starts*/
.cancellation-retention-offer .cancellationOfferFullService {
    background-image: url(../images/cancellation/FullService.png);
    background-size: contain;
    height: 153.19px;
    float: left;
    background-repeat: no-repeat;
    bottom: -3em;
    left: -13px;
}


div.FullService-benefits-text,
span.FullService-description-text {
    font-size: 16px;
    /*line-height: 40px;*/
}

.BeneficiaHeader {
    font-size: 32px !important;
    line-height: 38px;
}

.font-43 {
    font-size: 43px !important;
}

.font-24 {
    font-size: 24px !important;
}

.full-service .condition-text {
    line-height: 19px;
}

.full-service .btnAcceptOffer,
.full-service .btnAcceptOffer:hover,
.full-service-cancellation .btnAcceptOffer,
.full-service-cancellation .btnAcceptOffer:hover {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    border-radius: 24px !important;
    color: #000;
    font-weight: 600 !important;
    padding: 15px 40px;
    text-transform: inherit;
}

.main-content .full-service .button.thanku-btn {
    background: transparent
}

.full-service-cancellation div.cancellationSectionTwo p {
    margin-bottom: 0 !important;
}

.FullService-benefits-text {
    margin-left: 20.5% !important;
}

.mar-t-75 {
    margin-top: 75px;
}

.cancellation-retention-offer.full-service .upper-section {
    padding-bottom: 75px;
}

.cancellation-retention-offer.full-service .dis-text {
    font-weight: initial;
}

@media only screen and (max-width: 768px) {
    .full-service-cancellation.downgrade-design .upper-section {
        width: 100%;
        background: #eeeeee;
        background-image: url('../images/full-service-mb-banner.png');
        background-repeat: no-repeat;
        height: 629px;
        padding: 0 30px;
        background-size: contain;
    }

    .cancellation-retention-offer .upper-section {
        padding-top: 35px !important;
        padding-left: 14px !important;
        padding-right: 14px !important
    }

    .cancellation-retention-offer .cancellationOfferFullService {
        background-image: url(../images/full-service-logo-mb.png);
        background-size: contain;
        height: 93px;
        float: left;
        background-repeat: no-repeat;
        bottom: -3em;
    }

    .full-service-cancellation .labelNote {
        line-height: 21px;
    }

    .cancellationSectionSix.full-service-cancellation {
        margin-top: 20px !important;
    }

    .FullService-benefits-text {
        margin-left: 8% !important;
    }

    .full-service .upper-section {
        padding-top: 60px !important;
        padding-left: 30px;
    }


    .full-service .btnAcceptOffer {
        width: 100% !important;
    }

    .full-service .thanku-btn {
        width: 100% !important;
    }

    .mar-b-xs-40 {
        margin-bottom: 40px;
    }

    .universal-plus-cancellation-retention-offer.full-service .gray-box__third-line__update {
        margin: 0 !important;
    }

    .mar-b-xs-20 {
        margin-bottom: 20px !important;
    }

    .full-service .cancellationOfferFullService {
        margin-bottom: 80px;
        margin-left: 28% !important;
    }

    .FullService-benefits-text .challenge-offer-check-ico {
        width: 7%;
        float: left;
    }

    .full-service.cancellation-retention-offer .more-details {
        margin-top: 45px;
        display: block;
    }

    .full-serviceFullService-benefits-text .FullService-description-text {
        width: 95%;
        display: inline-block;
    }

    .cancellationSectionSix.full-service {
        display: block !important
    }

    .font-xs-27 {
        font-size: 27px !important;
        padding: 20px;
    }

    .font-xs-40 {
        font-size: 40px !important;
        line-height: 56px;
        text-align: left !important;
    }

    .full-service .left-section {
        margin-left: auto !important;
    }
}

.full-service-cancellation div.cancellationSectionFour div.divCancelConfirm {
    margin: 0;
}

.font-36 {
    font-size: 36px;
}

.font-curve-bold {
    font-family: "DIRECTVCurve Bold", "Helvetica Neue", Arial, sans-serif !important;
}

.full-service-cancellation .offer-text {
    color: #783293;
}

.full-service .left-section {
    margin-left: 15%;
}

.full-service-cancellation .divBottomLine {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.full-service-cancellation.cancellation-retention-offer .upper-section {
    padding-bottom: 100px !important
}

.full-service-cancellation.cancellationSectionTwo p {
    margin-bottom: 0 !important;
}

.full-service-cancellation button.thanku-btn {
    padding: 15px 30px !important;
    border-radius: 24px !important;
}

.mar-b-75 {
    margin-bottom: 75px !important;
}

div.cancellationSectionSix.full-service-cancellation {
    display: block !important;
    padding-left: 20px;
    padding-right: 20px;
}
/*MDTV-2879 ends*/
/*MDTV-2926 ends*/
/*MDTV-2974 starts here*/
.mis-decodeficadors .sections {
    border-radius: 10px;
    padding: 25px 20px 25px 5px;
    margin-bottom: 20px;
    background: #fff;
}

.mis-decodeficadors input[type="text"] {
    border: 1px solid #a3a3a3;
    border-radius: 5px;
    box-shadow: none;
}

.mis-decodeficadors .edit-link {
    color: #0073AE;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 600;
}

@media only screen and (max-width: 768px) {
    .text-center-xs {
        text-align: center;
    }

    .mar-t-10.mar-t-xs-15 {
        margin-top: 15px !important;
    }

    .center-xs {
        text-align: center !important;
    }

    .pull-left-xs {
        float: left !important;
    }

    .mar-b-xs-0 {
        margin-bottom: 0 !important;
    }
}
/*MDTV-2974 ends here*/
/*MDTV-2984 starts*/
.chat .chat-card .card-body.msg_card_body.conversation .are-you-client img.full-width {
    width: 100%;
}

a.link-view {
    text-decoration: none;
    color: black;
}

div.img-wrapper {
    -webkit-box-pack: center;
    -webkit-box-align: center;
    inset: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    margin: 0.25rem;
    border-radius: 0.375rem;
}

img.linkview-img {
    max-width: 100%;
    object-fit: cover;
    width: 100%;
    margin: 0.25rem;
    border-radius: 0.375rem;
}

div.container-text {
    margin: 0.5rem 0.25rem 0;
}

    div.container-text div.title {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 115%;
        font-weight: 700;
    }

    div.container-text div.description {
        padding-top: 0.5rem;
    }

div.msg-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 0.5rem;
}

    div.msg-footer div.domain {
        font-size: 90%;
        color: darkgray;
        font-weight: 200;
    }


/*MDTV-2984 starts*/

/*MDTV-2955 changes starts*/
div.button-section button.pqr-public-sesionbtn {
    width: 197px;
    height: 45px;
    background: #FFC60B;
    border-radius: 3px;
    position: absolute;
    color: #101010;
}
/*MDTV-2955 changes ends*/
.co-pqr-public-site-header {
    background: #101010;
    color: #fff;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.co-pqr-public-site-sub-header {
    background: #fff;
    height: 80px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
}

.pqr .radio-button-section {
    float: left !important;
    margin-left: 35px;
}

/*MDTV -2955 changes starts*/
@media only screen and (min-width: 1024px) {
    .content-width {
        max-width: 886px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 768px) {
    .small-mar-top {
        margin-top: 30px;
    }

    .small-screen-margin-radiobtn {
        margin-left: 0px !important;
    }

    .mobile-width .pqr-title {
        padding-left: 0 !important;
    }

    .mobile-width .mar-b-20 {
        padding: 0 15px !important;
    }
}

@media only screen and (min-width: 767px) {
    .large-screen-nopadding {
        padding: 0 !important;
    }
}

/*MDTV -2955 changes ends*/



/* MDTV-2986 code starts*/
.edit-section {
    text-align: right;
}

.pad-r-1 {
    padding-right: 0;
}

.pad-l-0 {
    padding-left: 0;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .ipad-align {
        width: 100%;
        text-align: center;
        margin-top: 0;
        padding: 0;
    }
}

@media only screen and (max-width:768px) {
    .mis-decodeficadors .edit-link, .mis-decodeficadors .text-center-xs {
        font-size: 16px;
    }
}

@media only screen and (min-width:1024px) {
    .pad-0 {
        padding: 0;
    }
}
/* MDTV-2986 code ends*/

/*MDTV 3002 code starts here*/
.reactivate-plan .offer-banner {
    background-image: url(../images/reactivate-offer-banner.png) !important;
    background: #5C2D91;
    background-repeat: no-repeat;
    padding: 20px;
    border-radius: 16px;
}

.reactivate-plan .offer-banner2 {
    background-image: url(../images/orange-shape.png) !important;
    background: #F89C1B;
    background-repeat: no-repeat;
    padding: 20px;
    border-radius: 16px;
    border: 2px solid #8F00FF;
}

.reactivate-plan .offer-banner .reactivate-plan-text .main-text {
    color: #FFC60B;
}

.reactivate-plan .offer-banner .reactivate-plan-text .sub-text {
    color: #fff;
    font-family: " IBM Plex Sans", sans-serif !important;
}

.reactivate-plan .offer-banner .discount-text {
    color: #fff;
    line-height: 28px;
}

.font-10 {
    font-size: 10px;
}

.reactivate-plan .offer-banner .note {
    color: #fff;
    line-height: 12px;
    letter-spacing: 0.15px;
    width: 90%;
}

@media only screen and (max-width: 768px) {
    .reactivate-plan .offer-banner {
        background-image: url(../images/reactivate-offer-banner-mb.png) !important;
        padding: 20px 30px 20px 20px;
    }

        .reactivate-plan .offer-banner .note {
            width: 91%;
        }

    .font-xs-20 {
        font-size: 20px !important;
    }

    .reactivate-plan-text {
        line-height: 24px;
    }
}
/*MDTV 3002 code ends here*/


/* MDTV - 3015 code starts*/
#venciText {
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 25px;
    color: #000000;
    display: block;
}

.home-amountToPay {
    margin-bottom: 5px;
}

.facturacionSection {
    background-color: #F2F2F2;
    padding-top: 30px;
    padding-bottom: 50px;
}

    .facturacionSection #monto-a-pagar {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-weight: 500;
        font-size: 40px;
        text-align: center;
    }

    .facturacionSection #estado-de-cuenta .panel dl dt {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        font-size: 24px;
        font-weight: 500;
        text-transform: uppercase;
        color: #222222;
        margin-bottom: 25px;
    }

    .facturacionSection #estado-de-cuenta .panel {
        background: transparent;
        box-shadow: none;
        border: 0; /* display: flex; */
    }

    .facturacionSection div#estado-de-cuenta {
        background: #FFFFFF 0% 0% no-repeat padding-box;
        border-radius: 6px;
    }

    .facturacionSection a.buy.button.expand {
        margin-left: 1%;
        background: #FF9010 0% 0% no-repeat padding-box;
        color: #222222;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        border-radius: 3px;
        width: 50%;
        border: 1px solid #FF9010;
    }

    .facturacionSection a.button.expand {
        margin-left: 1%;
        background: #ffffff 0% 0% no-repeat padding-box;
        color: #0972AE;
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        border-radius: 3px;
        width: 50%;
        border: 1px solid #0972AE;
    }

div#facturacionBillingSection div.row.paymentSection {
    background: transparent;
}

div#facturacionBillingSection .changePaymentSectionWidth.largeScreen {
    clear: left;
}

body.CO div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock a#textThree {
    color: #0073AE;
    line-height: 19px;
}

body.CO div#userBillingInfoSection div.heightFixingContainer div.sectionFive.forSmallScreens div.innerBlock {
    padding: 20px 20px 10px 20px !important;
}

body.CO div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock a#detailsPageButton, body.CO div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock a#paymentPageButton {
    font-size: 16px;
    line-height: 19px;
}

div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree div.divOne h3#textOne, div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree div.divTwo h3#textOne, div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree div.divOne #textTwo, div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree div.divTwo #textTwo, div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree div.divThree h3#textOne, div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree div.divThree #textTwo {
    color: #101010;
}

body.CO div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree div.divOne a#textThree, body.CO div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree a#textThree, div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree div.divThree a#textThree {
    color: #979797;
}

body.CO div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock h3#topText {
    font-size: 24px;
    line-height: 29px;
    color: #000000;
}

div#facturacionBillingSection.coBilling .changePaymentSectionWidth.largeScreen .row.paymentSection {
    background: #fff;
    margin: 0 auto;
    width: 100%;
}

#facturacionBillingSection.coBilling div.sectionOne {
    margin-bottom: 0;
}

div#facturacionBillingSection.coBilling div.sectionOne span#customerId {
    line-height: 19.2px;
}

body.CO div.changePaymentSectionWidth.largeScreen.coBilling div.innerDiv h3#topText {
    font-size: 20px;
    line-height: 24px;
}

div#facturacionBillingSection.coBilling div.sectionOne h1#customerName {
    line-height: 38.4px;
}

body.CO div.changePaymentSectionWidth.largeScreen.coBilling div.innerDiv {
    padding-top: 5px;
    padding-bottom: 20px;
}

div#facturacionBillingSection.coBilling div.sectionLeft div.sectionTwo {
    padding-bottom: 15px;
}

div.changePaymentSectionWidth div.innerDiv div#bottomText, div#facturacionBillingSection div.sectionLeft div.sectionThree div.divOne, #facturacionBillingSection.coBilling div#facturacionBillingSection div.sectionLeft div.sectionThree div.divTwo, #facturacionBillingSection.coBilling div#facturacionBillingSection div.sectionLeft div.sectionThree div.divThree {
    line-height: 19.2px;
    font-style: normal;
    color: #101010;
}

div#misMovimientosDesktopEmptySpace {
    color: #0073AE;
    width: 304px;
    margin: 0 auto;
}

div.changePaymentSectionWidth div.innerDiv div.PaymentTypesNavigation a#knowMoreButton {
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    padding: 8px 13px;
    color: #0073AE;
    border-color: #0073AE;
}

div.changePaymentSectionWidth div.innerDiv h3#topText {
    font-size: 20px;
    line-height: 24px;
    color: #101010;
}

body.CO div.changePaymentSectionWidth div.innerDiv {
    padding-top: 0;
    padding-bottom: 0;
}

div#facturacionBillingSection.coBilling div.sectionLeft div.sectionTwo h1#amountToPay {
    font-size: 40px;
    line-height: 48px;
    padding-bottom: 5px;
}

div#facturacionBillingSection.coBilling div.sectionLeft div.sectionTwo #navigationButtons span {
    font-size: 16px;
    line-height: 19.2px;
    text-transform: uppercase;
    width: 130px;
    display: inline-block;
    padding: 10px;
    background: #fff;
    color: #0972AE;
    border-color: #0972AE;
    margin-right: 10px;
    cursor: default;
}

    div#facturacionBillingSection.coBilling div.sectionLeft div.sectionTwo #navigationButtons span#paymentPageButton {
        width: 110px;
        background: #ff9010;
        color: #222222;
        border: 1px solid #ff9010;
        margin-right: 0;
    }

div#facturacionBillingSection.coBilling div.sectionLeft div.sectionTwo h3#topText {
    line-height: 28.2px;
}

div#facturacionBillingSection.coBilling div.sectionLeft div.sectionTwo, div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree {
    padding: 31px 18px;
    width: 100%;
}

body.CO .fix-height-container {
    height: 57px !important;
}

#facturacionBillingSection a#misDatos {
    margin-left: 20px;
}

#facturacionBillingSection.coBilling div.sectionOne {
    display: block;
}

span#venciText #bottomText {
    font-weight: 500;
    font-family: 'DIRECTVCurve Regular';
}

@media only screen and (max-width:1024px) {
    #facturacionBillingSection.coBilling .changePaymentSectionWidth.largeScreen {
        clear: left;
        display: block !important;
        width: 96%;
        margin: 0 auto;
    }
}

@media only screen and (max-width:768px) {
    #facturacionBillingSection.coBilling .PaymentTypesNavigation {
        padding-bottom: 25px;
        margin-left: -10px;
    }

    #facturacionBillingSection.coBilling div#userBillingInfoSection div.sectionFive div.innerBlock {
        padding: 20px !important;
    }

    div#facturacionBillingSection.coBilling div.sectionOne h1#customerName {
        line-height: 33.6px;
        font-size: 28px;
    }

    body.CO div#userBillingInfoSection, div#facturacionBillingSection.coBilling {
        padding-top: 10px;
    }

    #facturacionBillingSection.coBilling div.changePaymentSectionWidth div.innerDiv div.PaymentTypesNavigation a#knowMoreButton {
        width: 90%;
    }

    #facturacionBillingSection.coBilling div.changePaymentSectionWidth div.innerDiv div#bottomText {
        margin-left: 10px;
        margin-top: 30px;
        width: 88%;
        color: #101010;
        text-align: left;
    }

    #facturacionBillingSection.coBilling div.changePaymentSectionWidth div.innerDiv h3#topText {
        line-height: 50px;
        position: relative;
        left: 15px;
        top: 15px;
    }

    #facturacionBillingSection.coBilling div.changePaymentSectionWidth div.innerDiv {
        background-position: left top;
        margin-left: 15px;
        padding: 0;
        width: 95%;
        text-align: center;
    }

    #facturacionBillingSection.coBilling .changePaymentSectionWidth .row.paymentSection {
        margin: 15px;
    }

    #facturacionBillingSection.coBilling .changePaymentSectionWidth {
        width: 93%;
    }

    div#facturacionBillingSection.coBilling div.sectionLeft div.sectionTwo #navigationButtons span {
        width: 140px;
    }

    body.CO div#facturacionBillingSection.coBilling div.sectionOne h1#customerName {
        width: 65%;
        display: inline-block;
        vertical-align: top;
    }

    body.CO #facturacionBillingSection a#misDatos {
        margin-top: 5px;
        display: inline-block;
    }

    body.CO div.paymentSectionMobileView div.innerDiv {
        margin-left: 0;
    }

    body.CO .changePaymentSectionWidth div#paymentSectionMV {
        padding: 0;
    }

    body.CO div.changePaymentSectionWidth div.innerDiv {
        padding: 0 22px;
    }

    body.CO .changePaymentSectionWidth div#paymentSectionMV {
        padding: 0;
        width: 100%;
        margin: 0 auto;
        padding-bottom: 10px;
        background-color: #fff;
    }

    body.CO div.changePaymentSectionWidth div.row.paymentSection {
        max-width: 90% !important;
        width: auto;
        margin: 0 auto;
    }

    body.CO div #facturacionBillingSection div.sectionBottom.mobileView div.misFacturas, body.CO div#facturacionBillingSection div.sectionBottom.mobileView div.misMovimientos, body.CO div#facturacionBillingSection div.sectionBottom.mobileView div.misPagos {
        color: #101010;
        background-image: url(../images/black-arrow.png);
        background-size: 9px, 16px;
        background-position: 93% center;
        background-repeat: no-repeat;
        text-align: left;
        padding-left: 34px;
        text-transform: none;
    }

    body.CO div#facturacionBillingSection div.sectionBottom.mobileView {
        padding: 0;
        padding-bottom: 39px;
        background-color: #fff;
        margin-top: 45px;
    }

        body.CO div#facturacionBillingSection div.sectionBottom.mobileView div#misMovimientosTable, body.CO div#facturacionBillingSection div.sectionBottom.mobileView div#misPagosTable {
            margin: 0;
            border-bottom: 1px solid #f2f2f2;
            border-radius: 0;
        }

        body.CO div#facturacionBillingSection div.sectionBottom.mobileView div#misFacturasTable {
            border-radius: 0;
            border-bottom: 1px solid #f2f2f2;
            margin-bottom: 0;
            margin-top: 0;
        }
}
/* MDTV - 3015 code ends */

/*MDTV 3018 code Starts here*/
.Warning-banner {
    /*display: flex;
    align-items: center;
    padding: 40px;*/
    background-image: url('../images/Warningbannerbackground.png');
    /*background-repeat: no-repeat;
    position: relative;
    height: 167px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    width: 962px;
    height: 169px;*/
    height: auto;
    width: auto;
    left: 307px;
    top: 602px;
    border-radius: 11px;
    background-color: #0073AE;
    padding: 20px 35px;
}

    .Warning-banner .offer-sectionHeader {
        /*left: 0px;
        top: 0px;*/
        border-radius: 0px;
        font-family: DIRECTV Curve;
        font-size: 19px;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;
    }

    .Warning-banner .offer-section {
        width: 90%;
        left: 0px;
        top: 0px;
        border-radius: 0px;
        font-family: DIRECTV Curve;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.01em;
        text-align: left;
    }

    .Warning-banner .offer-section1 {
        font-family: IBM Plex Sans;
        width: 90%;
        s font-size: 16px;
        font-weight: 400;
        line-height: 22px;
    }

.font-19 {
    font-size: 19px;
}

.mb-Warning-banner {
    background-image: url('../images/mb-Warningbannerbackground.png');
    background-color: #0073AE;
    height: 358px;
    margin: 0 15px;
    border-radius: 16px;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px 30px;
    /*position: absolute;

    width: 1402.88px;
    height: 410.47px;
    left: -892.96px;
    top: 73px;
    opacity: 0.73;*/
}

    .mb-Warning-banner .offer-sectionHeader {
        font-family: DIRECTV Curve;
        font-size: 19px;
        font-weight: 700;
        line-height: 29px;
        letter-spacing: 0em;
        text-align: left;
    }

    .mb-Warning-banner .offer-section {
        font-family: DIRECTV Curve;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.01em;
        text-align: left;
        line-height: 22px;
    }

    .mb-Warning-banner .offer-section1 {
        font-family: IBM Plex Sans;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        line-height: 22px;
        letter-spacing: 0.01em;
        text-align: left;
    }

        .mb-Warning-banner .offer-section1 .ibm-font,
        .Warning-banner .offer-section1 .ibm-font {
            font-family: " IBM Plex Sans", sans-serif;
        }

    .mb-Warning-banner .link-color,
    .Warning-banner .link-color {
        color: #FBC205;
    }

        .Warning-banner .link-color.border {
            border: 1px solid #FBC205;
        }

/*MDTV 3018 code Ends here*/
/* MDTV 3003 code start here */
.grey1 {
    color: #101010;
}

.grey2 {
    color: #1B1B1B;
}

.line-16 {
    line-height: 16px;
}

.line-17 {
    line-height: 17px;
}

.align-top {
    vertical-align: top;
}

.mar-l-40 {
    margin-left: 40px;
}

div.notification-Text p.warning-triangle-icon {
    padding-left: 45px;
    padding-bottom: 0;
    background-position: 30px 16px;
    border-radius: 10px !important;
    text-align: left;
    padding-bottom: 0;
}

    div.notification-Text p.warning-triangle-icon span span {
        margin-left: 10px;
    }

    div.notification-Text p.warning-triangle-icon span {
        margin-bottom: 15px;
    }

@media only screen and (max-width:768px) {
    div.notification-Text p.warning-triangle-icon span span {
        font-size: 14px;
        line-height: 20px;
    }

    .mobile-pad {
        margin-left: 15px;
        margin-top: 10px;
    }

    .mar-l-40 {
        margin-left: 15px;
        margin-top: 10px;
    }

    div.notification-Text p.warning-triangle-icon {
        padding-bottom: 1px;
        padding-left: 35px;
        background-position: 20px 16px;
    }

        div.notification-Text p.warning-triangle-icon span.mobile-block {
            display: block !important;
            margin-left: 15px;
        }

        div.notification-Text p.warning-triangle-icon span.mobile-pad {
            display: block !important;
            margin-left: 5px;
            letter-spacing: 0.01em;
        }
}
/* MDTV 3003 code ends here */
.contact-info-block {
    background: #f2f2f2;
    padding: 10px 20px;
    margin-top: 10px;
    border-radius: 14px;
    text-align: left;
}

    .contact-info-block .phone-no {
        vertical-align: middle;
    }

    .contact-info-block .info-text {
        line-height: 20px;
    }

/*//MDTV-3001 code starts herer*/

.something-went-wrong-page .link-color {
    color: #0073AE;
}

@media only screen and (max-width: 768px) {
    .main-content .button.thanku-btn {
        padding: 15px 30px !important;
    }

    .something-went-wrong-page {
        padding: 20px !important;
    }

    .MIDIRECTVHomeLink .reactivate-upper-section {
        display: none;
    }

    .reactivate-plan .offer-banner.purple-curve {
        height: auto;
        background-position: bottom right;
        background-size: 100% auto;
    }
}
/* MDTV-3001 code ends here*/
/* MDTV 3005 code starts here */
.line-40 {
    line-height: 40px;
    color: #101010;
}

div.clflex-reactivate-suscription-item-box.redesign-thanku-page .data-header {
    font-size: 16px;
    line-height: 23.2px;
    color: #1b1b1b;
    margin-top: 15px;
    margin-bottom: 30px;
}

a.gotostart {
    font-size: 14px;
    line-height: 20px;
    display: block;
    margin-top: 10px;
    letter-spacing: 0.01em;
    font-weight: 600;
}

div.clflex-reactivate-suscription-item-box.redesign-thanku-page .disclaimer {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.2px;
    padding: 0;
}

.btn.reactivar-plan {
    width: 192px;
    margin: 0 auto;
}

.redesign-thanku-page.mobile-content .align-top span {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 700;
    margin-left: 5px;
}

.lunesContent {
    font-size: 12px;
    line-height: 16px;
    text-align: left;
}

.contactContent {
    margin-left: 25px;
    margin-bottom: 10px;
}

.bajaTv-nooffer .helperContent {
    background: #f2f2f2;
    width: 244px;
    margin: 0 auto;
    border-radius: 14px;
    padding: 10px 0;
    text-align: left;
}

.bajaTv-nooffer a.gotostart {
    margin-top: 40px;
}

.bajaTv-nooffer .data-header {
    margin-bottom: 0 !important;
}

@media only screen and (min-width:768px) and (max-width:1024px) {
    .reactivation-thanku-page {
        width: 65%;
    }
}

@media only screen and (max-width:768px) {
    .redesign-thanku-page.mobile-content {
        height: 580px;
    }

    .bajaTv-nooffer .lunesContent {
        margin-left: 30px;
    }
}
/* MDTV 3005 code ends here */
/*MDTV 3058 code starts here*/
.servicios {
    margin-bottom: 20px;
    margin-top: 20px;
    font-family: "DIRECTVCurve Regular";
    font-weight: bold;
}

    .servicios > span {
        padding-bottom: 10px;
        display: block;
        font-size: 18px;
        line-height: 21.6px;
        color: #101010;
    }

    .servicios .pbusection {
        width: 100%;
        margin: 0 auto;
    }

.pbuContent span b {
    font-size: 20px;
    line-height: 24px;
}

span.pbu-text {
    padding-top: 10px;
    display: inline-block;
}

.pbuContent {
    font-size: 14px;
    line-height: 19.95px;
    width: 415px;
    padding: 10px 0 20px 20px;
}

.pbusectionLeft .pbuimage, .pbusectionLeft .pbuContent {
    display: inline-block;
    vertical-align: middle;
    color: #000000;
}

.columns.small-3.pbusectionRight {
    padding-top: 35px;
}

@media only screen and (max-width:768px) {
    .pbusectionLeft.mobileWidth, .pbusectionRight.mobileWidth {
        width: 100%;
        display: block;
        margin: 0 auto;
    }

    .row.pbusection.existing-plan-box {
        text-align: center;
    }

    .pbuContent {
        width: 85%;
        margin: 0 auto;
        text-align: center;
        padding-left: 0;
        padding-bottom: 0;
    }

    .pbusectionRight.mobileWidth {
        padding-bottom: 30px;
    }

    .pbuimage {
        padding: 10px 0;
    }

    .pbuContent br {
        display: none;
    }

    .pbuContent span {
        display: inline;
    }

        .pbuContent span b {
            font-size: 14px;
            line-height: 19.5px;
        }

        .pbuContent span:after {
            content: ":";
            margin-right: 5px;
        }
}
/*MDTV 3058 code ends here*/


/*MDTV-3051 code starts here*/
.show-for-large.show-for-all-resolution {
    display: block !important;
}

@media only screen and (max-width:768px) {
    .show-for-large.show-for-all-resolution {
        display: none !important;
    }

    .font-20-mobile {
        font-size: 20px !important;
    }
}
/*MDTV-3051 code ends here*/

/*MDTV 3017 code starts here */
div#facturacionBillingSection div#expiryTableContent {
    clear: both;
}

div#facturacionBillingSection.changePaymentSectionWidth div.row.paymentSection {
    background: #ffffff;
}

#expiryTableContent .center-content {
    width: 520px;
    margin: 0 auto;
}


.CO div.misTabContentSection div.misTabContentTable table {
    width: 100%;
    font-style: normal;
}

div#expiryTableContent div.misTabContentSection div.misTabContentTable div#infoMessage p {
    line-height: 19px;
}

.CO div.misTabContentSection div.misTabContentTable div#infoMessage p {
    line-height: 19px;
    font-style: normal;
    color: #101010;
}


body.CO div.misTabContentSection div.misTabContentTable table#misFacturas tr td span#expirationSpan, body.CO div.misTabContentSection div.misTabContentTable table#misFacturas tr td #totalSpan {
    line-height: 14px;
    font-size: 12px !important;
    color: #101010;
    text-transform: uppercase;
}

.CO div.misTabContentSection div.misTabContentTable table tr td span#expDate, body.CO div.misTabContentSection div.misTabContentTable table#misFacturas tr td span#totalAmount, .CO div.misTabContentSection div.misTabContentTable table tr td span#descargar {
    font-size: 14px;
    line-height: 17px;
    color: #101010;
}

body.CO div.misTabContentSection div.misTabContentTable table tr td a {
    font-size: 14px;
    line-height: 17px;
    color: #0073AE;
}

div#facturacionBillingSection.coBilling .sectionLeft, div#facturacionBillingSection.coBilling div.sectionRight.largeScreen {
    margin-top: 1em;
}

body.CO div.misTabContentSection div.misTabContentTable div.misFacturasDiv {
    width: 520px;
    margin: 0 auto;
    float: none;
}

body.CO div#misPagosEmptySpace #infoMessage {
    display: block !important;
    width: 520px;
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
}

.mispagosContent .mispagesDate, .mispagosContent .mispagesAmount {
    display: block;
    color: #101010;
    font-size: 14px;
    line-height: 16.8px;
    text-align: left;
}

.misPagosDetails {
    width: 300px;
}

.misPagosTick {
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.mispagosContent.directv-curve-medium {
    display: inline-block;
    vertical-align: top;
}

.misPagosTick img {
    padding-top: 5px;
}

.misPagosContainer {
    width: 85%;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 45px;
    display: block;
    margin: 0 auto;
}

.CO div#misPagosEmptySpace {
    width: 520px;
    padding: 0;
}

div#misPagosEmptySpace.error-msg {
    width: 315px;
    margin-top: 17px;
}

@media only screen and (max-width:768px) {
    div #facturacionBillingSection div.sectionBottom.mobileView div.misFacturas {
        font-size: 24px;
        line-height: 28.8px;
    }

    .CO div.hideTableSection span#customerId {
        font-style: normal;
    }

    div#facturacionBillingSection.changePaymentSectionWidth.largeScreen {
        display: block !important;
    }

    body.CO div.misTabContentSection div.misTabContentTable div.misFacturasDiv, body.CO div#misPagosEmptySpace #infoMessage {
        width: auto;
    }

    .CO div.misTabContentSection.mobileView div.misTabContentTable table#misFacturas tr td {
        text-align: left;
        padding-bottom: 12px;
    }

    .CO div.misTabContentSection div.misTabContentTable table {
        margin-bottom: 0;
    }

    .CO div.misTabContentSection.mobileView div.misTabContentTable table#misFacturas tr td#descargar {
        text-align: center;
        padding-bottom: 20px;
    }

    .CO div#misPagosEmptySpace {
        padding: 0;
        width: 100%;
    }

    .CO div.misTabContentSection div.misTabContentTable table#misPagos {
        width: 100%;
        margin-bottom: 20px;
    }
}
/*MDTV 3017 code ends here */

/* MDTV 3016 code start here */
div.misTabContentSection div.misTabContentTable table#misMovimientos tr td#emptyTd {
    padding: 0;
}

table#misMovimientos.updateMovimientos {
    font-style: normal;
    font-size: 19px;
    line-height: 22.8px;
}

div#facturacionBillingSection.coBilling div.sectionBottom.largeScreenView ul li a {
    font-style: normal;
}

body.CO table#misMovimientos.updateMovimientos span#serviceTermination, body.CO table#misMovimientos.updateMovimientos span#serviceName {
    font-size: 14px;
    line-height: 16.8px;
}

.misMovimientoDiv table#misMovimientos.updateMovimientos span#serviceName {
    color: #A3A3A3;
}

table#misMovimientos.updateMovimientos td#amount {
    font-size: 14px;
    line-height: 16.8px;
    color: #101010 !important;
}

.CO div.misTabContentSection div.misTabContentTable div.misMovimientosDiv {
    margin: 0 auto;
    float: none;
    right: 0 !important;
}

body.CO div.misTabContentSection div.misTabContentTable table#misMovimientos tr td span#serviceName {
    color: #A3A3A3;
}

body.CO table#misMovimientos.updateMovimientos thead tr th, body.CO div.misTabContentSection div.misTabContentTable table#misMovimientos tr td span#serviceTermination {
    color: #101010 !important;
}

body.CO div.misTabContentSection div.misTabContentTable div#infoMessage1 p {
    line-height: 19.2px;
    font-style: normal;
}

table#misMovimientos.updateMovimientos .accordionBody tr {
    border-bottom: 1px solid #f2f2f2;
}

div.misTabContentSection div.misTabContentTable table#misMovimientos.updateMovimientos thead tr th {
    padding-left: 0;
}

@media only screen and (max-width:768px) {
    div#facturacionBillingSection div.sectionBottom div.misFacturas, div#facturacionBillingSection div.sectionBottom div.misMovimientos, div#facturacionBillingSection div.sectionBottom div.misPagos {
        font-style: normal;
    }

    div#channel5, div#channel6 {
        display: none;
    }
}

/* MDTV 3016 code ends here*/
/*MDTV-3051 code ends here*/

/*MDTV-3055 code starts here*/
div#divUsernameupdate .M_page {
    margin-top: 5px;
}

div#divUsernameupdate .sub-text {
    margin-bottom: 15px;
}

.grey-background div#divUsername {
    padding-bottom: 0;
    padding-top: 24px;
}
/*MDTV-3055 code ends here*/
/*MDTV-3051 code ends here*/
/*MDTV-3006 code starts here*/
/*** Purple and blue banner code **/
.offer-banner {
    background-image: url(../images/purple-curve.png) !important;
    background: #5C2D91;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: right bottom;
    padding: 20px 20px 20px 25px;
    border-radius: 16px;
    color: #ffffff;
    padding-bottom: 15px !important;
}

.offer-banner2 {
    background-image: url(../images/orange-curve.png) !important;
    background: #F89C1B;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: right bottom;
    padding: 20px 18px 20px 23px;
    border-radius: 16px;
    color: #ffffff;
    padding-bottom: 15px !important;
    border: 2px solid #8F00FF;
}

.banner-title {
    color: #B72DCE;
    font-size: 12px;
}

.conoce-mas-button {
    background: #B72DCE !important;
    color: white !important;
}

.reactivate-plan-text {
    line-height: 19.2px;
}

.reactivate-plan .discount-text {
    font-size: 20px;
    line-height: 28px;
}

    .reactivate-plan .discount-text .button.buy {
        border-radius: 24px;
        font-size: 14px !important;
        text-align: center;
        width: 278px;
        margin: 0 auto !important;
    }

.userBillingInfoSection .reactivate-plan .offer-banner {
    width: 270px !important;
}


.reactivate-plan-text.font-16 .discount-text div {
    line-height: 28px;
}

.discount-text .button.buy {
    border-radius: 24px;
    font-size: 14px !important;
    line-height: 20px;
    width: auto;
    margin-bottom: 12px !important;
    margin-top: 15px !important;
    padding: 14px 108px;
}

.reactivar-plan-subtext {
    letter-spacing: 0.015em;
    line-height: 12px;
    width: 100%;
}

span.main-text {
    color: #FFC60B;
}

.pad-0 {
    padding: 0 !important;
}

span.plan-detail {
    line-height: 32px;
    display: inline !important;
}

.reactivate-plan, .plan-timings span {
    line-height: 24px;
}

.plan-banner {
    background-color: #1B2C5D;
    border-radius: 10px;
    color: #ffffff;
}

.plan-timings span {
    color: #ffffff;
}

.plan-banner .reactivate-plan {
    margin-bottom: 5px;
    width: 52%;
}

.plan-banner {
    border-radius: 10px;
    color: #ffffff;
    width: 100%;
    padding: 35px 25px 35px 40px;
    background-image: url(../images/states.png),url(../images/blue-curve-1.png),url(../images/blue-curve.png);
    background-position: 95% 45px,right bottom,right bottom;
    background-repeat: no-repeat,no-repeat,no-repeat;
}

.plan-timings > span {
    margin-right: 10px;
}

span.plan-contact {
    display: inline;
}

@media only screen and (max-width:768px) {
    .plan-banner .reactivate-plan {
        width: 100%;
        padding: 0px !important;
    }

    span.number-underline {
        text-decoration: underline;
    }

    .plan-banner {
        background-image: url(../images/blue-curve-1.png),url(../images/blue-curve.png);
        background-position: right top;
        padding: 30px 20px;
        background-size: 85% 100%;
        padding-right: 10px;
        padding-left: 13px;
    }

    .discount-text .button.buy {
        width: 278px;
        padding: 10px 80px;
    }

    .discount-text .button.buy {
        margin-bottom: 3px !important;
    }
}

.offer-banner .reactivate-plan-text .main-text {
    color: #FFC60B;
}

.offer-banner .reactivate-plan-text .sub-text {
    color: #fff;
    font-family: " IBM Plex Sans", sans-serif;
}

.line-20 {
    line-height: 20px;
}

.padding-left-55 {
    padding-left: 55px !important;
}

.height-auto {
    height: auto !important;
}
/*** Purple and blue banner code ****/
/*MDTV-3006 code ends here */
/** MDTV_3054 code starts here **/
.rightpanel-header.directv-curve-medium {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
    font-style: normal;
    padding: 20px;
    width: 96%;
    margin: 0 auto;
    float: none;
}

.rightpanel-header > span {
    padding-bottom: 15px;
    display: block;
    border-bottom: 1px solid #ECEFF1;
}

div#facturacionBillingSection.coBilling .sectionRight.accordion {
    font-style: normal;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div.content {
    padding-top: 0;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div.content {
    padding-top: 0;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionTen div#sectionTenDetails div.contentLeft {
    /*padding-left: 0 !important;*/
    font-style: normal;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne .billing-redesign-text-right, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo .billing-redesign-text-right, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo .billing-redesign-text-right,
div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo .billing-redesign-text-right, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo .billing-redesign-text-right, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionSevenAccordionBodyNew div#divContentTwo .billing-redesign-text-right, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionMobileSevenAccordionBodyNew div#divContentTwo .billing-redesign-text-right, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSevenAccordionBody div#divContentTwo .billing-redesign-text-right, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSevenAccordionBodyMobile div#divContentTwo .billing-redesign-text-right {
    position: relative;
    left: -12px;
    font-family: 'DIRECTVCurve Regular';
    padding: 5px;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionHead div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionHead div.contentRight {
    line-height: 20px;
    text-transform: capitalize;
    background: none;
    color: #00AEEF;
    padding: 0;
    font-size: 14px;
}

div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionFour, div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionFive, div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionSix, div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionSeven, div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionEight, div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionNine, div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionTen, div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionEleven {
    width: 90%;
    margin: 0 auto;
    float: none;
}

div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionTen {
    width: 95% !important
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionHead, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionHead, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionHead, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSixAccordionHead {
    border: 0;
    padding: 0;
    height: auto;
    margin: 5px 0;
    font-style: normal;
}

    div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionHead .contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionHead .contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew .contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSixAccordionHead .contentLeft {
        background: none;
        padding: 0;
    }

div#facturacionBillingSection.coBilling div#divContentOne {
    line-height: 20px;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionHead .contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionHead .contentRight {
    color: #5C2D91;
    line-height: 20px;
    font-size: 14px;
    text-transform: capitalize;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionHead .contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionHead .contentRight {
    color: #F58220;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 20px;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew .contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew .contentRight {
    color: #F58220;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 20px;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSixAccordionHead .contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSixAccordionHead .contentRight {
    color: #005993;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 20px;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew .contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionSevenAccordionHeadNew .contentRight {
    color: #63BE36;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 20px;
    padding-right: 0px; /*MDTV-3296*/
    font-style: normal;
}

.billing-redesign-text-left-summary, .billing-redesign-text-right {
    font-size: 14px;
    line-height: 20px;
}

div#facturacionBillingSection.coBilling div.sectionRight .billing-redesign-text-right {
    color: #333333;
    font-style: normal;
}

div#facturacionBillingSection.coBilling div.sectionRight.largeScreen div.sectionTen div#sectionTenDetails {
    background: #f9f9f9 !important;
    height: 5em !important;
    padding-left: 0;
    margin-top: 10px;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionNine div#sectionNineDetails, div#facturacionBillingSection.coBilling div.sectionRight div.sectionNine div#sectionNineDetails div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEight div#sectionEightDetails, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEight div#sectionEightDetails div.contentLeft {
    padding-left: 3px !important;
    line-height: 20px;
    font-style: normal;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionEight div#sectionEightDetails {
    margin-bottom: 10px;
    margin-top: 10px;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionNine div#sectionNineDetails div.contentLeft {
    padding-bottom: 7px;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionTen div#sectionTenDetails .billing-redesign-text-left-summary #dueDate {
    font-size: 12px;
    line-height: 14.4px;
    display: block;
    color: #101010;
    font-weight: 400;
    margin-top: 3px;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSevenAccordionBody div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSevenAccordionBodyMobile div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionMobileSevenAccordionBodyNew div#divContentTwo div.contentLeft {
    line-height: 20px;
    font-size: 14px;
    padding: 5px 0px 5px 0px;
    font-family: 'DIRECTVCurve Regular';
    font-style: normal;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionSevenAccordionBodyNew div#divContentTwo, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#sectionMobileSevenAccordionBodyNew div#divContentTwo, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSevenAccordionBody div#divContentTwo, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSevenAccordionBodyMobile div#divContentTwo {
    border-bottom: 1px solid #ECEFF1;
    padding: 0 !important;
    line-height: 20px;
    font-size: 14px;
    padding: 5px 0px 5px 0px;
    font-family: 'DIRECTV Curve Regular';
    font-style: normal;
}

body.CO div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead {
    border-bottom: 0;
}

    body.CO div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead div.contentRight {
        color: #005993;
        line-height: 35px;
    }

body.CO div#differencebtwInvoices div.amountSpaninModal div.totalDifference {
    color: #101010;
    font-size: 14px;
}

@media only screen and (max-width:768px) {
    div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentRight, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentTwo div.contentRight, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentThree div.contentRight {
        font-size: 14px;
        font-style: normal;
    }

    div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionBody div#divContentOne div.contentRight, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionBody div#divContentTwo div.contentRight, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionFive div#sectionFiveAccordionBodyMobile div#divContentTwo div.contentRight, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo div.contentRight, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo div.contentRight, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSeven div#sectionSevenAccordionBodyMobile div#divContentTwo div.contentRight {
        font-size: 14px;
        font-style: normal;
        padding-left: 0;
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    }

    div#facturacionBillingSection div.sectionRight div.sectionSix div#sectionSixAccordionBodyMobile div#divContentTwo .small-5.columns.contentRight.text-right {
        padding-right: 15px;
    }

    div#facturacionBillingSection.coBilling div.sectionRight div.sectionTen div#sectionTenDetails div.contentRight {
        font-style: normal;
    }

    .rightpanel-header.directv-curve-medium {
        width: 100%;
        padding: 0;
    }

    .rightpanel-header > span {
        padding-top: 5px;
        padding-left: 15px;
    }

    div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionHead {
        margin-top: 20px;
    }

        div#facturacionBillingSection.coBilling div.sectionRight div.sectionFour div#sectionFourAccordionHead div.contentRight {
            width: 39%;
            margin-right: 16px;
        }
}
/** MDTV_3054 code ends here **/
/*** MDTV-3053 code starts here*/
#facturacionBillingSection.coBilling .billing-redesign-text-left-summary a {
    font-size: 14px;
    line-height: 20px;
    color: #005993 !important;
    font-weight: 500 !important;
    font-style: normal;
    border-radius: 10px;
    border: 1px solid #D1D9DD !important;
    width: 267px;
    padding: 6px 0;
    background-image: url(../images/mask-group.png);
    background-repeat: no-repeat;
    background-position: center right;
}


    #facturacionBillingSection.coBilling .billing-redesign-text-left-summary a.mobile-button {
        font-size: 14px;
        line-height: 20px;
        color: #005993 !important;
        font-weight: 500 !important;
        font-style: normal;
        border-radius: 10px;
        border: 1px solid #D1D9DD !important;
        width: 94%;
        padding: 6px 0;
        background-image: url(../images/mask-group.png);
        background-repeat: no-repeat;
        background-position: center right;
    }


#facturacionBillingSection.coBilling .billing-redesign-text-left-summary span.right-arrow {
    content: " ";
    background-image: url(../images/blue-union.svg);
    background-repeat: no-repeat;
    width: 27px;
    height: 20px;
    background-position: 10px 7px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.titleDescription {
    width: 296px;
    height: 24px;
    left: 724px;
    top: 300px;
    font-family: 'DIRECTVCurve Bold';
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    display: inline-block;
    align-items: center;
    padding-top: 32px;
    color: #333333;
    font-weight: bold;
}

.lineSection {
    border-bottom: 1px solid #dcdcdc !important;
    padding-bottom: 20px;
}


#facturacionBillingSection.coBilling .billing-redesign-text-left-summary span.proxima-factura {
    background-image: url(../images/proxima-factura.svg);
    background-repeat: no-repeat;
    background-position: center right;
    width: 42px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

#facturacionBillingSection.coBilling .billing-redesign-text-left-summary span.comparar-factura {
    background-image: url(../images/comparar-factura.svg);
    background-repeat: no-repeat;
    background-position: center right;
    width: 42px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

#facturacionBillingSection.coBilling .billing-redesign-text-left-summary span.comparar-factura-disable {
    background-image: url(../images/disabled-icon.png);
    background-repeat: no-repeat;
    background-position: center right;
    width: 42px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
}

div#facturacionBillingSection.coBilling div#nextmonth-bill div.row {
    padding-top: 0;
    margin-left: 0px;
}

div#facturacionBillingSection.coBilling div#nextmonth-bill a.reveal-popup-close-icon-billing {
    top: -10px;
    right: 15px;
}

div#facturacionBillingSection.coBilling div#nextmonth-bill div#nextMonthBillHeadingTwo {
    padding-top: 0;
}

div#facturacionBillingSection.coBilling div#nextmonth-bill {
    height: auto;
    overflow: auto;
}

    div#facturacionBillingSection.coBilling div#nextmonth-bill h6.nextMonthBillHeadingTwo {
        padding: 5px 0;
        font-size: 16px;
    }

    div#facturacionBillingSection.coBilling div#nextmonth-bill div.sectionNextBill div.nextBillSectionSix div#nextMoth-BillTotal div.contentLeft span#nextBillTotalPartTwo {
        color: #101010;
        font-size: 14px;
        line-height: 17px;
        vertical-align: middle;
        display: inline-block;
    }

    div#facturacionBillingSection.coBilling div#nextmonth-bill h4.nextMonthBillHeading {
        line-height: 36px;
        color: #101010;
    }

    div#facturacionBillingSection.coBilling div#nextmonth-bill p.nextMonthBillDetail {
        font-size: 14px;
        line-height: 17px;
    }

    div#facturacionBillingSection.coBilling div#nextmonth-bill div.sectionNextBill div.nextBillSectionSix div#nextMoth-BillTotal div.contentLeft i#nextBillTotalIcon {
        background-image: url(../images/warning-icon.svg);
        background-size: 100% auto;
        height: 40px;
        display: inline-block;
        margin-right: 10px;
        vertical-align: middle;
    }

.sectionRight.accordion .sectionButton {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    float: left;
}

.sectionRight.accordion .sectionButton {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    float: left;
}

    .sectionRight.accordion .sectionButton.proximoButton {
        width: 42.5%;
    }

    .sectionRight.accordion .sectionButton.comparaButton {
        width: 43%;
    }

#facturacionBillingSection.coBilling .sectionButton.comparaButton .billing-redesign-text-left-summary a {
    width: 298px;
}

.coBilling div#nextmonth-bill div.sectionNextBill div {
    color: #000000;
    font-size: 12px;
    line-height: 14px;
    height: auto;
}

    .coBilling div#nextmonth-bill div.sectionNextBill div.nextBillSectionSix {
        padding: 0;
    }

div#nextmonth-bill div.sectionNextBill div.nextBillSectionSix div#nextMoth-BillTotal {
    border-radius: 8px;
}

.coBilling div#nextmonth-bill div.sectionNextBill div.nextBillAccordionHead div.contentLeft, .coBilling div#nextmonth-bill div.sectionNextBill div.nextBillAccordionHead div.contentRight {
    padding-left: 0px;
    padding-top: 15px;
}

.coBilling div#nextmonth-bill div.sectionNextBill div div.nextBillAccordionBody {
    height: auto;
    padding-top: 15px;
}

.coBilling div#facturacionBillingSection.coBilling div#nextmonth-bill {
    min-height: 550px;
    overflow: auto;
}

body.CO div#differencebtwInvoices {
    /*height: auto; MDTV-3296*/
    overflow-y: auto;
    overflow-x: hidden;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    /* min-height: auto;
    max-height: initial;
    position: absolute;
    top: 30% !important;*/
}

@media only screen and (min-width:1024px) {
    .coBilling div#nextmonth-bill {
        height: auto;
        overflow-y: auto;
        overflow-x: hidden;
        min-height: auto;
        max-height: initial;
        /* position: absolute; 
        /*top: 5% !important; MDTV-3296 */
        top: 12% !important;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%, -10%);
        -moz-transform: translate(-50%, -10%);
    }
}

@media only screen and (max-width:768px) {
    body.CO div#differencebtwInvoices {
        margin-left: 0;
    }

    div #facturacionBillingSection.coBilling div#nextmonth-bill div.sectionNextBill div.mobileNextBillTotal {
        padding: 0;
    }

    div#facturacionBillingSection.coBilling #nextBillSectionOne, div#facturacionBillingSection.coBilling #nextBillSectionTwo, div#facturacionBillingSection.coBilling #nextBillSectionThree, div#facturacionBillingSection.coBilling #nextBillSectionFour {
        padding: 0 5px;
    }

    div#facturacionBillingSection.coBilling div#nextmonth-bill a.reveal-popup-close-icon-billing {
        top: -7px;
        right: -30px;
    }

    div#facturacionBillingSection.coBilling div#nextmonth-bill div.sectionNextBill div.mobileNextBillTotal div#nextMoth-BillTotal div.mobileviewNextBillIcon i#nextBillTotalIcon {
        background-image: url(../images/warning-icon.svg);
    }


    .sectionButtonProximo {
        margin: 30px 0px 15px 0px;
        padding: 0;
    }

        .sectionButtonProximo .removepad {
            padding: 0;
        }
}
/** MDTV-3053 code ends here **/
/** MDTV-3052 code starts here **/
body.CO div#differencebtwInvoices h3.mainHeading {
    line-height: 36px;
    color: #101010;
}

body.CO div#differencebtwInvoices p.description {
    font-size: 14px;
    line-height: 17px;
    color: #222222;
}

body.CO div#differencebtwInvoices div.amountSpaninModal div.ultimaFactura, body.CO div#differencebtwInvoices div.amountSpaninModal div.faccturaAnterior {
    font-size: 14px;
    line-height: 17px;
    color: #101010;
}

body.CO div#differencebtwInvoices div.bottomSection div.diffrenceComparedToPreviousMonthHeadOne {
    font-size: 10px;
    line-height: 12px;
}

body.CO div#differencebtwInvoices h5.subHeading {
    font-size: 16px;
    line-height: 19px;
    color: #222222;
}

body.CO div#differencebtwInvoices div.bottomSection div.itemwithIncremental span.channelReason, body.CO div#differencebtwInvoices div.bottomSection div.itemwithDecremental span.channelReason, body.CO div#differencebtwInvoices div.bottomSection div.itemwithIncremental span.channelTitle, body.CO div#differencebtwInvoices div.bottomSection div.itemwithDecremental span.channelTitle {
    font-size: 12px;
    color: #000000;
    line-height: 14px;
}

body.CO div#differencebtwInvoices div.bottomSection div.diffrenceComparedToPreviousMonthHeadTwo {
    font-size: 10px;
    line-height: 12px;
}

body.CO div#differencebtwInvoices div.bottomSection div.billdeferenceAmntTwo {
    color: #448325;
    font-size: 12px;
    line-height: 14px;
}

body.CO div#ProximoErrorPopup p {
    line-height: 24px;
    font-style: normal;
}

div#ProximoErrorPopup .row.infoModalData {
    font-style: normal;
}

body.CO div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead div.contentLeft {
    background: none;
    text-transform: capitalize;
    padding: 0;
    font-style: normal;
}

body.CO div#facturacionBillingSection div.sectionRight div.sectionSeven div#sectionSevenAccordionHead {
    padding: 0;
    margin-top: 0;
    height: auto;
}

body.CO iv#facturacionBillingSection div.sectionRight.mobileView div.sectionSeven div#sectionSevenAccordionHead div.contentRight {
    font-style: normal;
    color: #005993;
}

body.CO div#facturacionBillingSection div.sectionRight.mobileView div.sectionSeven div#sectionSevenAccordionHead div.contentRight {
    font-style: normal;
    color: #005993;
}

body.CO div#facturacionBillingSection div.sectionRight div.sectionFive div.content, body.CO div#facturacionBillingSection div.sectionRight div.sectionSix div.content, body.CO div#facturacionBillingSection div.sectionRight div.sectionEleven div.content, body.CO div#facturacionBillingSection div.sectionRight div.sectionSeven div.content {
    font-style: normal;
}

#facturacionBillingSection.coBilling .billing-redesign-text-left-summary .disabled-design span.right-arrow {
    background-image: url(../images/grey-arrow.png);
}

#facturacionBillingSection.coBilling .billing-redesign-text-left-summary .disabled-design span.proxima-factura {
    background-image: url(../images/disabled-icon.svg);
}

body.CO .main-design {
    font-family: 'DIRECTVCurve regular';
    font-style: normal;
    line-height: 20px;
    padding-right: 70px;
}



@media only screen and (max-width:768px) {
    .sectionButtonProximo .removepad {
        padding: 0;
        text-align: center;
    }

    .mobileView.sectionButtonCompara {
        padding: 0;
    }

    .mobileView.sectionButtonProximo .billing-redesign-text-left-summary {
        padding: 0px !important;
        text-align: center;
    }

    .mobileView.sectionButtonCompara {
        padding: 0;
        margin-top: 5px;
    }

        .mobileView.sectionButtonCompara .contentLeft.billing-redesign-text-left-summary {
            padding: 0 !important;
            text-align: center;
        }

    #facturacionBillingSection.coBilling .billing-redesign-text-left-summary a {
        margin: 0 auto;
    }
}
/** MDTV-3052 code ends here **/

/** MDTV-3037 code starts here */
body.CO div#nav.pagination, body.CO div#nav.pagination a {
    font-size: 19px;
    line-height: 23px;
    font-style: normal;
    color: #101010;
}

    body.CO div#nav.pagination a:hover, body.CO div#nav.pagination a.active {
        background: #00AEEF 0% 0% no-repeat padding-box;
        color: #ffffff;
    }

body.CO div.misTabContentSection div.misTabContentTable table#misMovimientos tr td#emptyTd {
    display: none;
}

body.CO table thead#expDate {
    background: transparent;
}

@media only screen and (max-width:768px) {
    body.CO div#nav.smallerScreen {
        margin-top: 70px;
    }

    body.CO div.misTabContentSection div.misTabContentTable table#misMovimientos tr td#emptyTd {
        display: none;
    }

    body.CO table#misMovimientos.updateMovimientos.misMovimientosMob thead {
        margin-top: 20px;
        display: table;
    }
}
/** MDTV-3037 code ends here */
/*MDTV-3030 code starts*/
body.CL .xsell-banner.show-for-large {
    display: block !important;
    background: none;
    position: absolute;
    top: -3px;
    padding-left: 28px;
}

body.CL .xsell-banner .offer-section {
    width: 250px;
}

body.CL .xsell-banner.show-for-large .main-text {
    font-size: 20px;
    line-height: 24px;
}

body.CL .mobileImage {
    display: none;
}

@media only screen and (max-width:768px) {
    body.CL .desktopImage {
        display: none;
    }

    body.CL .mobileImage {
        display: block;
        width: 100%;
        height: auto;
    }

    .mb-offer-section .main-text {
        line-height: 24px;
    }

    body.CL .mb-xsell-banner {
        background: none;
        position: absolute;
        top: 30px;
    }

        body.CL .mb-xsell-banner .mb-offer-section {
            width: 77%;
        }

    body.CL .xsell-banner.show-for-large {
        display: none !important;
    }

        body.CL .xsell-banner.show-for-large .main-text {
            font-size: 27px;
            line-height: 32px;
        }
}
/*MDTV-3030 code ends*/
/** MDTV-3089 code Starts here */
.showallButton, .showlessButton {
    font-family: "IBM Plex Sans", sans-serif;
    color: #0073AE;
    font-size: 14px;
    line-height: 20px;
    display: block;
    cursor: pointer;
    text-align: center;
    clear: both;
    margin: 0 auto;
    background: rgba(0, 115, 174, 0.05);
    width: 100%;
    padding: 10px;
}

.contentPackage {
    padding: 20px 15px;
    display: inline-block;
}

.additional-plan-box.show-more-content {
    padding: 0;
}

.showallButton:after {
    content: " ";
    background-image: url(../images/arrow_down.png);
    width: 25px;
    height: 8px;
    display: inline-block;
    background-position: 6px 0px;
    background-repeat: no-repeat;
}

.showlessButton:after {
    content: " ";
    background-image: url(../images/arrow_up.png);
    width: 25px;
    height: 8px;
    display: inline-block;
    background-position: 6px 0px;
    background-repeat: no-repeat;
}

@media only screen and (max-width:768px) {
    .showallButton, .showlessButton {
        margin-top: 30px;
        float: none;
        display: inline-block;
    }

    body.AR .main-content .contentPackage .new-reveal-modal.plan-y-paquetes-modal .close-new-reveal-modal {
        top: 30px;
    }

    body.AR .contentPackage .new-reveal-modal.plan-y-paquetes-modal {
        margin-left: 0;
    }
}
/** MDTV-3089 code ends here */
/*** MDTV-3234 code starts here*/
.historyText {
    width: 65%;
}

    .historyText .historial-pqr-page .page-header {
        line-height: 36px;
    }

span.questionIcon {
    margin-right: 10px;
}

.historial-pqr-page .secondary-btn {
    line-height: 17px;
}

.questionSection {
    font-size: 16px;
    line-height: 19px;
    color: #101010;
    margin-bottom: 40px;
}

.main-content .historial-pqr .button.primary-btn {
    color: #0972AE;
    line-height: 18px;
    border-color: #0972AE;
}

.historyButton {
    width: 35%;
}

@media only screen and (max-width:768px) {
    .historial-pqr .button-section {
        width: 100%;
    }
}

/*** MDTV-3234 code ends here*/
/**MDTV-3087 code starts here*/
.something-went-wrong-page p, .something-went-wrong-page div {
    float: none !important;
}

@media only screen and (max-width:768px) {
    body.AR div.clflex-reactivate-suscription-item-box.redesign-thanku-page {
        height: auto;
    }
}
/**MDTV-3087 code ends here*/
/** MDTV-3066 code starts here **/
.fullServiceContent, .serviceWrapper {
    font-family: "DIRECTVCurve Regular";
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    color: #101010;
}

.fullServiceContent {
    width: 490px;
    margin: 0 auto;
    font-family: "DIRECTVCurve Bold";
    text-align: center;
    padding-top: 20px;
}

ul.serviceWrapper {
    width: 60%;
    margin: 0 auto;
    text-align: left;
    padding: 20px 0;
}

.popup-img.mobileFSimage {
    display: none;
}

body.AR p.notification-text-border.warning-triangle-icon.fsmodal {
    padding-bottom: 0px;
    background-position: 28px 18px;
}

.directv-curve-regular.font-14.pad-l-10.grey1.line-17.display-block.fsmodal {
    margin-bottom: 3px;
    line-height: 17px;
    padding-left: 4px;
}

@media only screen and (max-width: 760px) {
    body.AR p.notification-text-border.warning-triangle-icon.fsmodal {
        padding-bottom: 0px;
        background-position: 20px 18px;
    }
}

@media only screen and (max-width: 480px) {
    .fullServiceContent {
        padding: 10px 20px 0 20px;
        width: 100%;
    }

        .fullServiceContent ul.serviceWrapper {
            list-style-type: circle;
            margin: 0 auto;
            width: 90%;
        }

    .directv-curve-regular.font-14.pad-l-10.grey1.line-17.display-block.fsmodal {
        margin-bottom: 3px;
        line-height: 17px;
        padding-left: 4px;
    }

    .directv-curve-regular.font-12.grey2.line-16.inline-display-block.mar-l-40.mobile-block.fsmodalmsg {
        margin-top: -10px;
        margin-left: 2px;
    }

    .directv-curve-medium.font-12.grey2.line-16.inline-display-block.align-top.pad-l-10.mobile-pad.fsmodalno {
        margin-left: -6px;
    }

    .new-reveal-modal.plan-y-paquetes-modal.plan-y-paquetes.nopadding.premium-popup.fsmobile {
        margin-top: -100px;
    }

    body.AR p.notification-text-border.warning-triangle-icon.warnbox {
        background-position: 20px 18px;
    }
}

@media only screen and (max-width: 480px) {
    .popup-img.desktopFSimage {
        display: none;
    }

    .popup-img.mobileFSimage {
        display: block;
        width: 100%;
    }
}
/** MDTV-3066 code ends here **/
/*MDTV-3090 code starts here*/
.premium-popup .modalTitle {
    position: absolute;
    bottom: 30px;
    font-size: 25px;
    color: #ffffff;
    line-height: 24px;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-align: center;
    margin: 0 auto;
    width: 100%;
}

.main-content .additional-plan-box .datos-link {
    font-family: 'IBM Plex Sans' !important;
    line-height: 20px;
    letter-spacing: 0.01em;
}

a#ott-current-payment-method-cancelar-button {
    font-family: 'Poppins', sans-serif;
    color: #0073AE;
    background: transparent;
    padding: 0.75em 3em;
    line-height: 20px;
    border-color: #0073AE;
    font-size: 14px;
    line-height: 20px;
    border-radius: 25px;
}

/*div#singlechannel {
    width: 100%;
}*/

.contentPackage {
    padding: 0px 15px;
    display: inline-block;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10px;
}
/*MDTV-3090 code ends here */

/*MDTV-3002 code starts here*/
body.AR div.notification-Text p.warning-triangle-icon {
    background-image: url(../images/warning_ico_blackbg.png) !important;
    padding-bottom: 10px;
    background-position: 30px 18px;
}

body.AR .redirect-reactivation {
    width: 980px;
    margin: 0 auto;
}

    body.AR .redirect-reactivation .reactivate-upper-section {
        margin-left: 0;
    }

body.AR div.notification-Text p.warning-triangle-icon span {
    line-height: 20px;
}

body.AR div.notification-Text span.warning-text {
    margin-left: 6px;
    line-height: 20px;
}

body.AR div.notification-Text p.warning-triangle-icon .warning-subtext {
    margin-left: 6px;
}

body.AR .reactivate-plan {
    margin: 0 auto;
    float: none;
}

body.AR .reactivate-upper-section {
    margin-left: 13.8%;
}

body.AR .warning-content {
    width: 635px;
    margin: 0 auto;
}

@media only screen and (max-width:767px) {
    body .AR div.notification-Text p.warning-triangle-icon .warning-subtext {
        margin-left: 0px;
    }

    body.AR .warning-content {
        width: 100%;
    }

    body.AR div.notification-Text p.warning-triangle-icon {
        padding-left: 45px;
    }

        body.AR div.notification-Text p.warning-triangle-icon span.miplanContent {
            margin: 0 auto;
        }

        body.AR div.notification-Text p.warning-triangle-icon .warning-text, body.AR div.notification-Text p.warning-triangle-icon .warning-subtext {
            display: inline-block;
            margin-bottom: 5px;
        }

    .toastContainterContracts {
        color: black;
        float: none;
        width: 100%;
        z-index: 100;
        margin-left: 5px;
        margin-right: 5px;
        position: fixed;
        margin-top: -18%;
    }
}
/*MDTV-3002 code ends here*/
/*MDTV-3259 code starts here*/
body.AR .xsell-banner.show-for-large .sub-text {
    font-size: 14px;
    line-height: 22px;
}

body.AR .xsell-banner .offer-section {
    margin-top: -25px;
}

body.AR .xsell-banner .sub-text, .mb-offer-section .sub-text {
    color: #FBC205;
    font-size: 21px;
}

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


    body.AR .xsell-banner.show-for-large .main-text {
        font-size: 24px;
    }
}

@media only screen and (min-width: 36.313em) {
    body.AR .xsell-banner.show-for-large {
        display: block !important;
        width: 530px;
        /*font-size: 24px;*/
    }
}
/*MDTV-3259 code ends here*/
/*MDTV-3240 code starts here*/
.miplanRedesign div.prepaidOfferPopupModal h2.prepaidConfirmOfferHeading {
    font-weight: 500;
    font-size: 30px;
    line-height: 36px;
    text-transform: none;
}

.miplanRedesign #greyDivDisneyPlan {
    background-color: #f3f3f3;
}

    .miplanRedesign #greyDivDisneyPlan span {
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
    }

.miplanRedesign div#disneyPlusConfirmModal div#contratacion-bluediv .disneyContent {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    color: #5C2D91;
    text-transform: none;
}

div#disneyPlusConfirmModal div#contratacion-bluediv span#disneyPlusQuieres {
    color: #5C2D91;
}

div#disneyPlusConfirmModal div#contratacion-bluediv span {
    color: #101010;
}

.miplanRedesign div#disneyPlusConfirmModal div#divcontratacionText {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.015em;
    color: #333333;
}

div#disneyPlusConfirmModal div#contratacion-bluediv, div#disneyPlusConfirmModal #greyDivComboPlanUpgrade {
    background: #ECDCFF;
    margin-bottom: 0;
}

div#disneyPlusConfirmModal #greyDivComboPlanUpgrade {
    background-color: #F3F3F3;
}

div#divConfirmDisneyPlus #termsChk {
    color: #333333;
    width: 24px;
    height: 24px;
    left: 0px;
    top: 0px;
    border: 2px solid #838383;
    vertical-align: middle;
    border-radius: 4px;
    display: inline-block;
}

#contratacionModal.miplanRedesign div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus.btnDisneyPlusDisabled {
    color: #838383 !important;
    background: #DCDCDC !important;
    border-radius: 24px;
    text-transform: capitalize;
    display: block;
    font-family: 'Poppins', sans-serif;
    width: 279px;
    text-align: center;
    padding: 15px 15px 12.5px 0px !important;
    padding-right: 0 !important;
    float: right;
    font-size: 14px;
    font-weight: 600;
}

div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyComboBtn a.btnDisneyCombo, span.gray-box__third-line__update.service-cancelled-thank-you-page__link a.cancelPlanButton {
    border-radius: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600 !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    border: none;
    color: #0073AE !important;
    width: 221px;
    margin: 0;
    display: inline-block;
    padding: 12px 15px;
    text-align: center;
    text-transform: capitalize;
    background: #FFFFFF;
    border: 2px solid #0073AE;
}

    div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyComboBtn a.btnDisneyCombo, span.gray-box__third-line__update.service-cancelled-thank-you-page__link a.cancelPlanButton.transparent-background {
        background-color: transparent !important;
    }

#divConfirmDisneyPlus .legalText {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #101010;
}

    #divConfirmDisneyPlus .legalText a {
        color: #0073AE;
        text-decoration: underline;
    }

.miplanRedesign div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyComboBtn, .miplanRedesign div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyComboBtn, div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn {
    padding: 1.2em 0;
    display: inline-block;
    width: auto;
}

body.AR .main-content div#contratacionModal, body.AR .main-content div#contratacionErrorModal {
    padding-bottom: 10px !important;
    padding-top: 20px !important;
}

.miplanRedesign div#disneyPlusConfirmModal a.closePrepaidOfferModal {
    font-size: 42px;
    top: 0.5em;
    right: 0.8em;
}

div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn .btnDisneyPlus {
    text-transform: capitalize;
}

#contratacionModal div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus, .blueButton {
    border-radius: 24px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #fff;
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%) !important;
    width: 279px;
    margin: 0;
    display: inline-block;
    border: 0 !important;
    padding: 14px 15px;
    text-align: center;
    text-transform: capitalize;
    float: right;
}

section.disneyplus-thank-you-page.thankyouBlock .offer-approval-header {
    color: #101010;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    margin: 0 auto;
    width: 708px;
    font-family: 'DIRECTVCurve Medium';
    padding-bottom: 20px;
}

section.disneyplus-thank-you-page a.btnConfirm.blueButton {
    color: #ffffff;
    text-transform: none;
    font-family: 'Poppins', sans-serif !important;
    border-radius: 24px;
    width: 310px;
    display: block;
    text-align: center;
    margin: 0 auto;
    float: none;
    padding: 12px 0;
    font-size: 14px;
    letter-spacing: 0.01em;
    font-weight: 500;
    font-style: normal;
    line-height: 20px;
}

.thankyouSubContent p {
    line-height: 24px;
}

.thankyouSubContent .aditional-padding-30 {
    float: none;
    padding-top: 0;
}

.service-cancelled-thank-you-page__header {
    text-align: center;
}

.service-cancelled-thank-you-page-new-CO__header {
    text-align: justify;
}

section.disneyplus-thank-you-page.thankyouBlock {
    margin: 0 auto;
    width: 100%;
    background-color: #E5E5E5;
}

.thankyouWrapper img.pair-image-center {
    margin: 0 auto;
    display: block;
}

.thankyouWrapper {
    background: #ffffff;
    width: 708px;
    margin: 0 auto;
    border-radius: 10px;
    padding-top: 45px;
}


section.disneyplus-thank-you-page.thankyouBlock {
    margin: 0 auto;
}

.thankyouWrapper img.pair-image-center {
    margin: 0 auto;
    display: block;
}

.thankyouSubContent {
    width: 567px;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1b1b1b;
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif !important;
}

h4.disneyplus-thankyoupage-header {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #222222;
    font-family: 'DIRECTVCurve Medium', "Helvetica Neue", Arial, sans-serif !important;
}

.thankyouFinalText {
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #222222;
    font-family: 'DIRECTVCurve Regular', "Helvetica Neue", Arial, sans-serif !important;
}

.queresSection, .service-cancelled-thank-you-page__footer {
    width: 708px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    background: transparent;
    float: none;
}

.queresSection {
    text-align: center;
}

.service-cancelled-thank-you-page__footer {
    padding: 0;
}

    .service-cancelled-thank-you-page__footer .service-cancelled-thank-you-page__link {
        padding-top: 15px;
    }

.thankyouBlock span.gray-box__third-line__update.service-cancelled-thank-you-page__link a.cancelPlanButton {
    background: transparent;
    letter-spacing: 0.01em;
    text-transform: none;
}

img.pair-image-center.desktop-image {
    display: block;
}

.miplanRedesign .halfBreak {
    height: auto;
}

div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn.center {
    padding-bottom: 1.2em;
}

img.pair-image-center.mobile-image {
    display: none;
}

img.close-new-reveal-modal.black-arrow {
    font-size: 42px;
    top: 1.5em;
    right: 0.8em;
}

div#divConfirmDisneyPlus.disneyContent {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #101010;
    font-family: 'DIRECTVCurve Light', "Helvetica Neue", Arial, sans-serif !important;
}

    div#divConfirmDisneyPlus.disneyContent span a {
        text-decoration: underline;
    }

div#contratacionModalUpgrade.miplanRedesign {
    padding-bottom: 10px !important;
}

div#divConfirmDisneyPlus.disneyContent #termsChk + span {
    font-weight: 400;
    font-size: 16px !important;
    line-height: 24px;
    color: #101010;
    font-family: 'DIRECTVCurve Light', "Helvetica Neue", Arial, sans-serif !important;
}

div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus.btnDisneyPlusDisabled, .miplanRedesign div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus {
    border-radius: 24px;
    background: #DCDCDC;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    text-transform: capitalize;
    width: 221px;
    display: block;
    margin: 0 auto;
}

.miplanRedesign div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%);
}

.buttonOrderChange .closeModalButton {
    left: -50px;
    right: auto;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #0073AE !important;
    top: auto;
    position: relative !important;
    top: 15px !important;
}

.buttonOrderChange .center a.closeModalButton {
    display: inline-block !important;
    left: -200px;
}

.buttonOrderChange a.closeModalButton {
    display: none;
}

#clflex-reactivate .clflex-reactivation-header {
    font-weight: 600;
}

div#disneyPlusConfirmModal div.contratacion-greydiv span.DisneyPlanName {
    text-transform: capitalize;
}

body.UY .titlePaddingRemove, body.CL .titlePaddingRemove, body.PE .titlePaddingRemove {
    padding-left: 0 !important;
}

body.UY .thankyouSubContent {
    width: 480px;
}

section.disneyplus-thank-you-page .divStarPlus-in-desktop a.btnConfirm.addtional-padding-responsive {
    background: #FFC60B;
    color: #101010;
}

section.disneyplus-thank-you-page a.btnConfirm.addtional-padding-responsive, section.disneyplus-thank-you-page .thankyouSubContent a.btnConfirm, section.disneyplus-thank-you-page a.btnConfirm {
    border-radius: 24px;
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%);
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    width: 221px;
    display: block;
    letter-spacing: 0.01em;
    margin: 0 auto;
    width: 310px;
    padding: 14px 0 !important;
}

.thankyouSubContent .aditional-padding-30.centerDisney a.btnConfirm {
    border-radius: 24px;
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%);
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    width: 221px;
    display: block;
    letter-spacing: 0.01em;
    margin: 0 auto;
    width: 310px;
    padding: 14px 0 !important;
}

section.disneyplus-thank-you-page .centerStar a.btnConfirm {
    background: #FFC60B;
    color: #ffffff;
    border-radius: 24px;
    border-radius: 24px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    width: 221px;
    display: block;
    letter-spacing: 0.01em;
    margin: 0 auto;
    width: 310px;
    padding: 14px 0 !important;
}

.thankyouSubContent .centerDisney {
    width: 100%;
}

body.AR .service-cancelled-thank-you-page__footer .service-cancelled-thank-you-page__link.link4 {
    padding-top: 0;
}

.service-cancelled-thank-you-page__footer.comboNewButton {
    display: inline;
}

    .service-cancelled-thank-you-page__footer.comboNewButton a.cancelPlanButton {
        border: 0 !important;
    }

body.AR .pad-l-15.large-8.columns.aditional-padding-0-left-desktop {
    padding-left: 0 !important;
}

#thankyouWithActivation {
    padding-bottom: 30px;
}

.ott-current-payment-method-error-form-subtitle .data-header {
    font-size: 16px !important;
    line-height: 24px;
}

section.disneyplus-thank-you-page.thankyouBlock #thankyouWithActivation .offer-approval-header {
    width: 45%;
    margin: 0 auto;
}

div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn.center i#confirmPurchaseSpinner {
    width: 220px;
}

@media only screen and (max-width:767px) {
    div #disneyPlusConfirmModal div.contratacion-greydiv {
        padding: 1.5em;
        margin: 0;
        width: 100%;
    }

    div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn.center i#confirmPurchaseSpinner {
        width: auto;
    }

    .thankyouSubContent .aditional-padding-30.divStarPlus-in-desktop.centerStar {
        display: block;
        padding-bottom: 15px;
    }

    .thankyouSubContent .aditional-padding-30.centerDisney {
        padding-bottom: 20px;
    }

    .buttonOrderChange .closeModalButton, .buttonOrderChange .center a.closeModalButton {
        display: none !important;
    }

    #disneyPlusConfirmModal h2.prepaidConfirmOfferHeading {
        font-size: 30px;
        line-height: 36px;
    }

    #divConfirmDisneyPlus .legalText a span.checkboxLegal {
        margin-left: 30px;
    }

    div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyComboBtn a.btnDisneyCombo, .miplanRedesign div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus.btnDisneyPlusDisabled, div#disneyPlusConfirmModal div#contratacion-bluediv {
        width: 100%;
    }

    div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn {
        margin: 0;
    }

    #contratacionModal div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus {
        width: 100%;
        padding: 15px 15px 15px 0px !important;
    }

    div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn {
        padding-bottom: 0;
    }

    .thankyouBlock span.gray-box__third-line__update.service-cancelled-thank-you-page__link.link4 a.cancelPlanButton {
        width: 210px !important;
    }

    .buttonOrderChange {
        display: flex;
        flex-direction: column;
        clear: both;
    }

        .buttonOrderChange .divConfirmDisneyComboBtn {
            order: 2;
        }

        .buttonOrderChange .divConfirmDisneyBtn {
            order: 1;
        }

    #contratacionModal.miplanRedesign div#disneyPlusConfirmModal div#divConfirmDisneyPlus div.divConfirmDisneyBtn a.btnDisneyPlus.btnDisneyPlusDisabled {
        width: 100%;
        padding-bottom: 15px !important;
    }

    .thankyouWrapper {
        width: 93%;
        margin: 0 auto;
        padding-top: 0;
    }

    .thankyouSubContent {
        width: 80%;
        margin: 0 auto;
    }

    img.pair-image-center.desktop-image {
        display: none;
    }

    img.pair-image-center.mobile-image {
        display: block;
        padding-top: 65px;
    }

    section.disneyplus-thank-you-page.thankyouBlock .offer-approval-header, .queresSection, .service-cancelled-thank-you-page__footer {
        width: 85%;
    }

    section.disneyplus-thank-you-page a.btnConfirm.blueButton, section.disneyplus-thank-you-page a.btnConfirm.addtional-padding-responsive, section.disneyplus-thank-you-page .thankyouSubContent a.btnConfirm, section.disneyplus-thank-you-page a.btnConfirm {
        width: 280px !important;
    }

    .thankyouSubContent .aditional-padding-30 {
        padding-bottom: 55px;
    }

    .thankyouBlock span.gray-box__third-line__update.service-cancelled-thank-you-page__link a.cancelPlanButton {
        width: 100%;
    }

    section.disneyplus-thank-you-page.thankyouBlock #thankyouWithActivation .offer-approval-header {
        width: 87%;
        margin: 0 auto;
    }
}
/*MDTV-3240 code ends here*/
/*MDTV 3237 code starts here*/
.mainTextPremium {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #333333
}

.subTextPremium {
    font-size: 24px;
    line-height: 25px;
    font-weight: 500;
    color: #5C2D91;
}

.mainTextContrataste {
    font-family: 'DIRECTV Curve';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    color: #333333
}

.subTextContrataste {
    font-family: 'DIRECTV Curve';
    font-size: 24px;
    line-height: 25px;
    font-weight: 500;
    background-color: #5C2D91;
}

.hbo-offer-text-color {
    font-family: 'DIRECTV Curve';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #5C2D91;
    float: left;
    width: 90%;
}

.packages p:empty {
    display: none;
}

@media only screen and (max-width:767px) {
    .hbo-offer-text-color {
        margin-bottom: 5px !important;
        display: block;
    }
}
/*MDTV 3237 code ends here */
/*MDTV-3238 code starts here*/
.confirmarTuDirectv .confirmarTitle, .confirmarTuDirectv .confirmarText {
    color: #101010 !important;
}

.innerBlock .confirmarTitle, .innerBlock .confirmarText {
    font-size: 24px !important;
    line-height: 36px !important;
    color: #101010 !important;
}

.innerBlock .confirmarTitle {
    font-weight: 500 !important;
}

.innerBlock .confirmarText {
    font-size: 16px !important;
    font-family: "IBM Plex Sans", sans-serif !important;
}

div#userBillingInfoSection div.sectionFive div.innerBlock {
    padding: 30px 40px;
}

.installationAddress {
    border: 2px solid #00AEEF;
    border-radius: 10px;
    padding: 23px 24px;
}

.tuDireccion {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 5px;
}

.tuDireccionSubContent {
    background-color: #F2F2F2;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    padding: 15px 27px;
    border-radius: 5px;
}

.paraCambair {
    margin-top: 30px;
}

.paraContent, .llamanosContent {
    font-size: 14px;
    line-height: 17px;
}

.paraContent {
    margin-bottom: 3px;
}

.button-section .confirmaTuButton.remotecontrolButton {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%);
    border-radius: 24px !important;
    border: 0;
    font-family: 'Poppins', sans-serif !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-transform: none;
    width: 220px;
}

a.plan-button-blue.confirmaTuCorrectButton {
    color: #0073AE !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-transform: none;
    border: 0;
    letter-spacing: 0.01em !important;
    font-family: 'Poppins', sans-serif !important;
    padding-left: 0 !important;
}

#userBillingInfoSection .circle {
    background: transparent !important;
}

#userBillingInfoSection .activeOne {
    background-image: url(../images/one-icon.png) !important;
    width: 28px;
    height: 27px;
    display: block;
    left: -12px !important;
    bottom: 10px !important;
}

#userBillingInfoSection .activeTwo {
    background-image: url(../images/numbers-two.png) !important;
    width: 32px !important;
    height: 33px !important;
    background-color: #e5e5e5 !important;
    display: block;
    left: -12px !important;
    bottom: 6px !important;
    border: 0;
    position: relative;
}

#userBillingInfoSection .inactiveThree {
    background-image: url(../images/three-icon.png) !important;
    border: 0;
    width: 28px !important;
    height: 27px !important;
    background-color: #F2F2F2 !important;
}

#userBillingInfoSection .inactiveTwo {
    background-image: url(../images/two-icon.png) !important;
    border: 0;
    width: 28px !important;
    height: 27px !important;
    background-color: #F2F2F2 !important;
}

@media only screen and (max-width:767px) {
    div#userBillingInfoSection div.sectionFive div.innerBlock {
        padding: 10px 20px !important;
    }

    .innerBlock .confirmarText {
        line-height: 24px !important;
        width: 85%;
    }
}
/*MDTV-3238 code ends here*/

/*MDTV-3241 code Start here*/
body.AR div.misTabContentSection div.misTabContentTable div.misFacturasDiv {
    width: 520px;
    margin: 0 auto;
    float: none;
}


.AR div.misTabContentSection div.misTabContentTable table tr td span#expDate, body.AR div.misTabContentSection div.misTabContentTable table#misFacturas tr td span#totalAmount, .AR div.misTabContentSection div.misTabContentTable table tr td span#descargar {
    font-size: 14px;
    line-height: 17px;
    color: #101010;
}

body.AR div.misTabContentSection div.misTabContentTable table#misFacturas tr td span#expirationSpan, body.AR div.misTabContentSection div.misTabContentTable table#misFacturas tr td #totalSpan {
    line-height: 14px;
    font-size: 12px !important;
    color: #101010;
    text-transform: uppercase;
}

.AR div.misTabContentSection div.misTabContentTable div#infoMessage p {
    line-height: 19px;
    font-style: normal;
    color: #101010;
}


body.AR div#misPagosEmptySpace #infoMessage {
    display: block !important;
    width: 520px;
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
}


.AR div#misPagosEmptySpace {
    width: 520px;
    padding: 0;
}

.AR div#misMovimientosDesktopEmptySpace, .AR div#misFacturasDesktopEmptySpace, .AR div#misPagosEmptySpace {
    color: #0073AE;
    width: 305px;
    margin: 0 auto;
    padding-bottom: 20px;
    font-style: normal;
    line-height: 24px;
}


.AR div.misTabContentSection div.misTabContentTable table#misPagos {
    width: 75%;
    margin: 0 auto;
}

.AR div.misTabContentSection div.misTabContentTable table {
    width: 100%;
    font-style: normal;
}

.nextBillSectionSix.desktopNextBillTotal {
    background: #F3F3F3;
    border-radius: 0 0 10px 10px;
    padding-bottom: 30px;
}

div#nextMoth-BillTotal {
    background-color: #ffffff;
    padding: 10px 10px 10px 10px;
    font-family: 'DIRECTVCurve Regular';
    font-size: 14px;
    font-style: normal;
    color: #222222;
    line-height: 20px;
    border-radius: 10px;
}

    div#nextMoth-BillTotal .contentRight {
        text-align: right;
    }

div#nextmonth-bill div.sectionNextBill {
    border-radius: 10px 10px 0 0;
}

span#nextBillTotalPartOne {
    text-transform: uppercase;
    font-family: 'DIRECTVCurve Medium';
}

div#nextMoth-BillTotal .contentLeft #nextBillTotalPartTwo {
    font-size: 12px;
}

#nextMoth-BillTotal i#nextBillTotalIcon {
    content: "";
    display: inline-block;
    height: 12px;
    width: 20px;
    background-size: 12px;
    padding-bottom: 11px;
    background-repeat: no-repeat;
    background-position: left;
    background-image: url('../images/nextBillTotalIcon.png');
}
/*MDTV-3241 code ends here*/
/*MDTV-3241 code Start here*/
body.CL div.misTabContentSection div.misTabContentTable div.misBoletasDiv {
    width: 520px;
    margin: 0 auto;
    float: none;
}

.CL div.misTabContentSection div.misTabContentTable table tr td span#expDate, body.CL div.misTabContentSection div.misTabContentTable table#misFacturas tr td span#totalAmount, .CL div.misTabContentSection div.misTabContentTable table tr td span#descargar {
    font-size: 14px;
    line-height: 17px;
    color: #101010;
}

body.CL div.misTabContentSection div.misTabContentTable table#misFacturas tr td span#expirationSpan, body.CL div.misTabContentSection div.misTabContentTable table#misFacturas tr td #totalSpan {
    line-height: 14px;
    font-size: 12px !important;
    color: #101010;
    text-transform: uppercase;
}

.CL div.misTabContentSection div.misTabContentTable div#infoMessageDeskView p {
    line-height: 19px;
    font-style: normal;
    color: #101010;
}


body.CL div#misPagosEmptySpace #infoMessageDeskView {
    display: block !important;
    width: 520px;
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
}


.CL div#misPagosEmptySpace {
    width: 520px;
    padding: 0;
}

.CL div#misMovimientosDesktopEmptySpace, .CL div#misFacturasDesktopEmptySpace, .CL div#misPagosEmptySpace {
    color: #0073AE;
    width: 305px;
    margin: 0 auto;
    padding-bottom: 20px;
    font-style: normal;
    line-height: 24px;
    margin-top: 30px;
}




.CL div.misTabContentSection div.misTabContentTable table {
    width: 100%;
    font-style: normal;
}

/*MDTV-3241 code ends here*/

/*MDTV-3292 code starts here*/
.adjustDesign .service-cancelled-thank-you-page__header .offer-approval-header {
    font-family: "DIRECTVCurve Medium";
    font-style: normal;
    font-weight: 400;
    font-size: 32px;
    line-height: 40px;
    text-align: center;
    color: #101010;
    padding-bottom: 30px;
}

.serviceCancelledWrapper {
    width: 708px;
    margin: 0 auto;
    background-color: #ffffff;
    text-align: center;
    border-radius: 10px;
}


    .serviceCancelledWrapper .dadodebajaImage, .serviceCancelledWrapper .errorHandleImage {
        padding-top: 25px;
    }

    .serviceCancelledWrapper .service-cancelled-thank-you-page__content.offer-approval-body {
        font-family: 'DIRECTV Curve';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        letter-spacing: 0.2px;
    }

    .serviceCancelledWrapper .service-cancelled-thank-you-page__content.offer-approval-body {
        width: 463px;
        margin: 0 auto;
        font-family: 'DIRECTV Curve';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        padding: 30px 0 10px 0;
        letter-spacing: 0.2px;
        color: #333333;
    }

    .serviceCancelledWrapper .service-cancelled-thank-you-page__footer .offer-approval-link .cancelPlanButton {
        color: #0073AE !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        text-transform: none;
        letter-spacing: 0.01em !important;
        font-family: 'Poppins', sans-serif !important;
        padding-left: 0 !important;
        border-radius: 10px;
        border: 1px solid #0073AE;
        background: #ffffff;
    }

    .serviceCancelledWrapper .service-cancelled-thank-you-page__footer {
        padding-bottom: 40px;
    }

    .serviceCancelledWrapper span.gray-box__third-line__update.offer-approval-link {
        padding-top: 0;
    }

    .serviceCancelledWrapper .service-cancelled-thank-you-page__footer span.gray-box__third-line__update.offer-approval-link a.cancelPlanButton {
        color: #0073AE !important;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 20px !important;
        text-transform: none;
        letter-spacing: 0.01em !important;
        font-family: 'Poppins', sans-serif !important;
        padding-left: 12px !important;
        border-radius: 25px !important;
        border: 1px solid #0073AE;
        background: #ffffff;
        width: 290px;
        display: block;
        margin: 0 auto;
    }

section.service-cancelled-thank-you-page.cancel1.adjustDesign {
    background: #E5E5E5;
    width: 100%;
    margin: 0 auto;
}

.service-cancelled-thank-you-page__header.errorPage {
    width: 531px;
    margin: 0 auto;
}

.serviceCancelledWrapper .service-cancelled-thank-you-page__content.offer-approval-body {
    width: 510px;
    margin: 0 auto;
}

.errorHandleImage {
    text-align: center;
    padding-top: 40px;
}

.serviceCancelledWrapper .errorHandleImage {
    padding-top: 40px;
}

.serviceCancelledWrapper .service-cancelled-thank-you-page__footer .offer-approval-link .cancelPlanButton {
    display: inline-block;
    width: 210px;
    margin-bottom: 40px;
}

.offer-approval-body.shaded-bg.radius.cancel_bg.pad-20 {
    margin-top: 15px;
    width: 708px;
    margin: 0 auto;
    margin-top: 15px;
    border-radius: 4px;
    line-height: 24px;
}

.serviceCancelledWrapper .service-cancelled-thank-you-page__content.offer-approval-body p {
    line-height: 20px;
}

span.gray-box__third-line__update.offer-approval-link {
    text-align: center;
    padding-top: 20px;
}

@media only screen and (max-width:767px) {
    .serviceCancelledWrapper, .adjustDesign .service-cancelled-thank-you-page__header, .offer-approval-body.shaded-bg.radius.cancel_bg.pad-20 {
        width: 100%;
    }

    .adjustDesign .service-cancelled-thank-you-page__header {
        width: 95%;
        margin: 0 auto;
    }

    .serviceCancelledWrapper .service-cancelled-thank-you-page__content.offer-approval-body {
        width: 273px;
        padding-top: 40px;
    }

        .serviceCancelledWrapper .service-cancelled-thank-you-page__content.offer-approval-body p {
            line-height: 24px;
        }

    .adjustDesign .service-cancelled-thank-you-page__header {
        padding-top: 0px;
    }

    .serviceCancelledWrapper section.service-cancelled-thank-you-page.cancel1.adjustDesign {
        margin: 0 auto;
    }

    .serviceCancelledWrapper .errorHandleImage {
        width: 216px;
        margin: 0 auto;
        padding-top: 40px;
    }

    section.service-cancelled-thank-you-page.pad-20.cancel1.adjustDesign .serviceCancelledWrapper .dadodebajaImage {
        width: 85%;
        margin: 0 auto;
    }

    .serviceCancelledWrapper .service-cancelled-thank-you-page__footer span.gray-box__third-line__update.offer-approval-link a.cancelPlanButton {
        margin-bottom: 0;
    }

    .serviceCancelledWrapper .service-cancelled-thank-you-page__footer {
        padding-bottom: 55px;
    }

    div#additional-plan-box {
        height: auto !important;
        padding-bottom: 20px;
    }
}
/*MDTV-3292 code ends here*/
/*MDTV-3242 code starts here*/
.align-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

/* Style the list */
ul.dtv-breadcrumb {
    list-style: none;
    margin-left: 0 !important;
    font-style: normal;
}

    /* Display list items side by side */
    ul.dtv-breadcrumb li {
        display: inline;
        margin-left: 0 !important;
        font-family: "IBM Plex Sans", "IBMPlexSans", Arial, sans-serif;
        font-size: 0.875rem;
        line-height: 1.25rem;
        letter-spacing: 0rem;
        font-weight: 400;
        color: #101010;
    }

        /* Add a slash symbol (/) before/behind each list item */
        ul.dtv-breadcrumb li + li:before {
            padding: 8px;
            color: #C1C1C1;
            content: ">";
        }

        /* Add a color to all links inside the list */
        ul.dtv-breadcrumb li a {
            color: #0073AE;
            text-decoration: none;
        }

            /* Add a color on mouse-over */
            ul.dtv-breadcrumb li a:hover {
                color: #01447e;
                text-decoration: underline;
            }

.svg-loader {
    display: flex;
    position: relative;
    align-content: space-around;
    justify-content: center;
}

.loader-svg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    fill: none;
    stroke-width: 5px;
    stroke-linecap: round;
    stroke: rgb(1, 170, 234);
}

    .loader-svg.bg {
        stroke-width: 8px;
        stroke: rgb(33, 33, 33);
    }

.animate {
    stroke-dasharray: 242.6;
    animation: fill-animation 1s cubic-bezier(1,1,1,1) 0s infinite;
}

@keyframes fill-animation {
    100% {
        stroke-dasharray: 40 242.6;
        stroke-dashoffset: 0;
    }

    50% {
        stroke-dasharray: 141.3;
        stroke-dashoffset: 141.3;
    }

    0% {
        stroke-dasharray: 40 242.6;
        stroke-dashoffset: 282.6;
    }
}

.downgradeContent, .downgradeSubContent {
    font-family: "DIRECTVCurve Regular";
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #333333;
}

.cancellation .bajaTv-nooffer {
    width: 463px;
    margin: 0 auto;
}

.downgradeContent, .downgradeSubContent {
    padding-top: 20px;
}

.downgradeSubContent {
    padding-bottom: 20px;
}

.cancellation .downgradeButton .gotostart {
    color: #0073AE !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-transform: none;
    letter-spacing: 0.01em !important;
    font-family: 'Poppins', sans-serif !important;
    padding-left: 0 !important;
    border-radius: 25px;
    border: 1px solid #0073AE;
    background: #ffffff;
    padding: 10px 0;
    margin: 0 auto;
    width: 210px;
}

section.service-cancelled-thank-you-page.COCancel .offer-approval-header, .service-cancelled-thank-you-page__header .offer-approval-header {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #101010;
}

section.service-cancelled-thank-you-page.COCancel.grey-background {
    width: 100%;
    background: #E5E5E5;
    padding-top: 25px;
}

section.service-cancelled-thank-you-page.grey-background.starbg {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
}

section.service-cancelled-thank-you-page.grey-background.starbgCO {
    width: 100%;
    margin: 0 auto;
    text-align: justify;
    padding-top: 30px;
    background-color: white;
}


section.service-cancelled-thank-you-page.grey-background.starbg span.offer-approval-header.directv-curve-medium {
    padding-bottom: 20px;
}

section.service-cancelled-thank-you-page.COCancel .offer-approval-body, section.service-cancelled-thank-you-page.new-grey-background .offer-approval-body {
    margin: 0 auto;
    width: 708px;
    text-align: center;
    background: #ffffff;
    border-radius: 10px;
    padding: 20px 0;
}

section.service-cancelled-thank-you-page.COCancel.grey-background .service-cancelled-thank-you-page__header {
    padding-bottom: 20px;
}

.service-cancelled-thank-you-page__content p.downgradeSubContent {
    padding-top: 0;
}

.service-cancelled-thank-you-page__content p.downgradeContent, .service-cancelled-thank-you-page__content p.downgradeSubContent {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    letter-spacing: 0.01em;
    color: #333333;
    margin-bottom: 0;
    /*width: 520px;*/
    width: 463px;
    padding-top: 20px;
}

.service-cancelled-thank-you-page__content.offer-approval-body .dadodebajaImage {
    margin-bottom: 15px;
}

.service-cancelled-thank-you-page__footer .button.simple, .service-cancelled-thank-you-page__footer .downgradeButton a {
    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #0073AE;
    width: 230px;
    border: 1px solid #0073AE;
    border-radius: 25px;
}

    .service-cancelled-thank-you-page__footer .button.simple:hover {
        color: #0073AE;
        border-color: #0073AE;
    }

section.service-cancelled-thank-you-page.new-grey-background {
    background: #E5E5E5;
    width: 100%;
    padding-bottom: 65px;
    padding-top: 30px;
}

    section.service-cancelled-thank-you-page.new-grey-background .offer-approval-body {
        margin-top: 15px;
    }

section.downgrade-thank-you-page.new-grey-background {
    background: #e5e5e5;
    width: 100%;
    padding-bottom: 50px;
}

    section.downgrade-thank-you-page.new-grey-background .service-cancelled-thank-you-page__header.downgrade {
        padding-bottom: 20px;
    }

.confirmarcontainer .flex-misdatos-subtext,
div#userBillingInfoSection.cambiodecontrolremoto .flex-misdatos-subtext, .revisatuContent .flex-misdatos-subtext {
    margin-top: 20px;
}

.small-12.medium-12.large-12.columns.sectionFive.nopadding {
    padding-top: 40px !important;
}

@media only screen and (max-width:767px) {
    .menuTop {
        display: none;
    }

    div#userBillingInfoSection.cambiodecontrolremoto .confirmarTuDirectv {
        width: 80%;
    }

    .cancellation .bajaTv-nooffer, section.service-cancelled-thank-you-page.COCancel .offer-approval-body, section.service-cancelled-thank-you-page.grey-background.starbg .offer-approval-body, section.service-cancelled-thank-you-page.new-grey-background .offer-approval-body {
        width: 90%;
        margin: 0 20px;
    }

        section.service-cancelled-thank-you-page.COCancel .offer-approval-body .dadodebajaImage, section.service-cancelled-thank-you-page.new-grey-background .offer-approval-body .dadodebajaImage {
            width: 85%;
            margin: 0 auto;
        }

    section.service-cancelled-thank-you-page.COCancel.grey-background {
        margin: 0;
        padding-top: 5px;
    }

        section.service-cancelled-thank-you-page.COCancel.grey-background .service-cancelled-thank-you-page__header, section.service-cancelled-thank-you-page.new-grey-background .service-cancelled-thank-you-page__header {
            width: 85%;
            margin: 0 auto;
            padding-top: 0;
        }

    .service-cancelled-thank-you-page__content p.downgradeContent, .service-cancelled-thank-you-page__content p.downgradeSubContent {
        width: 80%;
    }

    section.service-cancelled-thank-you-page.grey-background.starbg .offer-approval-body .dadodebajaImage {
        width: 90%;
        margin: 0 auto;
    }

    .service-cancelled-thank-you-page__header.test2 {
        width: 80%;
        margin: 0 auto;
        padding-bottom: 20px;
    }

        .service-cancelled-thank-you-page__header.test2 .offer-approval-header {
            margin-top: 10px;
        }

    section.service-cancelled-thank-you-page.grey-background.starbg {
        padding-top: 0;
    }

    section.service-cancelled-thank-you-page.new-grey-background {
        margin: 0;
    }

        section.service-cancelled-thank-you-page.new-grey-background .service-cancelled-thank-you-page__header {
            padding-bottom: 30px;
        }
}
/*MDTV-3242 code ends here*/

/*MDTV-3277 starts*/
.remotecancelarbtnsection {
    height: 42px;
    width: 220px;
    left: 0px;
    top: 0px;
    border-radius: 24px;
    display: flex;
    justify-content: center;
}

.remotecancelarbtn {
    width: 133px;
    height: 20px;
    /* Mobile - Desktop/Heading XS */
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    position: center;
    /* identical to box height, or 143% */
    letter-spacing: 0.01em;
    /* DIRECTV GO / Light Blue 800 */
    color: #0073AE;
}

#userBillingInfoSection .activeOne {
    left: -11px !important;
    bottom: 10px !important;
    position: relative;
}

.Remotelarge-5 {
    border-color: #DCDCDC;
}

h5.confirmarpedidotext.confirmtupedidosubtext {
    font-weight: 400 !important;
    font-family: 'DIRECTVCurve Regular' !important;
}

.innertupedido.selecciontopmargin.remoteTotalPagar .row .confirmarpedidotext {
    font-family: 'DIRECTVCurve Medium' !important;
}

.innertupedido.selecciontopmargin.remoteTotalPagar {
    display: block;
    padding: 20px 0 20px 0;
    height: auto;
}

    .innertupedido.selecciontopmargin.remoteTotalPagar div.row {
        padding-left: 30px;
    }

h2.confirmarpedidotext.row {
    font-size: 14px;
    line-height: 20px;
    padding-left: 20px;
}

h2.confirmarpedidotext.verasText {
    padding-left: 20px;
}

.revisaactiveTwo {
    background-image: url(../images/two-active-icon.png) !important;
    width: 24px;
    height: 24px;
    /*display: block;*/
    display: inline-block;
    left: -12px !important;
    bottom: 10px !important;
}

.white-remote-flex {
    display: flex;
    margin: 0 auto;
    margin-top: 15px;
    margin-left: 10.8333%;
    flex-direction: column;
    justify-content: center;
    /*align-items: center;*/
    padding: 34px 80px;
    gap: 22px;
    width: 952px;
    height: auto;
    /* DIRECTV/Neutral/White */
    background: #FFFFFF;
    border-radius: 10px;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
}

.paddingfix {
    padding: 0 80px;
}

.remote-submit-button {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%) !important;
    border-radius: 24px !important;
    width: 200px;
    height: 42px;
    padding: 14px 0 !important;
}

.mob-cancel-link-2 {
    display: none;
}

.cancel-remote-button {
    color: #0073AE !important;
    font-family: 'Poppins';
    text-align: left;
    margin-right: 52%;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.01em;
}

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

.remote-grey-flex {
    background: #F2F2F2;
    border-radius: 5px;
    padding: 30px 25px;
    height: auto;
}

.font-headings {
    font-family: 'DIRECTVCurve regular';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    /* identical to box height, or 150% */
    /* DIRECTV/Neutral/Black */
    color: #101010;
}

.errorSection .topErrorContent {
    padding-bottom: 10px;
}

.inicoButton {
    padding-top: 20px;
}

.errorTitleText {
    float: none;
    margin: 0 auto;
    width: 70%;
    padding-top: 30px;
    padding-bottom: 20px;
}

.errorSection {
    width: 567px;
    margin: 0 auto;
}

@media screen and (max-width:767px) {
    .white-remote-flex {
        width: 100%;
        margin-left: 0;
        padding: 27px 34px;
    }

    .errorTitleText, .errorSection {
        width: 100%;
    }

    .paddingfix {
        padding: 0;
    }

    .inicoButton {
        padding: 30px 0;
    }

    .mobileheadpadfix {
        padding: 0px;
        margin-left: -12px;
    }

    .mob-cancel-link-1 {
        display: none;
    }

    .mob-cancel-link-2 {
        display: block;
    }

    .cancel-remote-button {
        margin: 0;
    }

    .bread-crumb-container {
        display: none;
    }

    .mobilerightset {
        text-align: center !important;
    }
}

@media screen and (max-width:640px) {
    .margin-t-20 {
        margin-top: -22px;
    }
}
/*MDTV-3277 ends*/

/* MDTV-3282 starts*/
.remotecontrolbottonblock {
    height: 42px;
    width: 710px;
    left: 0px;
    top: 800.8935546875px;
    border-radius: 0px;
    padding-bottom: 100px;
}

.remotecontrolthankupagefull .remotecontrolbottonblock .remote-button {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%) !important;
    border-radius: 24px;
    text-transform: none;
    width: 234px;
}

.remotecontrolgrey-background {
    background: #f2f2f2;
}

.remotecontrolinnerremote-div {
    margin: 8px;
    padding: 10px 20px;
    background-color: #F2F2F2 !important;
    border-radius: 10px;
    margin-left: 0;
    font-size: 14px;
    line-height: 20px;
}

.remotecontrollinkblock {
    /* Auto layout */
    display: flex;
    flex-direction: row !important;
    align-items: center;
    padding: 0px;
    width: 89px;
    height: 20px;
    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0
}

.remotecontrolmidirectv {
    font-family: DIRECTV Curve;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
}

.remotecontrolthankupagefull {
    border-radius: 0px;
    /* Fin de flujo */
    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 23px;
    /*position: absolute;
    width: 710px;
    height: 842.89px;*/
    left: 479px;
    top: 209.21px;
}

.remotecontrolthankutitle {
    height: 40px;
    width: 708px;
    left: 0px;
    top: 0px;
    border-radius: 0px;
    width: 708px;
    height: 40px;
    font-family: 'DIRECTV Curve !important';
    font-style: normal;
    font-weight: 500;
    font-size: 32px !important;
    line-height: 40px;
    text-align: center;
    color: #101010;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.remotecontrolmainblock {
    padding: 50px 100px 30px 89px;
    background: #FFFFFF;
    border-radius: 10px;
}

.thankyoupic {
    border-radius: 0px;
    text-align: center;
}

.remotecontroltitle {
    border-radius: 0px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 20px;
}

.remotecontrolinnerremote-div {
    margin-bottom: 20px;
}

.remotepaddingfix {
    padding: 0 80px;
    float: left !important;
}

.innertextheading {
    width: 517.82px;
    height: 20px;
    /* Heading XS */
    font-family: 'DIRECTV Curve';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    /* identical to box height, or 143% */
    letter-spacing: 0.01em;
    /* DIRECTV/Neutral/Gray 900 */
    color: #1B1B1B;
    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
    //styleName: Heading XS;
    text-align: left;
}

.remotecontroldetailsblock {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 19px 38px;
    width: 518px;
    height: 190.89px;
    /* DIRECTV/Neutral/Gray 100 */
    background: #F2F2F2;
    border-radius: 10px;
    /* Inside auto layout */
    flex: none;
    order: 3;
    flex-grow: 0;
}

.remotecontroltrackingblock {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px 20px;
    /*gap: 8px;*/
    width: 515px;
    height: 90px;
    /* DIRECTV/Neutral/Gray 100 */
    background: #F2F2F2;
    border-radius: 13px;
    /* Inside auto layout */
    flex: none;
    order: 4;
    flex-grow: 0;
    /*margin-left:-40px;*/
}

alerticon {
    height: 24px;
    width: 24px;
    left: 0px;
    top: 3px;
    border-radius: 0px;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 2px;
    top: 2px;
    background: #00AEEF;
}

.numerodetracking {
    height: 30px;
    width: 242px;
    left: 20px;
    top: 15px;
    border-radius: 0px;
}

.remote_thankyoutextbold p {
    font-size: 20px;
    height: 30px;
    width: 242px;
    left: 20px;
    top: 15px;
    border-radius: 0px;
}

.remotepaddingfix {
    padding: 0;
    float: left !important;
    /* width: 65%;*/
    width: 870px;
    margin-top: 40px;
}

.remote_thankyoutextbold, .remotecontrol_subtexts {
    padding: 0 !important;
}

.innertextblocktwotracking {
    font-family: DIRECTV Curve;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.015em;
    text-align: left;
    //styleName: Heading 2XS;
    font-family: DIRECTV Curve;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.015em;
    text-align: left;
    color: #000000;
}

.remote_thankyoutextbold {
    font-size: 12px;
    line-height: 16px;
    display: flex;
    align-items: center;
    letter-spacing: 0.015em;
    color: #000000;
}

.innertextblocktwotrackingmsg {
    height: 32px;
    width: 479px;
    border-radius: 0px;
    margin-top: 10px;
    font-size: 12px;
    line-height: 16px;
    font-family: 'DIRECTVCurve Regular';
    letter-spacing: 0.015em;
    color: #101010;
}

h1.remotecontrolthankutitle {
    font-size: 32px;
    line-height: 30px;
}

.remotepaddingfix span.remote_thankyoutextbold {
    display: inline;
}

.remotecontrolWhatsapp {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #1b1b1b;
    margin-top: 20px;
    text-align: center;
}

.left.remote-button a {
    color: #ffffff;
}

.remotecontrolWhatsapp a {
    font-family: "IBM Plex Sans", sans-serif;
}

.remotecontrolWhatsapp {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #1b1b1b;
    margin-top: 30px;
    text-align: center;
}

.left.remote-button a {
    color: #ffffff;
}

.remotecontrolWhatsapp a img {
    margin-left: 5px;
}

body.AR .remotecontrolmainblock {
    padding-bottom: 60px;
}

@media only screen and (max-width:767px) {
    .remotecontrolWhatsapp {
        line-height: 18px;
        margin-top: 40px;
    }

    .remotecontroltrackingblock {
        height: 120px;
    }

    .remotepaddingfix {
        display: none;
    }

    h1.remotecontrolthankutitle {
        width: 90%;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .innertextheadingg {
        margin-top: 10px;
    }

    .remotecontrolgrey-background {
        background: #f2f2f2;
        width: 95%;
        margin: 0 auto;
    }

    .remotecontrolmainblock {
        padding: 0;
        height: auto;
        padding-bottom: 40px;
    }

    .remote_thankyoutextbold.remote_thankyoutextbold {
        display: block;
        margin-bottom: 10px;
    }

    .remotecontroltrackingblock.enunos {
        width: 90%;
        display: block;
        margin: 0 auto;
        margin-top: 15px;
        height: auto;
        padding-bottom: 65px;
    }

    .thankyoupic {
        width: 90%;
        margin: 0 auto;
        padding-top: 30px;
    }

    .remotecontroltitle {
        width: 90%;
        margin: 0 auto;
    }

    .remotecontrolinnerremote-div {
        width: 90%;
        margin: 0 auto;
        margin-top: 10px;
    }

    .remotecontroltrackingblock {
        width: 90%;
        display: block;
        margin: 0 auto;
        margin-top: 15px;
    }

    .innertextblocktwotrackingmsg {
        width: 90%;
    }

    .remotecontrolbottonblock {
        width: 100%;
        height: auto;
        left: auto;
        top: auto;
        margin: 0 auto;
        text-align: center;
    }

    .remotecontrolthankupagefull .remotecontrolbottonblock .remote-button {
        text-align: center;
        display: block;
        width: 80%;
        margin: 0 auto;
        float: none !important;
        clear: both;
    }

    .remotecontrolbottonblock .thanku-text {
        font-size: 20px;
        line-height: 24px;
        color: #101010;
    }

    .remotecontroltrackingblock {
        height: 120px;
    }
}
/* MDTV-3282 ends*/
/*MDTV-3276 code starts here*/
div#userBillingInfoSection.cambiodecontrolremoto {
    background-color: #e5e5e5;
}

.cambiodecontrolremoto .innerBlockheading .remotegrey-background {
    padding: 30px 60px;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    width: 361px;
}

div#userBillingInfoSection.cambiodecontrolremoto .innerBlock .confirmarTitle {
    font-weight: 600 !important;
}

.cambiodecontrolremoto .sectionFive {
    padding: 34px 80px !important;
    background-color: #ffffff;
    border-radius: 10px;
}

.innerBlockheading .remotegrey-background {
    background: #f2f2f2;
    padding: 15px 25px;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    width: 50%;
    margin: 0 auto;
    float: none;
    display: inline-block !important;
    vertical-align: top;
}

.innertupedido.selecciontopmargin.remoteTotalPagar {
    background: transparent;
    border: 1px solid #DCDCDC;
    border-radius: 5px;
}

.cambiodecontrolremoto .innertupedido.selecciontopmargin.remoteTotalPagar {
    border: 1px solid #DCDCDC;
    border-radius: 5px;
    background: transparent;
}

.remoteText.confirmarpedidotext.confirmtupedidosubtext {
    margin-top: 60px;
    margin-left: 30px;
    font-weight: 400 !important;
}

.innerBlock .confirmarText .innerBlocksubheading {
    margin-bottom: 15px;
}

#userBillingInfoSection.cambiodecontrolremoto .heightFixingContainer {
    display: block;
}

.remoteText.confirmarpedidotext.confirmtupedidosubtext {
    margin-top: 60px;
    margin-left: 60px;
}

.innertupedido.selecciontopmargin.remoteTotalPagar div.row {
    padding-left: 30px;
}

.deliverymsg, .deliversymsgheading {
    font-size: 14px;
    padding: 0;
}

.innerBlockheading .remotegrey-background.sectionThree {
    padding: 30px 60px 26px 60px;
}

.cambiodecontrolremoto span.confirmtupedidobutton.remote-button.remotecontrolButton {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%) !important;
    border-radius: 24px !important;
    width: 220px;
    border: 0;
    letter-spacing: 0.01em !important;
    font-size: 14px !important;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.volverContent {
    font-size: 14px !important;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
}

.cambiodecontrolremoto .sectionFive {
    width: 952px;
}

.cambiodecontrolremoto .sectionTwo.hightlightSection, .cambiodecontrolremoto .innerBlockheading .sectionThree.hightlightSection, .cambiodecontrolremoto .innerBlockheading .remotegrey-background.errorAlert.hightlightSection.sectionTwo, .cambiodecontrolremoto .innerBlockheading .remotegrey-background.errorAlert.hightlightSection.sectionThree {
    border-color: #00AEEF;
}

.cambiodecontrolremoto .innerBlockheading .remotegrey-background.sectionTwo {
    margin-right: 15px;
}

.confirmaButtonContainer a {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-top: 0 !important;
}

    .confirmaButtonContainer a.link.cancel {
        float: none;
        width: 300px;
        text-align: center;
    }

a#confirmButton {
    float: right;
    text-align: right;
    display: inline-block;
}

.errorAlert, .cambiodecontrolremoto .innerBlockheading .remotegrey-background.errorAlert {
    border-color: #BE0F0F;
}

.errorContainer {
    font-size: 14px;
    line-height: 17px;
    color: #BE0F0F;
}

div#userBillingInfoSection.cambiodecontrolremoto .row.changeDefaultwidth {
    margin-top: 10px;
}

.sectionThree.remotegrey-background.sinbotonContent {
    padding: 30px 40px 26px
}

.remoteText.confirmarpedidotext.confirmtupedidosubtext.sinboton {
    margin-left: 70px;
}

.algosaliomal .menuTop {
    margin-left: 65px;
    margin-bottom: 30px;
}

.errorSectionRemote p {
    font-size: 12px;
}

a.link-color.reintentarButton {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%);
    color: #ffffff;
    width: 220px;
    height: 48px;
    display: block;
    border-radius: 24px;
    font-size: 14px;
    line-height: 45px;
    margin: 0 auto;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.errorSectionRemote {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0.015em;
    text-align: left;
    width: 567px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.cambiodecontrolremoto .confirmarTuDirectv .confirmarTitle {
    font-weight: 500 !important;
    font-size: 32px !important;
    line-height: 40px !important;
    margin-top: 20px;
    margin-bottom: 5px;
}

.cambiodecontrolremoto .remotecontrolsteps .line, .revisatuContent .line {
    position: absolute;
    top: 11px;
    border-top: 1px solid #c1c1c1;
    width: 70%;
    margin: 0 15%;
}

span.portener {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #101010;
    margin-left: 20px;
}

div#userBillingInfoSection.cambiodecontrolremoto .remoteText.confirmarpedidotext.confirmtupedidosubtext {
    margin-left: 50px;
}

.cambiodecontrolremoto .innerBlockheading .remotegrey-background {
    width: 370px;
}

div#userBillingInfoSection.cambiodecontrolremoto .remoteText.confirmarpedidotext.confirmtupedidosubtext.sinboton {
    margin-left: 60px;
}

@media only screen and (max-width:767px) {
    div#userBillingInfoSection.cambiodecontrolremoto .sectionTwo.remotegrey-background.Remotelarge-5 {
        margin-bottom: 30px;
    }

    .cambiodecontrolremoto .sectionFive {
        width: 100%;
        padding: 15px !important;
    }

    .remoteText.confirmarpedidotext.confirmtupedidosubtext.sinboton {
        margin-left: 60px;
    }

    .cambiodecontrolremoto .innerBlockheading .remotegrey-background {
        width: 100%;
        padding: 10px 30px !important;
    }

    .cambiodecontrolremoto .small-12.medium-12.large-12.columns.sectionFive.nopadding {
        padding-top: 30px !important
    }

    h2.confirmarpedidotext.verasText {
        padding-left: 20px !important;
        width: 95%;
    }

    .remoteText.confirmarpedidotext.confirmtupedidosubtext {
        margin-left: 50px;
    }

    .deliverymsg {
        width: 50%;
        float: left !important;
    }

    .deliversymsgheading {
        width: 45%;
    }

    a#confirmButton {
        float: none;
        text-align: center;
        display: block;
        width: 260px;
        margin-top: 25px !important;
    }

    .confirmaButtonContainer a.link.cancel {
        margin-top: 20px !important;
    }

    .algosaliomal .something-went-wrong-page, .errorSectionRemote, a.link-color.reintentarButton, .algosaliomalContent {
        width: 100%;
        margin: 0 auto;
    }

    .algosaliomal .menuTop {
        margin-left: 0;
        display: block;
        margin-bottom: 30px;
        margin-top: 25px;
        margin-left: -10px;
    }

    .portener {
        width: 87%;
        display: block;
        margin: 0 auto;
    }
}
/*MDTV-3276 code ends here*/
/*MDTV-3277 code starts here*/
div#userBillingInfoSection.revisatuContent .menuTop {
    text-align: center;
    margin-bottom: 15px;
}

div#userBillingInfoSection.revisatuContent .confirmarTuDirectv .confirmarTitle {
    font-weight: 500 !important;
    font-size: 32px !important;
    line-height: 40px !important;
    font-family: 'DIRECTVCurve Medium' !important;
}

/*div#userBillingInfoSection.revisatuContent .confirmarTuDirectv .confirmarText {
    font-weight: 500 !important;
    font-size: 32px !important;
    line-height: 40px !important;
    font-family: 'DIRECTVCurve Medium' !important;
}*/

div#userBillingInfoSection.revisatuContent .activeTwo {
    left: -11px !important;
    position: relative;
}

div#userBillingInfoSection.revisatuContent .activeThree {
    background-image: url(../images/icon-three.png) !important;
    background-color: #F2F2F2 !important;
    height: 28px !important;
    display: block;
    left: -2px !important;
    bottom: 2px !important;
    position: relative;
    border: 0;
    width: 28px !important;
}

.cambiardemodelo {
    color: #0073AE;
    font-family: 'IBM Plex Sans';
    font-style: normal;
    margin-left: 9px;
    line-height: 20px;
    font-size: 14px;
}

.contentSection {
    margin-top: 40px;
    margin-left: 60px;
}

.revisatuContent .sectionFive.nopadding {
    padding: 34px 80px !important;
    border-radius: 10px;
}

a.remotecancelarbtn {
    font-weight: 500;
    line-height: 40px;
}

.confirmaButtonContainer span.remote-submit-button {
    font-family: 'Poppins';
    line-height: 16px;
    font-size: 14px;
}

#userBillingInfoSection.revisatuContent .sectionFive {
    padding: 34px 80px;
    background-color: #ffffff;
}

#userBillingInfoSection.revisatuContent .confirmaButtonContainer {
    margin-top: 30px;
    margin-bottom: 20px;
}

#userBillingInfoSection.revisatuContent .Remotelarge-5 {
    padding-left: 0;
}

div#PremiumPurchaseErrorModal.revisaModal .wimt-modal__header__title {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    font-family: 'DIRECTVCurve Medium';
    width: 70%;
    text-align: left;
    margin-bottom: 15px;
}

.wimt-button a {
    width: 200px;
    display: inline-block;
    padding: 15px 10px;
}

a.continuarButton {
    border: 1px solid #0073AE;
}

.wimt-modal__header__closeX-container span {
    text-align: right;
    top: 25px;
    right: 30px;
    display: block;
    color: #101010;
    font-size: 20px;
}

div#PremiumPurchaseErrorModal.revisaModal .wimt-modal_body_title {
    font-family: 'DIRECTVCurve Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #101010;
    text-align: left;
}

div#grayLayoverForModal.grayLayOver {
    background: rgba(16,16,16,0.4);
}

.continuarButton {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #0073AE;
    border-radius: 24px;
    float: left;
}

.siCancelarButton {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%);
    border-radius: 24px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #ffffff !important;
    border-radius: 24px;
    float: right;
}

.wimt-button {
    margin-top: 35px;
}

div#PremiumPurchaseErrorModal.revisaModal {
    width: 40%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 25px 25px 25px;
}

@media only screen and (max-width:767px) {
    .revisaText .flex-misdatos-subtext {
        width: 67%;
    }

    #userBillingInfoSection.revisatuContent .sectionFive {
        padding: 0 !important;
    }

    #userBillingInfoSection.revisatuContent .remote-grey-flex {
        margin: 30px 25px;
    }

    #userBillingInfoSection.revisatuContent .cambiardemodelo {
        margin-left: 0;
    }

    #userBillingInfoSection.revisatuContent .contentSection {
        margin-left: 60px;
    }
    /*div#userBillingInfoSection div.heightFixingContainer div.sectionTwo {
        margin-bottom: 0;
    }*/
    #userBillingInfoSection.revisatuContent .remote-grey-flex {
        margin-top: 0;
    }

    #userBillingInfoSection.revisatuContent a#confirmButton {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        float: none !important;
    }

        #userBillingInfoSection.revisatuContent a#confirmButton span {
            width: 220px;
            margin: 0 auto;
            text-align: center;
            float: none !important;
        }

    .remotecancelarbtnsection {
        width: 100%;
        text-align: center;
    }

    div#userBillingInfoSection div.sectionFive div.innerBlock {
        padding-left: 25px !important;
    }

    div#PremiumPurchaseErrorModal.revisaModal {
        width: 90%;
    }

    .wimt-button a {
        float: none;
    }

    a.siCancelarButton {
        margin-bottom: 20px;
    }
}
/*MDTV-3277 code ends here*/
/*MDTV-3324 code starts here*/
.algosaliomal .algosaliomalContent h1 {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #101010;
    width: 100%;
    margin: 0 auto;
    float: none;
    text-align: center;
    clear: both;
}

.algosaliomal .algosaliomalContent {
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

    .algosaliomal .algosaliomalContent .innerContent {
        margin: 0 auto;
        width: 531px;
        clear: both;
        float: none;
        padding-bottom: 15px;
        padding-top: 30px;
    }

    .algosaliomal .algosaliomalContent .errorSectionRemote {
        margin-bottom: 30px;
    }

    .algosaliomal .algosaliomalContent .offer-approval-body {
        background-color: #dcdcdc !important;
    }

    .algosaliomal .algosaliomalContent a.link-color.reintentarButton {
        background: transparent;
        color: #0073AE;
        border: 1px solid #0073AE;
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
    }

.errorSectionRemote .topErrorContent {
    width: 475px;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #101010;
}

@media only screen and (max-width:767px) {
    .algosaliomal .algosaliomalContent .innerContent {
        width: 100%;
    }

    .errorSectionRemote .topErrorContent {
        width: 83%;
    }

    .algosaliomal .algosaliomalContent a.link-color.reintentarButton {
        width: 220px;
    }

    .algosaliomal .something-went-wrong-page {
        margin-bottom: 30px;
    }

    .offer-approval-body.shaded-bg.radius.cancel_bg.pad-20 span.cancelNumber {
        width: auto !important;
    }

    .algosaliomal .algosaliomalContent h1 {
        margin-bottom: 25px;
    }

    .offer-approval-body.shaded-bg.radius.cancel_bg.pad-20 span {
        width: 80% !important;
        display: inline-block;
        text-align: left;
    }

    .offer-approval-body.shaded-bg.radius.cancel_bg.pad-20 {
        clear: both;
        float: none;
    }
}
/*MDTV-3324 code ends here*/

/*MDTV-3367 code starts here*/
div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock h1#amountToPay {
    font-size: 32px;
    line-height: 38px;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFive.forSmallScreens {
    padding: 0 10px;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionThre {
    margin-bottom: 10px;
}

body.CO .coBilling div#nextmonth-bill {
    overflow-y: auto;
    overflow-x: hidden;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}

div#facturacionBillingSection.coBilling div#nextmonth-bill {
    height: 440px !important;
    overflow: auto;
    left: 40%;
}

body.CO div#differencebtwInvoices {
    left: 40%;
}

div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionEleven #sectionSevenAccordionHeadNew #sectionSevenAccordionArrowImageNew {
    background-image: url(../images/green-icon.svg);
    background-position: center;
    content: "";
    display: inline-block;
    height: 6px;
    width: 11px;
    background-size: 25px 30px;
    background-repeat: no-repeat;
}

div#facturacionBillingSection.coBilling .sectionRight.accordion .sectionEleven #sectionSevenAccordionHeadNew #sectionMobileSevenAccordionArrowImage.sectionSevenAccordionArrowRotatedImageNew {
    background-image: url(../images/green-icon-up.svg);
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#divContentTwo .contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#divContentTwo .contentRight {
    color: #595959 !important;
}

div #facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#divContentTwo div.contentRight {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#divContentTwo div.contentRight {
    color: #00AEEF;
    font-size: 14px;
    padding-right: 0;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#divContentTwo .contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#divContentTwo .contentRight {
    color: #595959 !important;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBody #divContentTwo div {
    color: #000000;
}

div #facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#divContentTwo div.contentRight {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo div.contentLeft, div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#sectionSixAccordionBody div#divContentTwo div.contentRight {
    color: #000000;
}

@media only screen and (min-width:1440px) {
    div #facturacionBillingSection.coBilling div#nextmonth-bill, body.CO div#differencebtwInvoices {
        left: 35%;
    }
}

@media only screen and (max-width:767px) {
    body.CO div#differencebtwInvoices {
        left: 50%;
    }

    div#facturacionBillingSection.coBilling div#nextmonth-bill {
        left: 47% !important;
    }

    .header-phones.ant-container {
        margin-top: -50px;
    }
}
/*MDTV-3367 code ends here*/
/*MDTV-3240 code starts here*/
div #facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#divContentTwo div.contentLeft {
    color: #00AEEF;
    padding: 0;
    font-family: 'DIRECTV Curve';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#divContentTwo {
    padding: 0;
    margin-bottom: 5px;
}


    div#facturacionBillingSection.coBilling div.sectionRight div.sectionSix div#divContentTwo div.contentRight {
        font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
        color: #00AEEF;
        font-size: 14px;
        padding-right: 0;
    }

div #facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#divContentTwo div.contentLeft {
    color: #00AEEF;
    padding: 0;
    font-family: 'DIRECTV Curve';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-family: "DIRECTVCurve Medium", "Helvetica Neue", Arial, sans-serif;
}

div#facturacionBillingSection.coBilling div.sectionRight div.sectionEleven div#divContentTwo {
    padding: 0;
    margin-bottom: 5px;
}


body.AR .new-reveal-modal.plan-y-paquetes-modal {
    top: 50px !important;
}

@media only screen and (max-width:767px) {
    body.AR .new-reveal-modal.plan-y-paquetes-modal .close-new-reveal-modal {
        top: 25px;
    }
}
/*MDTV-3240 code ends here*/
/*MDTV-3324 code ends here*/

.toast {
    background-color: white;
    border-radius: 8px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
}

.toast__top {
    display: flex;
    justify-content: flex-end;
    height: 1.5rem;
    padding: 0.5rem;
}

.toast__middle {
    display: flex;
    padding: 0 0.5rem 1rem 0.5rem;
}

.toast__icon {
    flex-basis: 40px;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
}

.toast__content {
    padding-right: 0.75rem;
}

.toast__close {
    width: 0.75rem;
    height: 0.75rem;
}

.toast__title {
    font-family: "Poppins", "Poppins-SemiBold", Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0;
    font-weight: 600;
}

.toast__description {
    font-family: "IBM Plex Sans", "IBMPlexSans", Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0rem;
    font-weight: 400;
    color: #101010;
}

.toast__state {
    height: 0.5rem;
    border-radius: 0px 0px 8px 8px;
}

.toast--info .toast__state {
    background-color: #00AEEF;
}

.toast--success .toast__state {
    background-color: #448325;
}

.toast--warning .toast__state {
    background-color: #F5821F;
}

.toast--error .toast__state {
    background-color: #BE0F0F;
}
/*MDTV-3240 code ends here*/

/*MDTV-3382 code starts here*/
body.PE div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divOne {
    padding-top: 25px;
    padding-bottom: 75px;
    display: block;
}

body.PE div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divTwo {
    padding-top: 25px;
    border: 0;
}

body.PE div#userBillingInfoSection div.heightFixingContainer div.sectionThree div.innerBlock div.divOne {
    border-bottom: 1px solid #dcdcdc !important;
    padding-bottom: 20px;
}

body.PE div#facturacionBillingSection.coBilling div.sectionLeft div.sectionThree {
    width: 100%;
}
/*MDTV-3382 code ends here*/
/*MDTV-3437  code starts here*/
body.PE div#facturacionBillingSection div.sectionLeft div.sectionTwo h3#topText {
    color: #000000;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
}

body.PE div#facturacionBillingSection.coBilling div.sectionRight.largeScreen div.sectionTen div#sectionTenDetails {
    height: 6.5em !important;
}

body.PE div#facturacionBillingSection.coBilling div.sectionRight div.sectionTen div#sectionTenDetails div.contentLeft {
    padding-left: 10px !important;
}

body.PE div#facturacionBillingSection.coBilling #sectionEightDetails, body.PE div#facturacionBillingSection.coBilling #sectionNineDetails {
    padding-right: 0px;
}

body.PE div#facturacionBillingSection div.sectionRight div.sectionTen div#sectionTenDetails div.contentLeft span#partOne {
    padding-left: 15px !important;
}

body.PE #facturacionBillingSection.coBilling .proximoButton .billing-redesign-text-left-summary a {
    margin-left: 25px;
}

div#facturacionBillingSection div.sectionRight div.sectionTen div#sectionEightDetails div.contentRight, div#facturacionBillingSection div.sectionRight div.sectionTen div#sectionNineDetails div.contentRight {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
}

@media only screen and (max-width:767px) {
    body.PE div #facturacionBillingSection div.sectionBottom.mobileView div.misFacturas, body.PE div#facturacionBillingSection div.sectionBottom.mobileView div.misMovimientos, body.PE div#facturacionBillingSection div.sectionBottom.mobileView div.misPagos {
        padding: 25px 45px;
        margin-top: 15px;
        background: no-repeat;
        border-radius: 0;
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 0;
        margin-top: 0;
        color: #101010;
        text-transform: capitalize !important;
        color: #101010;
        background-image: url(../images/black-arrow.png);
        background-size: 9px, 16px;
        background-position: 93% center;
        background-repeat: no-repeat;
        text-align: left;
        text-transform: none;
    }

    body.PE div#facturacionBillingSection div.sectionBottom.mobileView {
        padding: 0;
        padding-bottom: 39px;
        background-color: #fff;
        margin-top: 45px;
    }

    body.PE div#facturacionBillingSection.coBilling div.sectionRight div.sectionTen div#sectionTenDetails div.contentRight {
        font-family: 'DIRECTVCurve Regular';
    }

    body.PE div#facturacionBillingSection.coBilling #sectionEightDetails, body.PE div#facturacionBillingSection.coBilling #sectionNineDetails {
        padding-left: 0;
    }
}
/*MDTV-3437  code ends here*/

/*MDTV-3382 code starts here*/
body.PE div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock h3#topText {
    text-align: center;
}

body.PE div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock h1#amountToPay {
    margin-bottom: 25px;
}

div#userBillingInfoSection div.heightFixingContainer div.sectionTwo div.innerBlock {
    position: relative;
}

@media (min-width: 1024px) and (max-width:1280px) and (orientation:landscape) {
    body.PE header .header-container .main-navigation > ul .nav-item a {
        font-size: 15px;
        line-height: 19px;
    }
}
/*MDTV-3382 code ends here*/
/* MDTV-3449 code starts here*/
@media only screen and (max-width:767px) {
    #WarningMsg .disney-your-free-test__rectangle.disney-rectangle, #WarningMsg .disney-your-free-test__rectangle__warning {
        height: 70px;
    }

    #WarningMsg .warning-covid-icon {
        top: 8px;
        left: 12px;
    }

    #WarningMsg .disney-your-free-test__rectangle__texts {
        width: 80%;
        line-height: 19px;
    }
}
/* MDTV-3449 code ends here*/
/*MDTV-3422 code stars here*/
div.misTabContentSection div.misTabContentTable div.misFacturasDiv {
    width: 520px;
    margin: 0 auto;
    float: none;
}


div#misPagosEmptySpace.error-msg.aligncenter {
    margin: 0 auto;
}

body.PE div.misTabContentSection div.misTabContentTable table#misMovimientos tr td {
    font-size: 14px;
    line-height: 17px;
    color: #101010;
}

div.misTabContentSection div.misTabContentTable table#misMovimientos.updateMovimientos thead tr th {
    padding-left: 0;
    font-size: 19px;
    line-height: 23px;
    color: #101010;
}

span.algo-salio {
    font-size: 32px;
    line-height: 40px;
    font-family: 'DIRECTVCurve Medium';
    color: #101010;
}

span.popfavor {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    font-family: 'DIRECTVCurve Regular';
    margin-top: 14px;
    display: block;
}

div#misMovimientosPopUp #nextmonth-bill-close {
    color: #101010;
    right: 50px;
    top: 25px;
}

@media only screen and (max-width:767px) {
    div.misTabContentSection div.misTabContentTable table#misMovimientosMob thead tr th {
        font-size: 19px;
        color: #101010;
        line-height: 23px;
        font-family: 'DIRECTVCurve Medium';
    }

    div.misTabContentSection div.misTabContentTable table#misMovimientosMob tr td #serviceName {
        color: #a3a3a3;
    }

    div.misTabContentSection div.misTabContentTable table#misMovimientosMob tr td {
        font-size: 14px;
        line-height: 17px;
        color: #101010;
    }

    body.PE div.new-reveal-modal a.reveal-popup-close-icon-billing {
        top: 15px;
        right: 15px;
    }
}
/*MDTV-3422 code ends here*/

/*MDTV-3423 code Start here*/
div.misTabContentSection div.misTabContentTable table#misPagos tr td span.checkCircle i::after {
    content: "";
    display: inline-block;
    height: 21px;
    width: 21px;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../images/checked_payments_icon.png');
}

div.misTabContentSection div.misTabContentTable table#misPagos tr td span#expDate {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 19px;
    line-height: 23px;
    color: #101010;
}

div.misTabContentSection div.misTabContentTable table#misPagos span.checkCircle {
    font-size: 14px;
    line-height: 17px;
    text-transform: capitalize;
    font-family: 'DIRECTVCurve Medium';
    color: #101010;
}

body.PE div.misTabContentSection div.misTabContentTable table#misPagos tr td span#amount {
    color: #7C7C7C;
    font-size: 14px;
    line-height: 17px;
}

body.PE div.misTabContentSection div.misTabContentTable table#misPagos {
    width: 60%;
    margin: 0 auto;
}

div.misTabContentSection div.misTabContentTable table#misPagos tr td span#expDate.expDate {
    font-size: 14px;
    line-height: 17px;
}

body.PE div.misTabContentSection div.misTabContentTable table#misPagos tr td {
    border-bottom: 1px solid #F2F2F2;
}

div.misTabContentSection div.misTabContentTable table#misPagos tr td span.checkCircle.reverso i::after {
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/reverso.svg);
}

span.alignTop {
    display: inline-block;
    position: relative;
    top: -5px;
}

body.PE div.misTabContentSection div.misTabContentTable table#misPagos tr td:last-child {
    text-align: right;
}

body.PE div.misTabContentSection div.misTabContentTable table#misPagos tr td span.checkCircle i::after {
    background-size: 89% auto;
}

body.PE div.misTabContentSection div.misTabContentTable table#misPagos tr td span.checkCircle.reverso i::after {
    background-size: 100% auto;
}

@media only screen and (max-width:768px) {
    div#infoMessage2 {
        width: 100%;
    }

    body.PE div.misTabContentSection div.misTabContentTable table#misPagos tr td span#expDate {
        font-size: 14px;
        line-height: 17px;
    }

    body.PE div.misTabContentSection div.misTabContentTable table#misPagos {
        width: 100%;
        margin: 0 auto;
    }
}

div.misTabContentSection div.misTabContentTable div#infoMessage p, #infoMessage2 p {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    color: #222222;
    padding: 20px 10px 20px 35px;
    margin-left: 15px;
    background-image: url('../images/billing-misdatos-info-icon.png');
    background-size: 28px;
    background-position: left center;
    background-repeat: no-repeat;
}

div.misTabContentSection div.misTabContentTable div#infoMessage1 p, #infoMessage2 {
    font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    font-size: 1em;
    color: #222222;
    padding: 20px 10px 20px 35px;
    margin-left: 15px;
    background-image: url('../images/billing-misdatos-info-icon.png');
    background-size: 28px;
    background-position: left center;
    background-repeat: no-repeat;
}

div.misTabContentSection div.misTabContentTable div#infoMessage1, #infoMessage2 {
    background: #ECEFF1 0% 0% no-repeat padding-box;
    border-radius: 10px;
    clear: both;
    padding: 0;
    margin-top: 30px;
}

div#infoMessage2 {
    width: 520px;
    margin: 0 auto;
    margin-top: 25px;
}

    div#infoMessage2 p {
        line-height: 19px;
        font-size: 16px;
    }

@media only screen and (max-width:767px) {
    .misTabContentTable #infoMessage2 {
        width: 100%;
    }
}
/*MDTV-3423 code ends here*/

/*MDTV-3434 code starts here*/
div#compararWrapper {
    max-width: 60rem;
    margin: 0 auto;
}

    div#compararWrapper .bread-crumb-container {
        font-family: 'IBM Plex Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        margin-top: 30px;
        letter-spacing: 0.01em;
        line-height: 20px;
        color: #2c2c2c;
        display: block;
    }

    div#compararWrapper .current-element {
        font-family: 'DIRECTVCurve Medium';
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        text-decoration-line: underline;
        color: #000000;
    }

    div#compararWrapper .bread-crumb-container span {
        margin-left: 5px;
        margin-right: 5px;
        cursor: pointer;
    }

    div#compararWrapper span.bread-crumb-previous-element.current-pagename {
        font-family: 'Poppins';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #2C2C2C;
        letter-spacing: 0.01em;
    }


    div#compararWrapper .ultimos-title {
        font-family: 'DIRECTVCurve Medium';
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        line-height: 40px;
        color: #2C2C2C;
        margin-top: 15px;
    }

    div#compararWrapper .ultimos-content {
        font-family: 'IBM Plex Sans';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #2C2C2C;
        margin-bottom: 20px;
    }

#compararWrapper .volverContent a {
    font-family: 'DIRECTVCurve Regular';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #0073AE;
    text-transform: none;
}

#compararWrapper .volverContent {
    border: 1px solid #0073AE;
    padding: 10px 0;
    display: block;
    border-radius: 5px;
}

#compararWrapper .volverContent {
    font-size: 14px !important;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    width: 250px;
    text-align: center;
    margin: 0 auto;
    margin-top: 40px;
}

#compararWrapper .amountSpaninModal {
    font-family: 'DIRECTVCurve Regular';
    font-size: 14px;
    line-height: 30px;
    color: #101010;
    background-color: #ffffff;
    border-radius: 10px;
    width: 100%;
    padding: 20px 25px;
}

#compararWrapper .row.ultimaFacturaTable {
    background-color: #ffffff;
    margin-top: 25px;
    width: 80%;
    border-radius: 10px;
    padding: 45px;
}

#compararWrapper .totalDifference {
    font-family: 'DIRECTVCurve Medium';
    text-transform: uppercase;
}

#compararWrapper .billdeferenceAmntTwo {
    color: #448325;
    float: left !important;
    font-family: 'DIRECTVCurve Medium';
    font-size: 12px;
}

#compararWrapper .row.totalAmountSection {
    margin: 0 auto;
    width: 320px;
    line-height: 22px;
    display: block;
}

#compararWrapper .totalDifference:before {
    content: " ";
    display: block;
    border-top: 1px solid #DDDDDD;
    width: 85%;
    margin: 0 auto;
    float: left;
    margin-left: 15px;
}

#compararWrapper h5.subHeading {
    font-family: 'DIRECTVCurve Medium';
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    color: #2c2c2c;
    text-align: center;
}

#compararWrapper .row.ultimaFacturaTable {
    background-color: #ffffff;
    margin-top: 25px;
    width: 624px;
    border-radius: 10px;
}

#compararWrapper .diffrenceComparedToPreviousMonthHeadOne, .diffrenceComparedToPreviousMonthHeadTwo {
    background-color: #25282B;
    color: #fff;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    display: block;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 10px 20px 10px 10px;
    border-radius: 5px 5px 0px 0;
    width: 100%;
    margin-bottom: 10px;
}

#compararWrapper .diffrenceComparedToPreviousMonthHeadTwo {
    background-color: #34802E;
}

#compararWrapper .bottomSection {
    background-color: rgba(222, 222, 222, 0.3);
    width: 90%;
    margin: 0 auto;
    /* text-align: center; */
    float: none;
    padding: 0;
    /* opacity: 0.3; */
}

#compararWrapper span.channelTitle {
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-family: 'DIRECTVCurve Medium';
}

#compararWrapper .billdeferenceAmntOne {
    font-size: 12px;
    line-height: 14px;
    display: block;
    align-items: center;
    color: #000;
    font-family: 'DIRECTVCurve Medium';
}

#compararWrapper .borderBottomItems.small-11.small-centered.columns {
    border-bottom: 1px solid #dddddd;
    width: 95%;
}

#compararWrapper span.channelReason {
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    font-family: 'DIRECTVCurve Regular';
}

#compararWrapper .small-12.columns.billDeffenecePartOne {
    /* line-height: 20px; */
    float: none;
    clear: both;
}

@media only screen and (max-width:767px) {
    div#compararWrapper .ultimos-title {
        font-size: 24px;
    }

    div#compararWrapper .ultimos-content {
        font-size: 14px;
    }

    #compararWrapper .row.ultimaFacturaTable {
        width: 100%;
        padding: 25px;
    }
}
/*MDTV-3463 code starts here*/
body.CO div#custom-targeter h5, body.CL div#custom-targeter h5 {
    font-family: 'DIRECTVCurve Medium';
}

body.CO #disneyDesktop, body.CL #disneyDesktop {
    background-image: url(../images/targeters/co-disney.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    border-radius: 5px;
    margin-bottom: 30px;
    margin-top: 10px;
    cursor: pointer;
    height: 13em;
}

body.CO div#custom-targeter, body.CL div#custom-targeter {
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width:767px) {
    body.CO #disneyDesktop, body.CL #disneyDesktop {
        background-size: 90% auto;
    }
}
/*MDTV-3463 code ends here*/
/*MDTV-3454 code starts here*/
body.AR #disneyDesktop {
    background-image: url(../images/targeters/disney-combo.svg);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
    cursor: pointer;
    height: 13em;
}

body.AR #goDesktop.svgImage {
    background-image: url(../images/targeters/dgo-bg.svg);
}

body.AR #sportsDesktop.svgImage {
    background-image: url(../images/targeters/dsports-bg.svg);
}

body.AR div#custom-targeter {
    max-width: 80rem;
    font-family: "DIRECTVCurve", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.AR #custom-targeter.removeWidth {
    max-width: 61.25rem;
}

body.AR div#custom-targeter div h5 {
    font-weight: 500;
}

@media only screen and (max-width:767px) {
    body .AR div#custom-targeter {
        max-width: 80rem;
    }

    body.AR #disneyDesktop {
        background-image: url(../images/targeters/disney-combo.svg);
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 5px;
        cursor: pointer;
        height: 13em;
        background-size: 100% auto;
        width: 95%;
        margin: 0 auto;
        text-align: center;
        float: none;
        clear: both;
        padding-top: 4em;
    }
}
/*MDTV-3454 code ends here*/

/*MDTV-3384 code Start here*/
.bannerTopSection {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #2C2C2C;
}

.bannerBottomSection {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    color: #101010;
}

.bannerSection {
    background-color: #ffffff;
    max-width: 60rem;
    margin: 0 auto;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 2px 2px 20px rgb(0 0 0 / 20%);
    border-radius: 8px;
    position: relative;
}

.bannerContent {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.bannerCrossImage {
    background: url(../images/orange-cross.svg) no-repeat scroll 0 0 transparent !important;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.redSection .bannerCrossImage {
    background: url(../images/red-cross.svg) no-repeat scroll 0 0 transparent !important;
}

.bannerSection:after {
    content: " ";
    background: #F5821F;
    width: 100%;
    height: 7px;
    display: block;
    position: absolute;
    bottom: 0;
    border-radius: 0 0px 8px 8px;
    left: 0;
}

.redSection.bannerSection:after {
    background: #BE0F0F;
}

@media only screen and (max-width:767px) {
    .bannerContent {
        width: 85%;
    }

    .bannerSection {
        width: 90%;
    }
}
/*MDTV-3384 code ends here*/
/*MDTV-3453 code starts here*/
body.PE .row.changeDefaultMaxwidth, body.PE .bannerContainer {
    background-color: #F2F2F2;
    max-width: 100%;
}

    body.PE .bannerContainer .bannerSection {
        max-width: 67.5rem;
    }

/*MDTV-3453 code ends here*/
/*MDTV-3468 code starts here*/
body.CO .wimt-modal__body.mainConfirmModalTwo {
    margin-bottom: 20px;
}

div#CancellationfromDowngrade .wimt-modal__header__closeX-container span {
    top: 0;
    right: 0;
}

div#grayLayoverForModal .modal-common-class,
section#confirma-cancelacion-servicio-adicional {
    overflow-y: auto;
    overflow-x: hidden;
    top: 50% !important;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}

body.CO section#confirma-cancelacion-servicio-adicional {
    top: 5% !important;
    transform: none;
    left: calc((100vw - 600px)/2);
}

@media only screen and (max-width:767px) {
    body.CO section#confirma-cancelacion-servicio-adicional {
        top: 65px !important;
        transform: none;
        left: 20px;
    }
}

/*MDTV-3468 code ends here*/
/*MDTV-3483 code starts here */
body.CO #plan-y-decodificadores ul.no-bullet .plan-li-header {
    font-size: 24px !important;
    color: #101010 !important;
    font-family: 'DIRECTVCurve Medium' !important;
    font-weight: 400 !important;
    line-height: 29px;
}

body.CO section#cancellationPlansCO div.channelTextCO {
    color: #101010;
}

body.CO div.mainConfirmModal div.package-name-to-cancel-co span#your-package-plan-to-cancel {
    line-height: 19px;
    font-size: 16px;
    color: #000000;
}
/*MDTV-3483 code ends here*/
/*MDTV-3446 code starts here*/
.login-form small a.passWordText {
    font-family: " IBM Plex Sans", sans-serif;
}

/*MDTV-3446 code ends here*/


a .compara-btn {
    text-align: left;
}

a .proxima-btn {
    text-align: left;
}

/*MDTV-3566 code starts here*/

.contracts-box {
    background: #fff;
    margin-left: 10%;
    width: 90%;
    display: flex;
    flex-direction: column;
}

.contracts-box-header-box {
    margin-bottom: 30px;
}

.contracts-box-header {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 36px;
}

table.mycontracts {
    border: none;
    border-collapse: collapse !important;
    background: white;
    margin-bottom: 1.25em;
    border: solid 0px #b5b5b5;
    border-spacing: 2px;
    border-collapse: separate;
    width: 100%;
    font-style: normal;
}

    table.mycontracts thead {
        text-transform: uppercase;
        background: #fff;
    }

    table.mycontracts tbody {
        font-family: "DIRECTVCurve Regular", "Helvetica Neue", Arial, sans-serif;
    }


    table.mycontracts tr th {
        width: 10%;
        border-bottom: 3px solid #F3F3F3;
        font-size: 10px;
        padding: 3px 3px 3px 10px !important;
    }

    table.mycontracts tr td {
        width: 300px;
        line-height: inherit;
        font-family: 'IBM Plex Sans';
        font-size: 14px;
        border-bottom: 1px solid #F2F2F2;
        overflow: hidden;
    }

.bread-crumb-container {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 30px;
    letter-spacing: 0.01em;
    line-height: 20px;
    color: #0073AE;
    display: block;
}

    .bread-crumb-container span {
        margin-left: 5px;
        margin-right: 5px;
        cursor: pointer;
        color: #0073AE;
    }

.current-pagename {
    color: #1B1B1B !important;
}

.pagination li:hover {
    cursor: pointer;
}

.flex-item {
    flex: 100%;
}

@media only screen and (max-width: 767px) {
    .contracts-box {
        padding: 0 19px 35px !important;
        height: 100%;
        box-shadow: none;
    }

    table.mycontracts tr td.tdContractDownload {
        text-overflow: unset;
    }

    table.mycontracts tr th {
        font-size: 10px;
        padding: 3px 1px 5px 3px !important;
    }

    table.mycontracts tr td {
        text-overflow: ellipsis;
        width: auto;
        max-width: 0;
        font-size: 12px;
        white-space: nowrap;
        font-weight: 400;
        padding: 3px;
        vertical-align: baseline;
    }

    table.mycontracts {
        font-size: 12px;
    }
}

.mycontracts {
    width: 100%;
    font-size: 10px;
}

    .mycontracts > td {
        max-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }


#thContractMobile {
    display: none;
}

#thContractDownloadMobile {
    display: none;
}

.overlayFront {
    position: absolute;
    z-index: 1;
    padding-left: 2px;
}

.overlayBack {
    position: absolute;
    z-index: -1;
    padding-left: 2px;
}

@media only screen and (max-width: 1263px) {
    .contracts-box {
        width: auto;
        margin: auto;
    }
}

/*MDTV-3566 code ends here*/


.toastContainterContracts {
    color: black;
    float: right;
    width: 25%;
    z-index: 1000;
    margin-left: 73%;
    position: fixed;
    margin-top: 10px;
}
/*MDTV-3602 code starts here*/
img.factura-electronica-png {
    margin: 0 0 3px 0px;
}

dl.dl-billing-factura-electronica img.factura-electronica-png {
    margin: 0 0 3px 15px;
}

#breadcumContratosMobile {
    display: none;
}

@media only screen and (max-width:767px) {
    #thContract {
        display: none;
    }

    #thContractDownload {
        display: none;
    }

    #breadcumContratosMobile {
        display: block;
    }

    #breadcumContratos {
        display: none;
    }

    #thContractDate {
        max-width: 100%;
        width: 22%;
    }

    #thContractMobile {
        display: table-cell;
        max-width: 100%;
        width: 22%;
    }

    #thContractDescription {
        max-width: 100%;
        width: 49%;
    }

    #thContractDownloadMobile {
        display: table-cell;
        text-overflow: unset;
        max-width: 100%;
        width: 7%;
    }
}

@media only screen and (max-width:820px) {
    .toastContainterContracts {
        color: black;
        float: none;
        width: 340px !important;
        z-index: 100;
        position: fixed;
        margin: auto !important;
    }
}

@media only screen and (max-width:500px) {
    .toastContainterContracts {
        width: 100% !important;
    }
}

/*MDTV-3602 code ends here*/

.pagination-container {
    text-align: center;
    font-weight: 600;
    line-height: 28px;
}

div.pagination-container ul.pagination li {
    font-size: 18px !important;
    font-family: 'Poppins', sans-serif !important;
}

div.pagination-container ul.pagination .active {
    height: auto;
    background-color: #0073AE;
    color: white;
    padding: 1px 10px 1px 10px;
    border-radius: 5px;
}

.btn-back-simple {
    color: #0073AE !important;
    padding: 14px 77px 14px 77px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    border-radius: 24px;
    font-size: 14px;
    letter-spacing: 0.01em;
    border: 2px solid #0073AE;
    box-sizing: border-box;
    line-height: 20px;
}

.btn-back-endPage {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%);
    color: white !important;
    padding: 11px 82px 11px 82px;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    border-radius: 24px;
    font-size: 14px;
    letter-spacing: 0.01em;
    box-sizing: border-box;
    line-height: 20px;
}

.downloadBtnArrow {
    background-image: url("../images/downloadButtondth.svg");
    background-repeat: no-repeat;
    width: 16.67px;
    height: 16.67px;
    text-align: right;
}

.spinnerImgGrid {
    width: 16.63px;
    height: 19px;
    left: 1.71px;
    top: 0.83px;
    background-image: url("../images/spinLoad.svg");
}

.spinSpinnerImgGrid {
    animation-name: spinLoaderGrid;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.iconToRepresenthome {
    width: 16.63px;
    height: 19px;
    left: 1.71px;
    top: 0.83px;
    background-image: url("../images/spinLoad.svg");
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThree div.divA span i#iconToRepresent {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url("../images/AR-new-homepage-icon-2.svg");
}

div#userBillingInfoSection div.heightFixingContainer div.sectionFour div.innerBlock div.divThreeEmpty div.divA span i#iconToRepresent {
    display: inline-block;
    height: 30px;
    width: 30px;
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url("../images/AR-new-homepage-icon-2.svg");
}


@keyframes spinLoaderGrid {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}

.termsAndConditions.termsAndConditions-pe {
    margin: 1rem auto;
}

.pe-prepaid__buy-button {
    background: #ffa111 !important;
    color: #3b1702;
}

    .pe-prepaid__buy-button:hover {
        background: #FFC60B !important;
    }

.pe-prepaid__recharge-button {
    background: #ff8f0f !important;
    color: #3b1702;
}

    .pe-prepaid__recharge-button:hover {
        background: #ffa111 !important;
    }

.pre-prepaid__info-font {
    font-family: 'DIRECTVCurve Light', 'Helvetica Neue', Arial, Helvetica, sans-serif !important;
}

.changePlanState {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 950px;
    margin: 140px auto;
    flex-direction: row;
}

.emptyStateMessage {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: row;
}

.descriptionEmptyStateMessage {
    color: #000;
    font-family: Poppins !important;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0.24px;
    margin-bottom: 15px !important;
}

.divImageEmptyState {
    width: 459px;
    height: 345px;
    background-image: url(../images/empty-states.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.divFlexChangePlan, .divFlexEmptyState,
.divImageEmptyState {
    display: inline-block;
}

.divFlexChangePlan, .divFlexEmptyState {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 30%;
}

    .divFlexChangePlan h6, .divFlexChangePlan p,
    .divFlexEmptyState h6, .divFlexEmptyState p {
        margin: 0;
    }

.divFlexEmptyState {
    width: 344px;
    margin-left: 75px;
}

    .divFlexEmptyState p {
        text-align: left;
    }

@media screen and (max-width: 768px) {
    .divFlexEmptyState {
        width: 322px;
        margin-left: 0px;
    }

    .divFlexEmptyState p {
        font-size: 29px;
        margin-left: 15px;
    }

    .emptyStateMessage {
        flex-direction: column;
    }

    .divImageEmptyState {
        max-width: 80%;
        margin-top: 20px;
    }

    .descriptionEmptyStateMessage {
        margin: 0;
        text-align: center;
    }
}

.divFlex {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .divFlex h6, .divFlex p {
        margin: 0;
    }

.divImageError, .divImageErrorMobile {
    width: 459px;
    height: 345px;
    background-image: url(../images/something-went-wrong-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.titleChangePlan,
.titleErrorRateLimit {
    color: #101010;
    font-family: Poppins !important;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 15px !important;
}

.titleChangePlan {
    font-size: 32px !important;
    line-height: 40px !important;
}

.descriptionChangePlan,
.descriptionErrorRateLimit {
    color: #000;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.24px;
    margin-bottom: 8px !important;
}

.backButtonChangePlan,
.backButtonRateLimit {
    background: linear-gradient(90deg, #00AEEF 0%, #005993 100%);
    border-radius: 24px !important;
    border: 0;
    font-family: 'Poppins', sans-serif !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-transform: none;
    width: 280px;
    padding: 10px 20px;
    margin: 10px;
    color: white;
    text-align: center;
    cursor: pointer;
}

    .backButtonChangePlan:hover,
    .backButtonRateLimit:hover {
        opacity: 0.9;
    }

    .backButtonChangePlan a,
    .backButtonRateLimit a {
        color: white;
        text-decoration: none;
    }

.divImageSuccess, .divImageSuccessMobile {
    width: 459px;
    height: 345px;
    background-image: url(../images/change-plan-success.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.divImageFailure, .divImageFailureMobile {
    width: 459px;
    height: 345px;
    background-image: url(../images/change-plan-failure.svg);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
}

.divImageSuccessMobile,
.divImageErrorMobile,
.divImageFailureMobile {
    display: none;
}

.rateLimitError,
.divChangePlanFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: row;
    padding: 5%;
}

@media screen and (max-width: 768px) {
    .rateLimitError,
    .divChangePlanFlex {
        flex-direction: column;
        padding: 0;
    }

    .titleErrorRateLimit,
    .titleChangePlan {
        font-size: 1.7em !important;
    }

    .backButtonRateLimit,
    .backButtonChangePlan {
        width: 60%;
        margin-inline: auto;
    }

    .divFlex,
    .divFlexChangePlan {
        width: 95%;
    }

    .divImageErrorMobile,
    .divImageSuccessMobile,
    .divImageFailureMobile {
        max-width: 80%;
        margin-top: 20px;
        display: block;
        height: 245px;
        align-self: center;
    }

    .divImageError,
    .divImageSuccess,
    .divImageFailure {
        display: none;
    }

    .titleErrorRateLimit,
    .titleChangePlan {
        margin: 0;
        margin-top: 50px !important;
    }

    .descriptionErrorRateLimit
    .descriptionChangePlan {
        margin: 0;
        text-align: center;
    }
}

.plan-button-blue.ott-upg-downg-migrados {
    font-size: 16px !important;
    color: #0073AE !important;
    margin-bottom: 30px;
    margin-bottom: 15px;
}

.dth-plan-basic-cambiar-plan-button-fix-div ul {
    margin: 0px !important;
    padding: 0px !important;
}

    .dth-plan-basic-cambiar-plan-button-fix-div ul li {
        list-style-type: none;
    }

.worldPayment-iframe {
    height: 400px;
    border: none;
    width: 350px;
}

.worldPayment-iframe-container {
    text-align: center;
}

.customized-banner-toast {
    margin-top: 10px;
    display: block;
}

.offer-approval-header.offer-approval-header-bold-title, .thankyouFinalText.thankyouFinalText-bold, h4.disneyplus-thankyoupage-header.thankyouFinalText-bold {
    font-weight: bold;
}

.service-cancelled-thank-you-page__footer.service-cancelled-thank-you-page__footer-margin-top-30 {
    margin-top: 30px;
}

.premium-activation-main-content-background {
    background-color: #F2F2F2;
    padding-top: 52px;
    padding-bottom: 62px;
}

.prime-activation-container div.disney-your-free-test:first-child .disney-your-free-test__rectangle {
    margin-top: 25px !important;
}

.prime-activation-container div.disney-your-free-test:not(:first-child) .disney-your-free-test__rectangle {
    margin-top: 0px !important;
}

.premium-activation-main-content-background .service-cancelled-thank-you-page__header {
    margin-bottom: 23px;
}

.premium-activation-waiting-page {
    background-color: rgba(16,16,16,.30);
    height: 100vh;
}

    .premium-activation-waiting-page .container {
        position: fixed;
        top: calc(50% - 65px);
        left: calc(50% - 248px);
        height: 187px;
        width: 480px;
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 12px;
    }

        .premium-activation-waiting-page .container .text-container {
            margin: 0px 51px 48px 51px;
        }

            .premium-activation-waiting-page .container .text-container .heading {
                font-family: 'Poppins';
                font-weight: 600;
                font-size: 18px;
                line-height: 24px;
                margin-bottom: 5px;
            }

            .premium-activation-waiting-page .container .text-container .sub-heading {
                font-family: 'IBM Plex Sans';
                font-weight: 400;
                font-size: 14px;
                line-height: 20px;
            }

.prime-activation-container.prime-activation-container-alert-border .disney-your-free-test__rectangle.disney-rectangle {
    border: 1px solid #ccc !important;
}

.loading-one {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.0s;
    animation: dot 1.3s infinite;
    animation-delay: 0.0s;
}

.loading-two {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.2s;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}

.loading-three {
    opacity: 0;
    -webkit-animation: dot 1.3s infinite;
    -webkit-animation-delay: 0.3s;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}

@-webkit-keyframes dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes dot {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.premium-activation-waiting-page .premium-activation-waiting-page-img-container {
    text-align: right;
    margin: 24px 24px 0px 24px;
}

.service-cancelled-thank-you-page__footer a.cancelPlanButton.cancelPlanButton-no-capitalize {
    text-transform: none !important;
}