ul li::before {
    content: "";
    color: var(--primary_5);
    font-weight: bold;
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    margin-left: -1em;
}

.check_option_label {
    width: 100%;
}

.login_register_form {
    border: none;
    padding: 1.5rem;
}

input[type="checkbox"] {

    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;

}

#tab_login, #tab_register {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid var(--secondary_1);
}

#password_recovery_link {
    margin-bottom: 2rem;
}

#buttons_container {
    margin: 3rem 0;
    width: 100%;
}

#sing_up_buttom {
    margin-top: 2rem;
}

#message_registration_complete_container {
    margin-top: 7rem;
}

.cancel_login {
    margin-top: 1rem;
}

.nav-tabs {
    border: none;

}

.form_header {
    background-color: var(--secondary_1);
}

.input-group {
    max-width: 23rem;
    margin-bottom: 1rem;
}

.input-group:focus {
    background-color: var(--primary_1_5);
    border-color: var(--primary_1_5);
}

.form-control {
    background: var(--primary_1_4);
    border-color: var(--primary_1_4);
}

.form-control:focus {
    background: var(--primary_1_5);
    border-color: var(--primary_1_5);
    box-shadow: 0 0 0 .2rem var(--primary_1_5);
}

.password_visibility {
    background: var(--primary_1_4);
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 0.3rem;
    color: var(--primary_1);
}

.password_visibility_structure {
    display: flex;
    justify-content: center;
    width: 100%
}

.container {
    background-attachment: fixed;
}

.error_list {
    list-style: none;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: var(--primary_3_9);
    background-color: var(--primary_3_6);
    border-color: var(--primary_3_6);
}


.input-group ul li label {
    display: inline;
}

#conditions {
    margin-left: 2rem;

}

#id_sexo {
    margin-left: 1rem;
}


.one_check {
    padding-left: 0;
}

.error_list li {
    text-color: var(--primary_3_9);
}


.teacher_form {
    padding-left: 25px;
    padding-right: 25px;

}

.fade:not(.show) {
    opacity: 0;
    display: none;
}

.image_background {
    background-image: url(/static/base/images/background/background_login.svg) !important;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-size: contain;
}

.text_error {
    margin-bottom: 0;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: var(--secondary_1);
    border-color: var(--primary_4);
    background-color: var(--primary_4);
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem var(--primary_4_7);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: var(--primary_4_2);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: var(--secondary_1);
    background-color: var(--primary_4_3);
    border-color: var(--primary_4_3);
}

.custom-control-input:disabled ~ .custom-control-label {
    color: var(--secondary_2_3);
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: var(--secondary_1);
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

.custom-control-label::before {
    position: absolute;
    top: 0.25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: var(--secondary_1);
    border: var(--secondary_3_9) solid 1px;
}


.errorlist {
    color: var(--primary_3);
    list-style: none;
    padding-left: 1rem;
    font-size: 80%;
    width: 100%;
    margin-top: .25rem;
    font-size: 80%;

}

#password_requirements {
    list-style: none;
    padding-left: 1rem;
    font-size: 80%;

}

.errorlist li:before {
    display: inline-block;
    content: "-";
    width: 1em;
    margin-left: -1em;
}


.invalid_feedback {
    color: var(--primary_3);
}

.invalid_feedback_password {
    position: absolute;
    margin-top: 2.5rem;
}

.input_group_p {
    width: 73%;
}

.input_group_pv {
    width: 27%;
}

.input-group input {
    border-radius: .25rem !important;
}

.input_group_p input {
    border-radius: 0.25rem 0 0 0.25rem !important;
}

.input_group_pv a {
    border-radius: 0 0.25rem 0.25rem 0 !important;
}

.languages_structure {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.width_hundred {
    width: 100%
}

/*@media (min-width:351px) {*/
/*    .input_group_p {*/
/*        max-width: calc(100% - 100px);*/
/*    }*/
/*}*/

.description_text {
    font-size: 14px;
}

@media (min-width: 494px) {
    .input_group_p {
        width: 73%
    }

    .input_group_pv {
        width: 27%
    }
}

@media (max-width: 438px) {
    .input_group_p {
        width: 100%;
    }

    .input_group_pv {
        width: auto;
        padding: .25rem 0 0 0;
    }

    .login_register_form {
        padding: 0;
    }

    .password_visibility {
        background: none;
        padding-left: 7px;
    }

    .input_group_p input {
        border-radius: 0.25rem !important;
    }
    .description_text {
        font-size: 15px;
    }

}