.modalAlerta {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

#modal {
    background: rgba(220,224,225,194);
    padding: 20px;
    border-radius: 8px;
    width: 400px;
    max-width: 90%;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    text-align: center
}

.vc-week__day {
    color: inherit !important;
}

#calendario {
    border: 1px solid grey;
    margin: 0px auto;
}

.vc-date:not([data-vc-date-disabled]) .vc-date__btn {
    color: inherit !important;
}

.vc-date[data-vc-date-weekend][data-vc-date-selected] .vc-date__btn {
    background-color: rgba(6,182,212,1) !important;
}

.ocultar{
    display: none !important;
}

.btnHora {
    width: 30%
}

.text-azul {
    color: rgb(16 24 99);
}

.fondo-azul {
    background: rgb(16 24 99)
}

.btn-accion {
    width: 40%;
    font-size: 1em;
    text-align: center;
}


/*Cambios nuevos agregados*/

.responsive-logo {
    max-width: 25%;
}

@media (max-width: 768px) {
    .responsive-logo {
        max-width: 50%;
    }
}

@media (max-width: 576px) {
    .responsive-logo {
        max-width: 70%;
    }
}

.textoColorNuevo {
    color: rgba(38,69,130,255);
}

.btn-ColorNuevo {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(21,76,121);
    --bs-btn-border-color: rgb(21,76,121);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(6,57,112);
    --bs-btn-hover-border-color: rgb(6,57,112);
    --bs-btn-focus-shadow-rgb: 21,76,121;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(6,57,112);
    --bs-btn-active-border-color: rgb(6,57,112);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgb(6,57,112);
    --bs-btn-disabled-border-color: rgb(6,57,112);
}

.btn-ColorNuevo:focus,
.btn-ColorNuevo:active,
.btn-ColorNuevo.active,
.show > .btn-ColorNuevo.dropdown-toggle {
    color: #fff;
    background-color: rgb(6,57,112);
    border-color: rgb(6,57,112);
    box-shadow: none !important;
    outline: none !important;
}

.btn-ColorNuevoHelp {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgba(98, 199, 209, 255);
    --bs-btn-border-color: rgba(98, 199, 209, 255);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgba(98, 199, 209, 255);
    --bs-btn-hover-border-color: rgba(98, 199, 209, 255);
    --bs-btn-focus-shadow-rgb: 98, 199, 209, 255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgba(98, 199, 209, 255);
    --bs-btn-active-border-color: rgba(98, 199, 209, 255);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(98, 199, 209, 255);
    --bs-btn-disabled-border-color: rgba(98, 199, 209, 255);
}

.progress-bar {
    background-color: rgba(98, 199, 209, 1) !important;
}

.btn-outline-nuevo {
    --bs-btn-color: rgb(21,76,121);
    --bs-btn-border-color: rgb(21,76,121);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(21,76,121);
    --bs-btn-hover-border-color: rgb(21,76,121);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(21,76,121);
    --bs-btn-active-border-color: rgb(21,76,121);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(21,76,121);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(21,76,121);
    --bs-gradient: none;
}

.btn-outline-nuevo:focus,
.btn-outline-nuevo:active,
.btn-outline-nuevo.active,
.show > .btn-outline-nuevo.dropdown-toggle {
    color: #fff;
    background-color: rgb(6,57,112);
    border-color: rgb(6,57,112);
    box-shadow: none !important;
    outline: none !important;
}

.newBorderHelp {
    border-width: 1.5px !important;
    border-style: solid !important;
    border-color: rgba(98, 199, 209, 255) !important;
    border-radius: 0.375rem !important;
}

.btn-ColorNuevoHelp:focus,
.btn-ColorNuevoHelp:active,
.btn-ColorNuevoHelp.active,
.show > .btn-ColorNuevoHelp.dropdown-toggle {
    color: #fff;
    background-color: rgba(98, 199, 209, 255);
    border-color: rgba(98, 199, 209, 255);
    box-shadow: none !important;
    outline: rgba(98, 199, 209, 255) !important;
}

.newBorder {
    border-width: 1.5px !important;
    border-style: solid !important;
    border-color: rgb(21,76,121) !important;
    border-radius: 0.375rem !important;
}

.newBorderColor {
    border-color: rgb(21,76,121) !important;
}

.newBorderColorHelp {
    border-color: rgba(98, 199, 209, 255) !important;
}

input.form-control.newBorder:focus,
input.form-control.newBorderColor:focus,
select.form-control.newBorder:focus,
select.form-control.newBorderColor:focus {
    border-color: rgb(21,76,121) !important;
    box-shadow: 0 0 0 0.05rem rgb(21,76,121) !important;
    outline: none !important;
}