:root {
/* Barra de menú superior */

    --nav-bg: #406ca9;
    --nav-color: white;
    
    /* Elementos principales de la barra de menú superior */
    --nav-item-bg-hover: var(--nav-bg);
    --nav-item-color-hover: var(--nav-color);
    --nav-item-bg-open: #628ac2;
    --nav-glyphicon-color: var(--nav-color);
    
    /* Borde inferior de los elementos de la barra de menú superior */
    --nav-border-bottom-style: solid;
    --nav-border-bottom-color-hover: #bfd4f0;
    --nav-border-bottom-width-hover: 3px;
    
    /* Elementos de los menús desplegables de la barra de menú superior */
    --nav-dropdown-menu-bg: var(--nav-border-bottom-color-hover);
    --nav-dropdown-menu-color: #333;
    --nav-dropdown-menu-bg-hover: white;
    --nav-dropdown-menu-color-hover: #333;

    /* Iconos de los items de los menús desplegables de la barra de menú superior */
    --nav-dropdown-menu-icon-color: black;
    --nav-dropdown-menu-icon-color-hover: black;

    /* Botón de menú de la barra superior en vista móvil */
    --nav-btn-mobile-menu-bg: #27589c;
    --nav-btn-mobile-menu-bg-hover: #14417e;

/* Inputs */
    --input-bg: #fff;
    --input-color: #000;
    --input-placeholder-color: #999;
    --input-border: 1px solid #ccc;
    --input-border-focus: 1px solid #66afe9;
    --input-border-focus-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 12px #66afe9;


/* Página de login */
    --login-img-logo-width: 80%;
    --login-img-logo-margin: 80px auto 30px auto;
    --login-label-color: #333;

/* Página index de listado de registros */

    /* Título de la página */
    --index-title-color: #333;
    --index-title-transform: none;

    /* Botones de acciones de la barra superior derecha */
    --index-btn-bar-bg: #fff;
    --index-btn-bar-bg-hover: #e6e6e6;
    --index-btn-icon-color: black;
    --index-btn-icon-color-hover: black;

    /* Fila superior de sumatorio de la tabla de datos */
    --index-table-row-sumary-bg: #406ca9;
    --index-table-row-sumary-color: white;

    /* Fila del buscador de la tabla de datos */
    --index-table-browser-bg: #fff;
    --index-table-browser-btn-bg: #fff;
    --index-table-browser-btn-bg-hover: #e6e6e6;
    --index-table-browser-btn-icon-color: #000;
    --index-table-browser-btn-icon-color-hover: #000;

    /* Fila de cabecera de titulos de la tabla de datos */
    --index-table-header-bg: #14417e;
    --index-table-header-color: white;
    --index-table-header-icon-color: var(--index-table-header-color);
    --index-table-header-icon-color-active: yellow;
    --index-table-body-even-rows-bg: #fff;
    --index-table-body-even-rows-color: #000;
    --index-table-body-odd-rows-bg: #bfd4f0;
    --index-table-body-odd-rows-color: #000;

    --index-table-body-row-hover-bg: var(--index-table-row-sumary-bg);
    --index-table-body-row-hover-color: var(--index-table-row-sumary-color);

/* Página edit para crear modificar o eliminar registros */

    --edit-panel-border: 1px solid #bce8f1;
    --edit-panel-header-bg: #14417e;
    --edit-panel-header-color: #fff;
    --edit-panel-body-bg: #fff;
    --edit-panel-footer-bg: #ebf3fd;
    --edit-panel-footer-color: var(--index-table-body-odd-rows-color);
    --btn-success-bg: #5cb85c;
    --btn-success-bg-hover: #449d44;
    --btn-success-color: #FFFFFF;

/* Paneles en cascada */
    --panel-menu-item-bg-hover: #14417e;
    --panel-menu-item-color-hover: #fff;

/* Footer */

    --footer-bg: #406ca9;
    --footer-color: #fff;

/* Imagen del botón exportar de la pantalla de gráficos. Buscar fill en la cadena y cambiar los tres digitos en los dos sitios */
    --image-export-btn: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2211px%22%20height%3D%2214px%22%3E%3Cpath%20d%3D%22M3%2C0%20L8%2C0%20L8%2C5%20L11%2C5%20L5.5%2C10%20L0%2C5%20L3%2C5%20L03%2C0%22%20fill%3D%22%23FFF%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20fill%3D%22%23FFF%22%20width%3D%2211%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E');

}