.body-fondo {
    background-color: #0d5c9b;
}

.sidebar {
    width: 20rem !important
}

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

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

html{
    display: flex;
}


/* MODAL LOGIN */
#exampleModal .modal-body,
#exampleModal .modal-content{
    background-color: transparent;
}
#exampleModal .modal-content{
position: relative;
}

/* GENERALES DE INGRESO */


.form-control:focus {
    color: #6e707e;
    background-color: #fff;
    border-color: #0d5c9b !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #0d5c9b40 !important;
}

/* ESTILOS NUEVOS LOGIN */

#login .form-column {
    padding: 30px;
    border: 1px solid white;
    border-radius: 10px;
    background-color: white;
    margin: 0 auto;
}

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

#login .form-column form {
    margin-top: 50px;
}

#login .form-column form button{
    background-color: #0d5c9b;
}
#login .form-column form h6 {
    color: rgb(34, 34, 34);
}


#login .icono {
    text-align: center;
    background-color: #0d5c9b;
    color: white;
    border: 5px solid white;
    padding-block: 8px;
    border-radius: 5px;
    width: 96vw;
    max-width: 500px;
    position: absolute;
    left: 0;
    top: -24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
}

#login .icono p{
    margin: 0;
}



#login .form-column h1 {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: white;
    margin: 0;

}

#login .form-column p {
    color: white;
    margin: 0;
    font-size: 30px;
}

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

#login .form-column .create a {
    color: #0d5c9b;
    font-weight: 700;
    font-size: 18px;
    text-decoration: none;
}





/* ESTILOS NUEVOS LOGIN */


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

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

#register .form-column form {
    margin-top: 30px;
}

#register .form-column form button{
    background-color: #0d5c9b;
}

#btnRegister{
    background-color: #0d5c9b;
}

#register .form-column form h6 {
    color: rgb(34, 34, 34);
}


#register .form-column .icono {

    text-align: center;
    background-color: #0d5c9b;
    color: white;
    border: 5px solid white;
    padding-block: 8px;
    border-radius: 5px;
    width: 100vw;
    max-width: 534px;
    transform: translate(-49px, 16px);
    display: flex;
    justify-content: center;
    align-items: center;

}

#register .form-column h1 {
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    color: white;
    margin: 0;

}

#register .form-column p {
    color: white;
    margin: 0;
    font-size: 30px;
}

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

#register .form-column .create a {
    color: #0d5c9b;
    font-weight: 700;
    font-size: 18px;
}

#terminos{
    color: #0d5c9b;
    text-decoration-line: underline;
}