/*
 * Estilos propios de Melchor sobre el tema Admiro. Ver docs/diseno-admiro/02-estructura-de-layouts.md.
 *
 * La paleta (navy #062f6e / dorado #f5a706) se fija en assets/css/custom.css; aquí van solo las clases del proyecto que antes vivían
 * en el custom.css del tema Angle y que las vistas siguen usando.
 */

/* ---- Encabezado ------------------------------------------------------------------------------------------------- */
.page-header .header-franquicia {
    display: inline-flex;
    align-items: center;
    padding: .35rem .85rem;
    border-radius: 999px;
    background: rgba(6,47,110, .08);
    color: #062f6e;
    font-weight: 700;
    font-size: .95rem;
    white-space: nowrap;
}

/* Sobre el azul del bloque del logotipo, el texto alternativo (si una imagen no cargara) debe leerse, no desaparecer. */
.page-header .logo-wrapper a,
.page-header .logo-wrapper img { color: #fff; font-weight: 700; }

/* Modo oscuro: la píldora de franquicia pasa a azul claro sobre fondo tenue (azul sobre negro no se lee). */
.dark-only .page-header .header-franquicia { background: rgba(255, 255, 255, .1); color: #fff; }

/* ---- Formularios ------------------------------------------------------------------------------------------------ */
.formTitle {
    background-color: #bbb;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
}

/* ---- Tablas de captura / cuadrículas ------------------------------------------------------------------------------ */
table.table-fixed {
    position: relative;
    table-layout: auto;
    width: 100%;
    white-space: nowrap;
}

table.table-fixed thead tr {
    color: #fff;
    font-size: 1rem;
    font-weight: 500;
    text-align: left;
}

table.table-fixed th.cell-fixed,
table.table-fixed td.cell-fixed {
    position: sticky;
    left: 0;
}

.cell-success { background-color: #43d967 !important; color: #fff; }
.cell-primary { background-color: #8bb8f1 !important; color: #fff; }
.cell-warning { background-color: #ffab5e !important; color: #fff; }
.cell-purple  { background-color: #9289ca !important; color: #fff; }
.cell-info    { background-color: #51c6ea !important; color: #fff; }
.cell-danger  { background-color: #ec2121 !important; color: #fff; }
.table-purple { background-color: #b1accf !important; color: #fff; }

/* ---- Terceros ----------------------------------------------------------------------------------------------------- */
.vakata-context { z-index: 1000 !important; }

.flot-x-axis .flot-tick-label {
    white-space: nowrap;
    transform: translate(-18px, 0) rotate(-90deg);
    text-indent: 0%;
    transform-origin: top right;
    text-align: right !important;
}