/* =========================================================
   BOTONES GLOBALES MADA
   public/stylesheets/views/buttons.css
========================================================= */

/* =========================
   BASE COMUN
========================= */

.btn-listo,
.btn-confirmar,
.btn-grabar,
.btn-select,
.btn-agregar,
.btn-enviar,
.btn-verificar,
.btn-volver,
.btn-ingresar,
.btn-cancelar,
.btn-salir,
.btn-exportar,
.btn-imprimir,
.btn-adjuntar,
.btn-copiar,
.btn-modificar,
.btn-descargar,
.btn-subir,
.btn-generar,
.btn-aplicar,
.btn-importar,
.btn-stock,
.btn-crear,
.btn-revisar{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:24px;

    padding:3px 14px !important;

    border-radius:999px !important;
    border:1px solid transparent !important;

    font-size:12px !important;
    font-weight:normal !important;
    line-height:1.2 !important;
    letter-spacing:.15px;

    text-decoration:none !important;
    white-space:nowrap;

    box-shadow:0 3px 8px rgba(15, 23, 42, .10) !important;

    transition:all .16s ease;

    cursor:pointer;
    outline:none !important;
}

/* =========================
   HOVER BASE
========================= */

.btn-listo:hover,
.btn-confirmar:hover,
.btn-grabar:hover,
.btn-select:hover,
.btn-agregar:hover,
.btn-enviar:hover,
.btn-verificar:hover,
.btn-volver:hover,
.btn-ingresar:hover,
.btn-cancelar:hover,
.btn-salir:hover,
.btn-exportar:hover,
.btn-imprimir:hover,
.btn-generar:hover,
.btn-aplicar:hover,
.btn-importar:hover,
.btn-stock:hover,
.btn-crear:hover,
.btn-revisar:hover{
    text-decoration:none !important;
    transform:translateY(-1px) scale(1.03);
    box-shadow:0 5px 12px rgba(15, 23, 42, .15) !important;
}

/* =========================
   ACTIVE
========================= */

.btn-listo:active,
.btn-confirmar:active,
.btn-grabar:active,
.btn-select:active,
.btn-agregar:active,
.btn-enviar:active,
.btn-verificar:active,
.btn-volver:active,
.btn-ingresar:active,
.btn-cancelar:active,
.btn-salir:active,
.btn-exportar:active,
.btn-imprimir:active,
.btn-generar:active,
.btn-aplicar:active,
.btn-importar:active,
.btn-stock:active,
.btn-crear:active,
.btn-revisar:active{
    transform:translateY(0) scale(.99);
}

/* =========================
   DISABLED
========================= */

.btn-listo:disabled,
.btn-confirmar:disabled,
.btn-grabar:disabled,
.btn-select:disabled,
.btn-agregar:disabled,
.btn-enviar:disabled,
.btn-verificar:disabled,
.btn-volver:disabled,
.btn-ingresar:disabled,
.btn-cancelar:disabled,
.btn-salir:disabled,
.btn-exportar:disabled,
.btn-imprimir:disabled,
.btn-generar:disabled,
.btn-aplicar:disabled,
.btn-importar:disabled,
.btn-stock:disabled,
.btn-crear:disabled,
.btn-revisar:disabled{
    opacity:.65;
    cursor:not-allowed;
    transform:none;
    box-shadow:none !important;
}

/* =========================================================
   PRIMARY
   Azul principal
========================================================= */

.btn-listo,
.btn-confirmar,
.btn-grabar,
.btn-select,
.btn-generar{
    background:#2563eb !important;
    border-color:#1d4ed8 !important;
    color:#ffffff !important;
}

.btn-listo:hover,
.btn-confirmar:hover,
.btn-grabar:hover,
.btn-select:hover,
.btn-generar:hover{
    background:#1d4ed8 !important;
    border-color:#1e40af !important;
    color:#ffffff !important;
}

/* =========================================================
   SECONDARY
   Gris / azul grisáceo
========================================================= */

.btn-agregar,
.btn-enviar{
    background:#64748b !important;
    border-color:#475569 !important;
    color:#ffffff !important;
}

.btn-agregar:hover,
.btn-enviar:hover{
    background:#475569 !important;
    border-color:#334155 !important;
    color:#ffffff !important;
}

/* =========================================================
   SUCCESS
   Verde
========================================================= */

.btn-verificar,
.btn-volver,
.btn-ingresar{
    background:#20994a !important;
    border-color:#168654 !important;
    color:#ffffff !important;
}

.btn-verificar:hover,
.btn-volver:hover,
.btn-ingresar:hover{
    background:#168654 !important;
    border-color:#0f6b41 !important;
    color:#ffffff !important;
}

/* =========================================================
   DANGER
   Rojo
========================================================= */

.btn-cancelar,
.btn-salir{
    background:#dc3545 !important;
    border-color:#b02a37 !important;
    color:#ffffff !important;
}

.btn-cancelar:hover,
.btn-salir:hover{
    background:#b02a37 !important;
    border-color:#842029 !important;
    color:#ffffff !important;
}

/* =========================================================
   INFO
   Celeste
========================================================= */

/* =========================================================
   INFO
   Celeste
========================================================= */

.btn-exportar,
.btn-imprimir,
.btn-adjuntar,
.btn-copiar,
.btn-modificar,
.btn-descargar,
.btn-subir,
.btn-aplicar,
.btn-importar,
.btn-stock,
.btn-crear,
.btn-revisar{
    background:#0ea5e9 !important;
    border-color:#0284c7 !important;
    color:#ffffff !important;
}

.btn-exportar:hover,
.btn-imprimir:hover,
.btn-adjuntar:hover,
.btn-copiar:hover,
.btn-modificar:hover,
.btn-descargar:hover,
.btn-subir:hover,
.btn-aplicar:hover,
.btn-importar:hover,
.btn-stock:hover,
.btn-crear:hover,
.btn-revisar:hover{
    background:#0284c7 !important;
    border-color:#0369a1 !important;
    color:#ffffff !important;
}

/* =========================================================
   TAMAÑOS OPCIONALES
========================================================= */

.btn-mada-xs{
    min-height:20px !important;
    padding:2px 8px !important;
    font-size:10px !important;
}

.btn-mada-sm{
    min-height:24px !important;
    padding:3px 12px !important;
    font-size:11px !important;
}

.btn-mada-md{
    min-height:30px !important;
    padding:5px 18px !important;
    font-size:12px !important;
}

.btn-mada-lg{
    min-height:36px !important;
    padding:7px 24px !important;
    font-size:13px !important;
}

/* =========================================================
   ANCHOS OPCIONALES
========================================================= */

.btn-mada-block{
    width:100% !important;
}

.btn-mada-compact{
    width:auto !important;
    min-width:90px;
    max-width:150px;
}

.btn-mada-normal{
    width:auto !important;
    min-width:120px;
    max-width:190px;
}

.btn-mada-wide{
    width:100% !important;
    max-width:260px;
}