.navbar-custom {
    background-color: ;
    display: flex;
}


.logo-topbar {
    background-image: url(data:directory;base64,);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100px;
    height: 70px;
}

.nav-link {
    color: ;
    font-weight: 700;
}

.content-page {
    display: flex;
    justify-content: center;

}

.content {
    min-width: 250px;
    max-width: 750px;
    width: 100%;
    margin: 20px;
}

.form-label {
    color: black;
}

.dropzone {
    min-height: 150px;
    max-height: 200px;
    height: 100%;
}

#cajaBoton {
    display: flex;
    justify-content: center;

}

.btn-primary{
    background-color:;
    border-bottom-color:;
    border-left-color:;
    border-right-color:;
    border-top-color:;
}
.btn:hover {
    color: white;
    background-color:;
    border-color: var(--ct-btn-hover-border-color);
}

#contenedor_referecia {
    min-width: 250px;
    max-width: 400px;
    width: 100%;
    margin: 20px;
}

.caja_estado {
    width: 100%;
    min-height: 100px;
    height: max-content;
    border: 1px #0000008c solid;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
}

.titulo_cajaEstado {
    width: 100%;
    height: 35px;
    border-bottom: 1px #0c0b0b solid;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #d3cdcd;
    border-top-right-radius: 8px;
    border-top-left-radius: 10px
}
/* ------------iniciar session-------------- */
/* Rellenar circulos */
#circulo1{
    fill: rgba(129, 196, 216, 1);
} 
#circulo2{
    fill: rgba(129, 196, 216, 1);
} 
#circulo3{
    fill: rgba(129, 196, 216, 1);
}
#circulo4{
    fill: rgba(129, 196, 216, 1);
}
#circulo5{
    fill: rgba(129, 196, 216, 1);
}  
#header_iniciar{
    background-color:#81c4d8;
}
input[type=checkbox]:checked{
    background-color:;
}