@font-face {
    font-family: "Aeroport";
    src: url(Aeroport/Aeroport/Aeroport-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: "Aeroport";
    src: url(Aeroport/Aeroport/Aeroport.ttf);
    font-weight: 400;
}

@font-face {
    font-family: "Aeroport";
    src: url(Aeroport/Aeroport/Aeroport-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: "Normalidad UltraExtended";
    src: url(Normalidad/Normalidad/NormalidadUltraExtended-UExBd.otf);
}



body {
    background: linear-gradient(#0024FF, #0019B0);
    min-height: 100vh;
}

a {
    text-decoration: none !important;
}

.authorization img {
    position: absolute;
    top: 18px;
    right: 20px;
    height: 21px;
}

.register-link,
.login-link,
.main_login__back-to-login {
    font: 500 16px "Aeroport";
    position: absolute;
    line-height: 22px;
    top: 18px;
    left: 20px;
    color: white;
    margin: 0;
}


.email-reset-password-form__info p {
    color: #2C2C2C;
}

.login-form img,
.register-form img,
.email-reset-password-form__info img {
    display: block;
    margin: 0 auto;
}

.login-form label,
.register-form label,
.email-reset-password-form__info label {
    color: #2C2C2C;
    font: 400 16px "Aeroport";
    line-height: 22px;
    margin-bottom: 5px;
    display: block;
    text-indent: 7px;
    border-radius: 8px;

}




.login-form input,
.register-form input,
.email-reset-password-form__info input {

    display: block;
    box-shadow: inset 1px 1px 6px rgba(0, 0, 0, .25);
    background: #E8E8E8;
    color: #2C2C2C;
    border-radius: 8px;

}

.login-form input:focus,
.register-form input:focus,
.email-reset-password-form__info input:focus {
    outline: 2px solid #1B46F5 !important;
}

.login-form input::placeholder,
.register-form input::placeholder,
.email-reset-password-form__info input::placeholder {
    color: #626262;
}

.login-form .register-btn,
.email-reset-password-form__send {
    background-color: #1B46F5;
    font: 400 18px "Aeroport";
    width: 180px;
    border-radius: 10px;
    height: 42px;
}

.reset-password-link {
    font: 400 16px "Aeroport";
    text-decoration: underline !important;
    color: #1B46F5;
    line-height: 1.2;
}

.register-form {
    all: unset;
    margin: 15px;
    background: white;
    padding: 24px;
    box-sizing: border-box;
    border-radius: 10px;
}


.button-confirm,
.register-btn,
.register-form__list__element__next-step,
.register-form__list__element__preview-step {
    position: static;
    margin: 22px auto;
    width: 203px;
    height: 42px;
    background-color: #1B46F5;
    font: 400 16px "Aeroport";
    border-radius: 10px;
    line-height: 1;
}

.register-form__list__element__preview-step:hover {
    box-shadow: unset;
}



.register-form__list__element__next-step {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
}

.register-form__list__element__next-step img {
    padding: 0;
    margin: 0;
}

.register-form__number-list {
    text-align: center;
    font: 400 20px "Aeroport";
    color: #0019B1;
}

.register-form {
    display: flex;
    flex-direction: column;
    min-height: 484px;
}

.register-form__list {
    flex: 1;
    width: 100%;
}

.register-form__list__element {
    border: none;
    background: white;
    z-index: 0;
    display: none;
    /* position: relative; */
}

.register-form__number-list {
    position: absolute;
    bottom: 14px;
    width: 100px;
    text-align: center;
    left: calc(50% - 50px);
}

.register-form__list__element__preview-step {
    position: absolute;
    left: 14px;
    bottom: 14px;
    margin: 0;
    padding: 0;
    background-color: transparent;
    color: #0019B0;
    width: max-content;
    height: max-content;
}

.body_register main {
    align-items: center;
    justify-content: center;
    min-height: 100vh
}


.register-form_wout-flex {
    flex: unset !important;
    position: relative;
    width: 100%;
    max-width: 540px;
}

.form-logout {
    top: 18px;
    left: 20px;
    padding: 0px !important;
}

.form-logout #dashboard-aside__log-out {
    padding: 0;
    top: 0;
    left: 0;
}

.student-main__student-balance {
    border-radius: 0px;
}

.student-main__student-balance h3 {
    margin: 0;
    font: 400 20px "Normalidad UltraExtended";
    line-height: 27px;
}

.student-main__student-balance_back-coin h1,
.student-main__student-transaction h1 {
    margin: 0;
    font: 700 28px "Normalidad UltraExtended";
    line-height: 38px;
    display: flex;
    flex-direction: column;
}

.student-main__student-balance_back-coin h1 span,
.student-main__student-transaction h1 span {
    font: 400 20px "Aeroport";
}

.student-main__student-balance img {
    animation: none;
}

.student-main__student-balance_back-coin {
    height: 300px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../images/laptop_coin.png);
    background-repeat: no-repeat;
    background-position: center 40px;
    padding-bottom: 20px;
}

.student-main__latest-transactions {
    padding: 0px 20px;
}

.student-main__latest-transactions h5,
.student-main__student-transaction h5 {
    font: 400 24px "Aeroport";
    color: #2C2C2C;
    line-height: 52px;
    margin: 12px 0px 0px;
}

.student-main__latest-transactions .transaction,
.student-main__student-transaction .transaction {
    border-bottom: 2px solid #9C9EA1;
}



.student-main__latest-transactions {
    background-color: white;
}


.transaction__operation-type {
    font: 300 14px "Aeroport";
    color: #2C2C2C;
}

.transaction__date {
    font: 300 12px "Aeroport";
    color: #2C2C2C;
    opacity: 0.5;
}

.transaction__value_plus {
    color: #2C2C2C;
    font: 800 14px "Normalidad UltraExtended";
    top: unset;
    bottom: 10px;
}

.transaction__value_plus img {
    width: 16px;
    height: 16px;
}

.student-main__student-transaction {
    background: transparent;
    padding: 0;
}

.student-main__student-transaction h1 {
    padding: 25px 0px 16px;
    text-align: center;
    background: url(../images/coin-last-transactions.png);
    background-repeat: no-repeat;
    background-position: 0px -10px;
}

.student-footer {
    background: black;
    padding: 0 0 6px;
}

.student-footer button {
    border: 0px solid transparent;
    border-top: 4px solid transparent;
    color: white !important;
    width: 85px;
    font: 400 12px "Aeroport";
}

.student-footer button:hover {
    border-top: 4px solid #1B46F5 !important;
}


.student-footer button img {
    height: 22px;
    padding: 0px;
}

.student-main__top-ten {
    display: flex;
}

.student-main__top-ten,
.student-main__student-shop {
    flex-direction: column;
    padding: 0;
}

.student-main__top-ten__image,
.student-main__student-shop__image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    text-align: center;
    font: 400 20px "Aeroport";
    padding: 0px 30px 23px;
    line-height: 1.2;
}

.student-main__student-shop__image {
    padding: 0px 17px 23px;
}

.student-main__top-ten__image img,
.student-main__student-shop__image img {
    height: 221px;
}


.student-main__top-ten__info,
.student-main__student-shop__info {
    flex: 1;
    background-color: white;
    width: 100%;
    padding: 27px 14px;
    font: 300 16px "Aeroport" !important;
    line-height: 1.2;
    color: #2C2C2C;
    text-align: center;
    box-sizing: border-box;
}


.student-shop__card {
    border: 1px solid #d9d9d9;
    width: 170px;
    border-radius: 4px 4px 0px 0px;
    overflow: hidden;
    padding-bottom: 10px;
}

.student-shop__card>a>img {
    width: 100%;
    height: 170px;
    border: none;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
}

.student-shop__card figcaption {
    padding: 16px 12px;
    box-sizing: border-box;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 150px;
}


.student-shop__card h6 {
    font: 400 14px "Aeroport";
    line-height: 1;
    margin: 6px 0px;
    flex: auto;
}

.student-shop__left,
.student-shop__desc {
    font: 400 12px "Aeroport";
    color: #9C9EA1;
}

.student-shop__card button {
    margin: 0 0 20px;
    background: #0024FF;
    font: 400 18px "Aeroport";
    line-height: 1;
    width: 80%;
    padding: 10px;
    height: unset;
    border-radius: 10px;
    margin: 0 auto;
}


.student-shop__price {
    position: static;
}



.student-main__student-shop__info {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: start;
    overflow: auto;
    justify-content: space-between;
    justify-content: center;
}

.student-main__student-shop__coin {
    position: absolute;
}


.student-main>div {
    overflow: auto;
}


.student-main__student-shop__coin {
    display: flex;
    flex-direction: row;
    position: static;
    padding-bottom: 10px;
    color: black;
}



.register-form__list__element input {
    box-sizing: border-box;
    border: 2px solid transparent;
}


.shop_coin {
    display: flex;
}

.student-main__student-shop {
    overflow: visible !important;
}

.student-main__student-shop__coin {
    position: absolute;
    top: -36px;
    width: 100px;
    justify-content: center;
    left: calc(50% - 50px);
    height: max-content;
}




.back-to-main {

    background: transparent;

    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    gap: 8px;
    color: black !important;
}


.student-main__student-shop__navigation {
    background-color: #d9d9d9;
    width: 100%;
    display: flex;
    align-items: center;
    height: max-content;
}

.student-main__student-shop__navigation button {
    margin: 0;
    height: 100%;
    min-width: 67px;
    padding: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    justify-content: center;

}

.student-main__student-shop__navigation span {
    font-size: 16px;
    font-weight: 300;
    color: black;
    padding-left: 15px;
    flex: 1;
}

.student-main__student-shop__navigation__orders {
    background-color: black;
    color: white;
    border-radius: 0px 0px 8px 0px;
}

.student-main__student-shop__navigation__basket {
    border-radius: 0px 0px 0px 8px;
    background-color: black;
    justify-content: center !important;
    align-items: center !important;

}


.student-main__student-shop__navigation span {
    padding: 5px 10px;
}



.wallet-header,
.shop-header {
    display: flex !important;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: 100%;
    max-width: 992px;
    margin: 0 auto;
    padding: 20px 16px 0px;
    box-sizing: border-box;

    .form-logout,
    img {
        position: static;
        width: max-content;
        flex: unset;

        #dashboard-aside__log-out {
            position: static;
        }
    }
}



@media screen and (min-width: 615px) {

    .student-main__student-shop__coin {
        font-size: 18px;
        top: -43px;

        img {
            width: 20px;
            height: 20px;
        }
    }

    .student-shop__card {
        width: 280px;

        >a>img {
            height: 280px;
        }

        h6 {
            font-size: 18px;
        }

        .student-shop__left {
            font-size: 14px;
        }

        button {
            font-size: 18px;
        }
    }

}

@media screen and (max-width: 615px) and (min-width: 500px) {



    .student-shop__card {
        width: 230px;

        >a>img {
            height: 230px;
        }

        h6 {
            font-size: 18px;
        }

        .student-shop__left {
            font-size: 14px;
        }

        button {
            font-size: 18px;
        }
    }

}

@media screen and (max-width: 380px) {
    .student-shop__card {
        width: 280px;

        >a>img {
            height: 280px;
        }

        h6 {
            font-size: 18px;
        }

        .student-shop__left {
            font-size: 14px;
        }

        button {
            font-size: 18px;
        }
    }
}

@media screen and (max-width: 576px) {



    .body_register main {
        padding: 20px;
    }
}



.student-main__fair-was-started {
    background: #FF006A;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font: 400 20px "Normalidad UltraExtended";
    gap: 12px;
    margin: 0;

    img {
        width: 32px;
        height: 32px;
    }

}



.fair-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #0024FF, #0019B0);
    z-index: 100000;
    display: flex;
    align-items: start;
    justify-content: center;
    padding-top: 20px;
    box-sizing: border-box;
}

.fair-block__data {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    max-width: 500px;
    padding: 0px 20px;
    box-sizing: border-box;
}

.fair-block__data img {
    width: 50%;
    max-width: 360px;
}

.fair-block__data h4 {
    text-align: center;
    font: 400 32px "Normalidad UltraExtended";
    font-variant: small-caps;
    line-height: 1;
    margin: 5px 0px 9px;
}

.fair-block__data button {
    display: flex;
    background: transparent;
    align-items: center;
    gap: 3px;
    opacity: 0.7;
    align-self: end;
    margin: 0 0 50px;
}


.fair-block__shop-link {
    display: block;
    margin: 0 auto;
    width: 231px;
    height: 42px;
    background: #FF006A;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 18px;
    border-radius: 10px;
}

.transaction_expense {
    border-color: #FF006A !important;
    display: flex;
    align-items: start;
    flex-direction: row;
    gap: 8px;

    >img {
        width: 24px;
    }

    h6 {
        font-family: "Aeroport";
        font-weight: 700;
        font-size: 14px;
        line-height: 19px;
    }
}

.transaction_expense .transaction__value {
    color: #FF006A;
}


.fair-block__data p {
    font-size: 20px;
}

.fair-block__data h4 {
    font-size: 20px;
    margin-bottom: 15px;
}

.fair-block__data {
    width: 100%;
    padding: 8px;
}

.fair-block__data img {
    width: 100%;
    max-width: 300px;
}

.fair-block__data button {
    margin-bottom: 0px;
}

.transaction_cancel {
    opacity: 0.4;
}


.student-main__student-transaction h1 {
    background: url(../images/coin-last-transactions.png), #0024FF;
    background-repeat: no-repeat;
    position: sticky;
    top: 0px;
    z-index: 2;
}

@media screen and (min-width: 615px) {
    .transaction {

        h6,
        .transaction__operation-type,
        .transaction__date {
            font-size: 20px;
        }

    }

    .student-main__latest-transactions h5,
    .student-main__student-transaction h5 {
        font-size: 32px;
    }

    .transaction__value {
        font-size: 20px;

        img {
            width: 24px;
            height: 24px;
        }
    }
}