/*tesla Team */
@font-face {
    font-family: "BBVA Coronita Medium";
    src: url(../fonts/coronita/benton/medium/BentonSansBBVA-Medium.eot);
    src: url(../fonts/coronita/benton/medium/BentonSansBBVA-Medium.eot?#iefix) format("eot"), url(../fonts/coronita/benton/medium/BentonSansBBVA-Medium.woff) format("woff"), url(../fonts/coronita/benton/medium/BentonSansBBVA-Medium.ttf) format("truetype"), url(../fonts/coronita/benton/medium/BentonSansBBVA-Medium.svg#OfficeMedium) format("svg");
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "BBVA Coronita Book";
    src: url(../fonts/coronita/benton/book/BentonSansBBVA-Book.eot);
    src: url(../fonts/coronita/benton/book/BentonSansBBVA-Book.eot?#iefix) format("eot"), url(../fonts/coronita/benton/book/BentonSansBBVA-Book.woff) format("woff"), url(../fonts/coronita/benton/book/BentonSansBBVA-Book.ttf) format("truetype"), url(../fonts/coronita/benton/book/BentonSansBBVA-Book.svg#OfficeBook) format("svg");
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@font-face {
    font-family: "BBVA Coronita Bold";
    src: url(../fonts/coronita/benton/bold/BentonSansBBVA-Bold.eot);
    src: url(../fonts/coronita/benton/bold/BentonSansBBVA-Bold.eot?#iefix) format("eot"), url(../fonts/coronita/benton/bold/BentonSansBBVA-Bold.woff) format("woff"), url(../fonts/coronita/benton/bold/BentonSansBBVA-Bold.ttf) format("truetype"), url(../fonts/coronita/benton/bold/BentonSansBBVA-Bold.svg#OfficeBold) format("svg");
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.consumerBody {
    overflow-y: hidden;
    font-family: "BBVA Coronita Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 1.42857;
    color: #333;
}

.consumerBodyBlue {
    font-family: "BBVA Coronita Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 15px;
    background-color: #043263;
    display: block;
    padding: 0px;
    margin: 0px;
    color: #fff;
    overflow-y: hidden;
}

.select_autogestion {
    display: inline-block;
    background: #f4f4f4;
    appearance: none;
    padding: 0 90px 0 15px;
    outline: 0;
    width: 100%;
    border-radius: 1px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    border: none;
    font-size: 16px;
    margin: 15px 0 0 0;
    background: url(../choose/img/arrow-select-b.png) no-repeat #f4f4f4 right 15px center;
    height: 55px;
    color: #666;
    font-family: "BBVA Coronita Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
    border-bottom: 1px solid #121212;
}

.containerAutogestion {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    inline-size: max-content;
}

.contentAutogestionBlue {
    display: grid;
    width: 100vw;
    justify-content: center;
    grid-template-columns: 35%;
    grid-gap: 2%;
}

.form_consumo {
    display: inline-grid;
    margin-top: 80px;
}

.input_field {
    background-color: #f4f4f4;
    height: 40px;
    color: #121212;
    font-size: 17px;
    font-family: "BBVA Coronita Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
    transition: background-color .25s, border-color .25s;
    margin-top: 20px;
    float: right;
    border: none;
    border-bottom: 1px solid #121212;
    outline: none;
    padding-top: 9px;
    padding-left: 16px;
    color: #666;

}

.input_label {
    font-family: "BBVA Coronita Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 17px;
    margin-top: -35px;
    padding: 0 16px;
    color: #666;
    transition: 0.2s ease-in-out;
}

.input_label_before {
    position: relative;
    font-family: "BBVA Coronita Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 16px;
    color: #666;
    margin-top: -65px;
    pointer-events: none;
    transition: 0.2s ease-in-out;
}

.send_btn {
    display: flex;
    margin-top: 50px;

}

.btn {
    border: none;
    border-radius: 1px;
    color: #fff;
    font-family: "BBVA Coronita Bold", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 20px 50px 10px 50px;
    transition: background-color .1s linear 0s;
    white-space: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background-color: #237aba;
    outline: 0;
    box-shadow: none !important;
    cursor: pointer;
}

.disabled {
    background: #ffffff !important;
    color: #dad2d2 !important;
    pointer-events: none;
    box-shadow: none !important;
    border: 1px solid #d3d3d3 !important
}

.btn-link {
    color: #237aba;
    padding-left: 30px;
    font-family: "BBVA Coronita Medium", "Helvetica Neue", Arial, Helvetica, sans-serif;
    background: 0 0;
    -webkit-transition: all .1s linear 0s;
    transition: all .1s linear 0s;
    -webkit-backface-visibility: hidden;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    outline: none;
    text-align: center;
    cursor: pointer;
    text-decoration-line: none;
}

.iconoConsumo {
    visibility: hidden;
    margin-top: 179px;
    position: absolute;
    margin-left: 280px;
    width: 25px;
}

.clave {
    width: 100%;
    height: auto;
}

.logo {
    text-align: center;
}

.logo > h2 {
    font-size: 37px;
}

.logo img {
    width: 150px;
    height: 150px;
}

.formLogin {
    display: grid;
    grid-template-columns: 80%;
    justify-content: center;
}

.content-input {
    padding-left: 50px;
}

.icono {
    visibility: hidden;
    margin-top: -55px;
    position: relative;
    margin-left: 245px;
    width: 8%;
    display: -webkit-box;
}

.text {
    background-color: #004481;
    padding: 6% 11% 3% 5%;
    width: 70%;
    border: none;
    border-bottom: 1px solid #fff;
    letter-spacing: 1px;
    font-size: 15px;
    color: white;
}

.text:focus {
    outline: 0px;
}

.pass {
    background-color: #004481;
    padding: 6% 11% 3% 5%;
    width: 70%;
    border: none;
    border-bottom: 1px solid #fff;
    letter-spacing: 2px;
    font-size: 15px;
    color: white;
}


.pass:focus {
    outline: 0px;
}

a.button.disabled {
    background: #FFFFFF !important;
    color: #bbb4b4 !important;
    pointer-events: none;
    box-shadow: none !important;
    border: 1px solid #d3d3d3 !important
}

a.button {
    border: none;
    border-radius: 1px;
    color: #fff;
    font-family: "BBVA Coronita Bold", "Helvetica Neue", Arial, Helvetica, sans-serif;
    background-color: #237aba;
    outline: 0;
    display: inline-block;
    box-shadow: none !important;
    cursor: pointer;
    padding: 15px 50px 15px 50px;
    margin-top: 30px;

}

.redirectOlvido {
    padding: 20px;
}

.label {
    font-family: "BBVA Coronita Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
    padding: 17px;
    color: #ffffff;
    transition: 0.2s ease-in-out;
    position: relative;
    top: -30px;
    pointer-events: none;
}

.label_before {
    font-family: "BBVA Coronita Book", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: small;
    padding: 17px;
    color: #ffffff;
    transition: 0.2s ease-in-out;
    position: relative;
    top: -45px;
    pointer-events: none;
}

.send {
    text-align: center;
    margin: -10px;
}


.claveBlue {
    width: 100%;
    height: auto;
}

@media (max-width: 1200px) and (min-width: 1000px) {
    .contentAutogestionBlue {
        grid-template-columns: 42%;
    }

    .icono {
        margin-left: 235px;
    }
}


@media (max-width: 999px) and (min-width: 800px) {
    .contentAutogestionBlue {
        grid-template-columns: 42%;
    }

    .icono {
        margin-left: 210px;
    }
}

@media (max-width: 799px) and (min-width: 600px) {
    .contentAutogestionBlue {
        grid-template-columns: 70%;
    }

    .icono {
        margin-left: 220px;
    }

}

@media (max-width: 350px) and (min-width: 321px) {
    .form_consumo {
        margin-top: -60px;
    }
}


@media (max-width: 599px) {
    .send_btn {
        display: inline-block;
        margin-left: 90px;
        margin-top: 20px;
    }

    .btn-link {
        padding-left: 0px;
    }

    .col-md-6 {
        padding-top: 30px;
    }

    .contentAutogestionBlue {
        grid-template-columns: 47%;
    }
}

@media (max-width: 600px) and (min-width: 440px) {

    .contentAutogestionBlue {
        grid-template-columns: 80%;
    }

    .icono {
        margin-top: -48px;
        margin-left: 210px;
    }
}

@media (max-width: 450px) and (min-width: 400px) {
    .containerAutogestion {
        width: auto;
    }

    .contentAutogestionBlue {
        grid-template-columns: 100%;
    }

    .icono {
        margin-top: -48px;
        margin-left: 210px;
    }
}

@media (max-width: 400px) and (min-width: 300px) {
    .containerAutogestion {
        width: auto;
    }

    .contentAutogestionBlue {
        grid-template-columns: 100%;
    }

    .icono {
        margin-top: -48px;
        margin-left: 180px;
    }

    a.button {
        padding: 4%;
    }
}

@media (max-width: 360px) {
    .containerAutogestion {
        padding-left: 0px;
        padding-right: 0px;
    }

    .contentAutogestionBlue {
        grid-template-columns: 100%;
    }

    .send {
        padding-left: 10px;
    }

    .redirectOlvido {
        margin-left: 40px;
    }

    .icono {
        margin-top: -48px;
        margin-left: 180px;
    }

    a.button {
        padding: 4%;
    }
}

@media (max-width: 320px) {
    .iconoConsumo {
        margin-left: 250px;
    }

    .icono {
        margin-top: -48px;
        margin-left: 150px;
    }

    a.button {
        padding: 4%;
    }
}

@media (max-width: 280px) {
    .send_btn {
        margin-left: 60px;
    }

    .iconoConsumo {
        margin-left: 210px;
        width: 25px;
    }

    .label_before {
        padding: 10px;
        top: -35px;
    }

    .label {
        padding: 0px;
    }

    .icono {
        margin-top: -43px;
        margin-left: 130px;
    }

    a.button {
        padding: 4%;
    }

}

@media (max-width: 250px) {
    .send_btn {
        margin-left: 40px;
    }

    .iconoConsumo {
        margin-left: 180px;
    }
}