.modal-alert {
    display: none;
    background-color: #a1a1a14f;
    justify-content: center;
    align-items: flex-start !important;
}
/* .modal-header h4 {
    font-weight: 700;
} */
.modal-header {
    display: flex;
    /* border: none;
    padding-bottom: 0; */
}
.modal-text{
margin-top: 15px;
}
.modal-close button {
    border-radius: var(--rd);
    color: #fff;
    padding: 5px 15px;
    border: none;
    width: 100%;
    font-size: 16px;
}
/* Exitoso */
.modal-content-success {
	background-color: #fff;
	text-align: center;
    border: .5px solid;
    border-color: var(--green);
    border-radius: var(--rd);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    width: 400px;
    margin-top: 20px;
}
#successTitle {
    color: var(--green);
    font-size: 22px;
    margin: 10px;
}
.ok-btn  {
    background-color: var(--green);
}
.ok-btn:hover {
    background-color: #0a772f;
}
/* Error */
.modal-content-error {
    background-color: #fff;
	text-align: center;
    border: .5px solid;
    border-color: var(--red);
    border-radius: var(--rd);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    width: 400px;
    margin-top: 20px;
}
#errorTitle {
    color: var(--red);
    font-size: 22px;
    margin: 10px;
}
.error-btn {
    background-color: var(--red);
}
.error-btn:hover {
    background-color: #6b0404;
}
/* advertencia */
.modal-content-warn {
    background-color: #fff;
	text-align: center;
    border: .5px solid;
    border-color: var(--warning);
    border-radius: var(--rd);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
    width: 400px;
    margin-top: 20px;
}
#warningTitle {
    color: var(--warning);
    font-size: 22px;
    margin: 10px;
}
.warn-btn {
    background-color: var(--warning);
}
.warn-btn:hover {
    background-color: #b3a103;
}
p {
    margin-top: revert;
}
/* Confirmacion de borrado */
#confirmTitle {
    color: var(--warning);
    font-size: 22px;
    margin: 10px;
}