/* Permiso.css - Estilos personalizados para la aplicación Permiso */
/* Botón que combina con fondo azul */
h3 {
    font-size: 1.2rem !important;
}

/* Botón */
.btn-standard {
    border: none;
    font-weight: 600;
    border-radius: 50px;
    padding: 0.6rem 1.4rem;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    font-size: 1rem !important;
    color: #fff;
}

/* PRIMARY */
.btn-standard.btn-primary {
    background: #0B2FE6;
    box-shadow: 0 3px 8px #0B2FE6;
}

.btn-standard.btn-primary:hover {
    background: rgb(25, 135, 84);
    box-shadow: 0 4px 12px rgb(25, 135, 84);
}

/* SECONDARY */
.btn-standard.btn-secondary {
    background: #6c757d;
    box-shadow: 0 3px 8px rgba(108, 117, 125, 0.5);
}

.btn-standard.btn-secondary:hover {
    background: rgb(59, 64, 68);
    box-shadow: 0 4px 12px rgb(59, 64, 68);
}

/* SUCCESS */
.btn-standard.btn-success {
    background: #198754;
    box-shadow: 0 3px 8px rgba(25, 135, 84, 0.5);
}

.btn-standard.btn-success:hover {
    background: rgb(13, 110, 253);
    box-shadow: 0 4px 12px rgb(13, 110, 253, );
}

/* DANGER */
.btn-standard.btn-danger {
    background: #dc3545;
    box-shadow: 0 3px 8px rgba(220, 53, 69, 0.5);
}

.btn-standard.btn-danger:hover {
    background: linear-gradient(135deg, #ff7b84 0%, #dc3545 100%);
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.6);
}

/* WARNING */
.btn-standard.btn-warning {
    background: #ffc107;
    color: #3e3a1f;
    box-shadow: 0 3px 8px rgb(255, 193, 7);
}

.btn-standard.btn-warning:hover {
    background: rgb(25, 135, 84);
    box-shadow: 0 4px 12px rgb(25, 135, 84);
    color: #fff;
}

/* WARNING 2*/
.btn-standard.btn-warning2 {
    background: #ffc107 !important;
    color: #3e3a1f !important;
    box-shadow: 0 3px 8px rgb(255, 193, 7) !important;
}

.btn-standard.btn-warning2:hover {
    background: rgb(25, 135, 84) !important;
    box-shadow: 0 4px 12px rgb(25, 135, 84) !important;
    color: #fff !important;
}

/* INFO */
.btn-standard.btn-info {
    background: #0dcaf0;
    box-shadow: 0 3px 8px rgba(13, 202, 240, 0.5);
}

.btn-standard.btn-info:hover {
    background: linear-gradient(135deg, #66e0ff 0%, #0dcaf0 100%);
    box-shadow: 0 4px 12px rgba(13, 202, 240, 0.6);
}

/* DARK */
.btn-standard.btn-dark {
    background: #212529;
    box-shadow: 0 3px 8px rgba(33, 37, 41, 0.5);
}

.btn-standard.btn-dark:hover {
    background: linear-gradient(135deg, #495057 0%, #212529 100%);
    box-shadow: 0 4px 12px rgba(33, 37, 41, 0.6);
}

/* LIGHT */
.btn-standard.btn-light {
    background: #f8f9fa;
    color: #3e3a1f;
    box-shadow: 0 3px 8px rgba(248, 249, 250, 0.5);
}

.btn-standard.btn-light:hover {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    box-shadow: 0 4px 12px rgba(248, 249, 250, 0.6);
}


/* Ajuste datatable */

.datatable-selector {
    padding: 6px;
    border: 1px solid #d9d9d9;
    ;
    background: #fff;
}

.datatable-input {
    padding: 6px 12px;
    border: 1px solid #d9d9d9;
    ;
    background: #fff;
}

.datatable-top {
    background-color: #ffffff !important;
    border-left: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}