/*colores*/
:root{
    --amarillo: #DEE125;
    --verdedark: #203ac3;
    --verdelight: #b4c5f466;
}

.bg-amarillo{
    background-color: var(--amarillo);
}
.bg-verdedark{
    background-image: radial-gradient(circle at 10.08% 35.47%, #b797ff 0, #7076ff 25%, #0254e9 50%, #0033aa 75%, #001871 100%);
}
.bg-verdelight{
    background-color: var(--verdelight);
}
.btn-amarillo{
    background-color: var(--amarillo);
    color: black;
}
.btn-verdedark{
    background-color: var(--verdedark);
    color: white;
}
.btn-verdedark:hover{
    background-color: #1271ca;
    color: white;
}
.btn-verdelight{
    background-color: var(--verdelight);
    color: white;
}
.text-verdedark{
    color: var(--verdedark);
}

.login-logo {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.logo-public {
    width: 60%;
    height: auto;
}

.d-none {
    display: none;
}

.modalj {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    width: 340px;
}

.mensaje {
    height: 300px;
}

.bg-mazamari {
    background-color: rgb(128, 24, 21);
}

.logo-login2 {
    width: 100%;
    height: 70px;
}

.nav-header::before{
    content: "MESA DE PARTE VIRTUAL";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 1.3em;
    color: white;
}

.form-control{
    background-color: #027ff90d;
}

.container_titu{
    background-color: #1248a7;
    color: #fff;
}

.titulo_datos{
    color: #fff;
    background-color: #1248a7;
}

.cont_border{
    box-shadow: 5px 5px 10px;
}