.bg-info {
    background-color: #48b4bc;
    background-image: linear-gradient(180deg, #48b4bc 10%, #31757a 100%);
    background-size: cover
}

.sidebar {
    width: 20rem !important
}

.sidebar .nav-item .nav-link {
    width: 17rem
}

.duo-calaplay {
    --fa-primary-color: #48b4bc;
    --fa-secondary-color: #41a2a9;
}


/* GENERALES DE INGRESO */

.form-control:focus {
    color: #6e707e;
    background-color: #fff;
    border-color: #47b5be !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #47b5be40 !important;
}
/* ESTILOS NUEVOS LOGIN */


#login .form-column {
    max-width: 500px;
    width: 90vw;
    padding: 30px;
    border: 1px solid white;
    border-radius: 10px;
    background-color: white;
}

#login .form-column .icono img{
    width: 50px;
}

#login .form-column .icono {

    transform: translateY(-55px);
    text-align: center;
    background-color: #47b5be;
    color: white;
    border: 5px solid white;
    padding-block: 8px;
    border-radius: 50px;
    max-width: 155px;
    margin: 0 auto;

}

#login .form-column h1 {
    text-align: center;
    font-weight: 700;
    transform: translateY(-21px);
    color: #797979;
}

#login .form-column .line {
    border-top: 1px solid #bcbcbc;
}

#login .form-column .create a {
    color: #47b5be;
    font-weight: 700;
    font-size: 18px;
}

#login .form-column a {
    color: #797979;
    text-decoration: none;
    background-color: transparent;
}


/* ESTILOS RECUPERAR CONTRASEÑA NUEVOS */

#recover .form-column {
    max-width: 500px;
    width: 90vw;
    padding: 30px;
    border: 1px solid white;
    border-radius: 10px;
    background-color: white;
}

#recover .form-column .icono {

    transform: translateY(-55px);
    text-align: center;
    background-color: #47b5be;
    color: white;
    border: 5px solid white;
    padding-block: 17px;
    border-radius: 50px;
    max-width: 155px;
    margin: 0 auto;

}


#recover .form-column h2 {
    text-align: center;
    font-weight: 700;
    transform: translateY(-21px);
    color: #797979;
}

#recover .form-column a.cancel{
    color: #47b5be;
    font-weight: 600;
}

/* ESTILOS CREA TU CUENTA NUEVOS */
.body-register{
    min-height: 980px;
}


#register .form-column {
    max-width: 900px;
    width: 90vw;
    padding: 30px;
    border: 1px solid white;
    border-radius: 10px;
    background-color: white;
}

#register .form-column .icono {

    transform: translateY(-55px);
    text-align: center;
    background-color: #47b5be;
    color: white;
    border: 5px solid white;
    padding-block: 17px;
    border-radius: 50px;
    max-width: 155px;
    margin: 0 auto;

}

#register .form-column h2 {
    text-align: center;
    font-weight: 700;
    transform: translateY(-21px);
    color: #797979;
}

#register .form-column a.cancel{
    color: #47b5be;
    font-weight: 600;
}

#register .form-column #register-button button{
    width: 20vw;
    max-width: 350px;
    margin: 0 auto;
}

#register .form-column a {
    color: #797979;
    text-decoration: none;
    background-color: transparent;
}


#register .form-column hr{
    border-top: 1px solid #e5e5e5;
}


/* ESTILOS VALIDAR CÓDIGO NUEVO */
.body-code{
    min-height: 740px;
}

#codigo .form-column {
    max-width: 500px;
    width: 90vw;
    padding: 30px;
    border: 1px solid white;
    border-radius: 10px;
    background-color: white;
}

#codigo .form-column .icono {

    transform: translateY(-55px);
    text-align: center;
    background-color: #47b5be;
    color: white;
    border: 5px solid white;
    padding-block: 17px;
    border-radius: 50px;
    max-width: 155px;
    margin: 0 auto;
}

#codigo .form-column h2 {
    text-align: center;
    font-weight: 700;
    transform: translateY(-21px);
    color: #797979;
}

#codigo .form-column a {
    color: #47b5be;
    text-decoration: none;
    background-color: transparent;
}


/* ESTILOS VALIDA TU CORREO */
#validarCorreo .form-column {
    max-width: 500px;
    width: 90vw;
    padding: 30px;
    border: 1px solid white;
    border-radius: 10px;
    background-color: white;
}

#validarCorreo .form-column .icono {

    transform: translateY(-55px);
    text-align: center;
    background-color: #47b5be;
    color: white;
    border: 5px solid white;
    padding-block: 17px;
    border-radius: 50px;
    max-width: 155px;
    margin: 0 auto;
}

#validarCorreo .form-column h2 {
    text-align: center;
    font-weight: 700;
    transform: translateY(-21px);
    color: #797979;
}

#validarCorreo .form-column a {
    color: #47b5be;
    text-decoration: none;
    background-color: transparent;
}


/* ESTILOS VALIDA TU CELULAR */
#validarCelular .form-column {
    max-width: 500px;
    width: 90vw;
    padding: 30px;
    border: 1px solid white;
    border-radius: 10px;
    background-color: white;
}

#validarCelular .form-column .icono {

    transform: translateY(-55px);
    text-align: center;
    background-color: #47b5be;
    color: white;
    border: 5px solid white;
    padding-block: 17px;
    border-radius: 50px;
    max-width: 155px;
    margin: 0 auto;
}

#validarCelular .form-column h2 {
    text-align: center;
    font-weight: 700;
    transform: translateY(-21px);
    color: #797979;
}

#validarCelular .form-column a {
    color: #47b5be;
    text-decoration: none;
    background-color: transparent;
}