﻿body {
    line-height: 1.25rem;
}

/* Section header */
.dtv2-title-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
}

    .dtv2-title-container .dtv2-subtitle-link,
    .dtv2-title-container .dtv2-subtitle {
        font-family: 'IBM Plex Sans';
    }

    .dtv2-title-container .dtv2-subtitle {
        padding-right: 10px;
    }
/* End section header */

/* General classes */
.dtv2-toast {
    display: flex;
    justify-content: center;
}

    .dtv2-toast .toast {
        width: 100%;
    }

.dtv2-field-wrapper-title {
    width: 100%;
}

    .dtv2-field-wrapper-title h1 {
        font-family: "Poppins" !important;
        font-weight: bold;
        font-size: 20px;
        width: 384px;
        line-height: 32px;
        margin-bottom: 32px;
    }

    .dtv2-field-wrapper-title p {
        font-family: 'IBM Plex Sans';
        line-height: 24px;
    }

.dtv2-field-wrapper-arrow-left {
    margin-bottom: 6px;
    cursor: pointer;
}

/* End general classes */

/* Page one */
.dtv2-page-one-field-wrapper-item p {
    font-family: 'IBM Plex Sans';
    font-size: 14px;
    line-height: 20px;
}

.dtv2-page-one-field-wrapper-item-container {
    margin-bottom: 10px;
}

/* End page one */

/* Page two */
.dtv2-page-two-form-container {
    margin-top: 16px;
}

.dtv2-page-two-form-btn {
    margin-top: 12px;
}

.dtv-2-radio-button-container {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    width: 100%;
    line-height: 35px;
}

.dtv-2-radio-button-item {
    display: inline-flex;
}

    .dtv-2-radio-button-item .dtv-2-radio-button-item-text {
        margin-right: 15px;
        margin-left: 12px;
    }

.dtv-2-radio-button-item-text-prepago {
    margin-right: 27px !important;
}

.form-control {
    margin-left: -4px;
}

input[type="radio"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
}

.dtv2-inputText-wrapper-goemail {
    margin-top: -10px;
}

.dtv2-inputTextHelp {
    font-family: 'IBM Plex Sans' !important;
}

.dtv2-radio-img {
    width: 24px;
    height: 24px;
}

/* End page two */

/* Section GoEmail */
.dtv2-field-wrapper-title .dtv2-field-wrapper-title-goemail {
    margin-bottom: 6px !important;
}

.dtv2-field-wrapper-title .dtv2-field-wrapper-subtitle-goemail {
    width: 312px;
    margin-bottom: 16px;
}

.dtv2-recaptcha-content {
    margin-bottom: 14px;
    margin-top: 14px;
    width: 265px;
}

    .dtv2-recaptcha-content .dtv2-g-recaptcha {
        transform: scale(0.77);
        transform-origin: 0 0;
    }

    .dtv2-recaptcha-content .dtv2-g-recaptcha-error {
        margin-top: -17px;
    }

/* End section GoEmail */
@media only screen and (min-width: 51.313em) {
    .br_olvidaste {
        display: none;
    }
}

@media (max-width: 821px) {
    /* General classes */

    .p-main-lower-header,
    .h1-main-title-header {
        text-align: left !important;
    }

    .dtv2-title-container {
        justify-content: start;
        align-items: start;
    }

    .dtv2-field-wrapper-title p {
        width: 274px;
    }

    .dtv2-field-wrapper-title h1,
    .field-wrapper-button button,
    .field-wrapper-button {
        width: 100%;
    }

    .dtv2-toast .dtv2-toast-data {
        width: 319px !important;
    }
    /* End general classes */

    /* Page one */
    .dtv2-page-one-field-wrapper-item p {
        width: 225px !important;
    }

    /* End page one */

    /* Section GoEmail */

    .dtv2-field-wrapper-title .dtv2-field-wrapper-subtitle-goemail {
        width: 212px;
    }

    /* End section GoEmail*/


    .mdtv-deco-continue-button {
        margin: 16px 0px;
    }
}


/*Div divFullpage*/

.dtv2-p-plain-text {
    font-family: 'IBM Plex Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #2C2C2C;
}

    .dtv2-p-plain-text.dtv2-no-btn-margin, .main-content .text-field.dtv2-no-btn-margin {
        margin-bottom: 0px;
    }

    .dtv2-p-plain-text.dtv2-p-plain-text-bold {
        font-weight: 700;
    }

    .dtv2-p-plain-text.dtv2-p-plain-text-spacing-12 {
        letter-spacing: 0.18px;
        font-size: 12px;
        line-height: 16px;
    }


.dtv2-p-user-email {
    font-family: 'Poppins';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #2C2C2C;
}

.dtv2-p-user-email-thin {
    color: #2C2C2C;
    font-family: 'DIRECTVCurve Regular';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.main-content button.dtv2-btn-secondary-outline {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 280px;
    height: 48px;
    padding: 0px;
    gap: 10px;
    isolation: isolate;
    height: 48px;
    border-radius: 24px;
    background-color: transparent;
    border: 2px solid #0073ae;
    color: #0073ae;
    cursor: pointer;
    outline: none;
    box-shadow: 0px 0px 0px 2px transparent;
    position: relative;
    z-index: 0;
    margin: 0 auto;
    transition: background-color .25s,background-image .25s,box-shadow .25s,border-color .25s;
    transition-timing-function: cubic-bezier(0.5, 0, 0.5, 1);
    box-shadow: 0px 0px 0px 2px transparent;
}

    .main-content button.dtv2-btn-secondary-outline:disabled, .main-content button.dtv2-btn-secondary-outline:hover:disabled, .main-content button.dtv2-btn-secondary-outline:active:disabled, .main-content button.dtv2-btn-secondary-outline:focus:disabled {
        color: #838383 !important;
        background: #dcdcdc;
        cursor: default;
        box-shadow: none;
        border-color: #dcdcdc;
    }

button.dtv2-btn-secondary-outline .loading-spinner {
    animation: rotate 2s linear infinite;
    z-index: 2;
    width: 18px;
    height: 18px;
    cursor: default;
}

    button.dtv2-btn-secondary-outline .loading-spinner circle {
        stroke: #464646;
        stroke-linecap: round;
        animation: dash 1.5s ease-in-out infinite;
    }

p.dtv2-margin-btn-6, .dtv2-margin-btn-6, .dtv2-field-wrapper-title .dtv2-margin-btn-6 {
    margin-bottom: 6px;
}

p.dtv2-margin-btn-32, .dtv2-margin-btn-32 {
    margin-bottom: 32px;
}

.main-content .dtv2-margin-btn-16 {
    margin-bottom: 16px;
}

.main-content .dtv2-margin-btn-8 {
    margin-bottom: 8px;
}

.main-content .dtv2-margin-top-btn-24 {
    margin-bottom: 24px;
    margin-top: 24px;
}

.main-content .dtv2-margin-top-14 {
    margin-top: 14px;
}

.dtv2-svg-exclamation-icon {
    width: 32px;
    position: absolute;
    margin: 11px 12px;
}

.text-field.dtv2-fixed-width-icon {
    width: calc(100% - 44px);
}

.dtv2-info-deco-div-header {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dtv2-svg-question-icon {
    width: 84px;
    margin-bottom: 30px;
    display: block;
    margin-top: 0px;
}

div.prepaidOfferPopupModal.dtv2-deco-modal h2.prepaidConfirmOfferHeading {
    color: #101010;
    text-align: center;
    font-family: 'Poppins';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    text-transform: none;
    line-height: 28px;
}

div.prepaidOfferPopupModal a.closePrepaidOfferModal.dtv2-close-modal-x {
    display: block;
    font-size: 2.5em;
    margin-top: 5px;
}

div.prepaidOfferPopupModal.dtv2-deco-modal {
    margin-left: 0px;
    margin-right: 0px;
}

.fontSize-14-ibm {
    color: #101010;
    font-family: 'IBM Plex Sans';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.14px;
}

div.dtv2-btn-close-modal-deco-container {
    text-align: center;
}

.main-content button.dtv2-btn-close-modal-deco, .main-content button.dtv2-btn-close-modal-deco:hover, .main-content button.dtv2-btn-close-modal-deco:focus {
    color: #0073AE;
    cursor: pointer;
    text-align: center;
    font-family: 'Poppins';
    font-size: 14px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 20px;
    letter-spacing: 0.14px;
    background-color: transparent;
}

.dtv2-sub-heading-left-margin {
    margin-left: 5px;
}
/* WEB Responsive - Settings */
@media only screen and (min-width: 51.313em) {
    .dtv2-svg-question-icon {
        margin-top: 30px;
    }

    div.prepaidOfferPopupModal.dtv2-deco-modal {
        margin-left: 60px;
        margin-right: 60px;
    }

    .main-content button.dtv2-btn-secondary-outline {
        width: 100%;
    }

    .dtv2-wrapper-container-padding {
        padding: 0 32px;
    }

    .text-field.dtv2-fixed-width-icon {
        width: 100%;
    }
}
/*END Div divFullpage*/


/*START Crea tu Password*/

.dtv2-eye-icon,
.dtv2-eye-open-icon {
    background-image: url('../../images/dtv2-hide-password.svg');
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 20px;
    top: 15px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    color: #646464;
}

.dtv2-eye-open-icon {
    background-image: url('../../images/dtv2-show-password.svg');
    background-position: center;
}

.inputTextHelp-fix-right-margin {
    margin-right: 20px;
}
/* TERMS and CONDITIONS region */
div.f-card-terms {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

div.div-container-term-conditions {
    display: flex;
    flex-direction: column;
}

label.label-term-conditions {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #101010;
    cursor: default;
}

a.a-term-conditions {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: #0073AE;
}

span.card-term-check-svg {
    cursor: pointer;
    background-image: url('../../images/term-conditions-check-unchecked.svg');
    height: 24px;
    width: 24px;
    display: block;
    min-width: 24px;
}

    span.card-term-check-svg.svg-checked {
        background-image: url('../../images/term-conditions-check-checked.svg');
    }

#fCheckTerms, #fCheckOfert {
    display: none;
}

/*PASSWORD Strenght BAR*/
.dtv2-bar-container {
    position: relative;
    width: 1px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    height: 16px;
    padding: 0 20px;
    transition: width 1s ease-in-out, background-color 0.5s ease;
}

    .dtv2-bar-container.weak-password {
        width: calc(25% + 30px);
    }

    .dtv2-bar-container.good-password {
        width: calc(50% + 40px);
    }

    .dtv2-bar-container.excelent-password {
        width: calc(85% + 10px);
    }

.dtv2-bar-password {
    border-radius: 32px;
    height: 4px;
    width: 85%;
    background-color: transparent;
}

    .dtv2-bar-password::after {
        content: '';
        font-family: 'IBM Plex Sans';
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0.18px;
        position: absolute;
        right: 0;
        top: 0;
        display: inline-block;
    }

.weak-password .dtv2-bar-password {
    background-color: #BE0F0F;
    width: calc(100% - 14px);
}

    .weak-password .dtv2-bar-password::after {
        content: 'Débil';
        color: #BE0F0F;
    }

    .dtv2-eng .weak-password .dtv2-bar-password::after {
        content: 'Weak';
        color: #BE0F0F;
    }

.good-password .dtv2-bar-password {
    background-color: #F5821F;
    width: calc(100% - 20px);
}

    .good-password .dtv2-bar-password::after {
        content: 'Bueno';
        color: #F5821F;
    }
.dtv2-eng .good-password .dtv2-bar-password::after {
    content: 'Good';
    color: #F5821F;
}

.excelent-password .dtv2-bar-password {
    background-color: #448325;
    width: calc(100% - 45px);
}

    .excelent-password .dtv2-bar-password::after {
        content: 'Excelente';
        color: #448325;
    }

.dtv-eng2 .excelent-password .dtv2-bar-password::after {
    content: 'Excelent';
    color: #448325;
}

.main-content .text-field .inputText-wrapper.no-limit-height {
    height: auto;
}

.field-wrapper-item.dtv2-margin-btn-32.dtv2-mobile-margin-btn-32 {
    margin-bottom: 0px;
}
/* END TERMS and CONDITIONS region */

.dtv2-send-code-again {
    color: #0073AE;
    font-family: 'IBM Plex Sans';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0.18px;
}

.field-wrapper.field-wrapper-transparent {
    background: transparent;
    box-shadow:none;
}

@media only screen and (min-width: 51.313em) {
    .field-wrapper-item.dtv2-margin-btn-32.dtv2-mobile-margin-btn-32 {
        margin-bottom: 32px;
    }

    .dtv2-toast {
        justify-content: right;
    }

        .dtv2-toast .toast {
            min-width: 400px;
            width: auto;
        }

    .main-content-inner {
        width: 100%;
    }
}

.main-content-inner.dtv2-no-bottom-margin {
    margin-bottom:0px;
}
.main-content button.btn-add-card {
    font-family: 'Poppins';
    font-weight: 600 !important;
}
#FinalPage {
height:100%;
}
/*END Crea tu Password*/

/*Fix Error on Password*/
.main-content .text-field .inputTextError-fixed-password{
    margin-bottom:0px;
}
.main-content .dtv2-text-field-password.text-field.has-error .inputTextError {
    display: none;
}
.main-content .text-field:not(.has-error) .inputTextError-fixed-password.inputTextError {
    display:none;
}

.main-content .text-field.has-error .inputTextError-fixed-password.inputTextError {
    display: flex;
}
.main-content .text-field.has-error.is-level-visible .inputTextError-fixed-password.inputTextError {
    display: none;
}

.main-content .dtv2-text-field-password.text-field .inputTextHelp {
    display: block;
}

@media only screen and (min-width: 51.313em) {

    .main-content .text-field .inputTextError-fixed-password {
        margin-bottom: 5px;
    }
}