:root {

    /* Globales de configuración de HTML y Body */
    --bulma-body-family: 'Inter', sans-serif;
    --bulma-body-background-color: #f1f1f1;
    --bulma-body-size: 1em;
    --bulma-body-line-height: 1.4em;
    --bulma-body-font-size: 1em;
    --bulma-small-font-size: 0.875rem;
    --bulma-body-color: #343434;
    --bulma-body-weight: 400;

    /* Tamaños de texto */
    --bulma-size-small: 0.75rem;
    --bulma-size-normal: 1rem;
    --bulma-size-medium: 1.25rem;
    --bulma-size-large: 1.5rem;

    /* Peso de los textos */
    --bulma-weight-light: 300;
    --bulma-weight-normal: 400;
    --bulma-weight-medium: 500;
    --bulma-weight-semibold: 600;
    --bulma-weight-bold: 700;
    --bulma-weight-extrabold: 800;

    /* Espacio de los blocks */
    --bulma-block-spacing: 1.5rem;

    /* Colores */
    --bulma-primary-h: 324;
    --bulma-primary-s: 91%;
    --bulma-primary-l: 48%;    
    
    --bulma-focus-h: 324;
    --bulma-focus-s: 91%;
    --bulma-focus-l: 48%;

    /* Breadcrumbs */
    --bulma-breadcrumb-item-color: var(--bulma-body-color);
    --bulma-breadcrumb-item-active-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));

    /* Enlaces */
    --bulma-link: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));
    --bulma-link-text: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l));

    /* Menú vertical */
    --sulime-menu-vertical-font-size: 0.85em;
    --sulime-menu-vertical-padding: 0.3em 0;
    --sulime-menu-vertical-submenu-fondo: #f1f1f1;
    --sulime-menu-vertical-submenu-font-size: 0.75em;

    /* Alertify JS */
	--alertify-border-radius: 6px;
	--alertify-error-color: white;
	--alertify-error-background: #DD1C3E;
	--alertify-error-border: 1px solid #DD1C3E;
	--alertify-warning-color: #343434;
	--alertify-warning-background: #F7DFBA;
	--alertify-warning-border: 1px solid #F7E298;
	--alertify-success-color: white;
	--alertify-success-background: #A7BF2E;
	--alertify-success-border: 1px solid #A7BF2E;
   
}

/* Negrita para los enlaces HTML */
a { font-weight: bold; }
.button.is-primary, .tag.is-primary { color: white; }

/* Clases generales */
.is-fullwidth { width:100%; }
.color-primary { color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)) }

/* Flechita de los elementos Select de HTML */
.select:not(.is-multiple):not(.is-loading)::after { border-color: var(--bulma-link); }

/* Espacio (padding) en las cajas de tipo box */
.box { --bulma-box-padding: 2.5rem; }

/* Breadcrumbs */
.breadcrumb { --bulma-breadcrumb-item-color: var(--bulma-body-color); --bulma-breadcrumb-item-hover-color: var(--bulma-link); }
.breadcrumb li.is-active a { color: var(--bulma-link); }

/* Menú */
ul.menu-list { margin-inline-start: 0; }
/* .menu, .menu-list a { font-size: var(--sulime-menu-vertical-font-size); padding: var(--sulime-menu-vertical-padding); } */
/* .menu-list li ul li a { background-color: var(--sulime-menu-vertical-submenu-fondo); font-size: var(--sulime-menu-vertical-submenu-font-size); } */
.menu-list a.is-active { background: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)); }

/* Menú vertical backend */
.menu-vertical, .menu-list-vertical a { font-size: var(--sulime-menu-vertical-font-size); }
.menu-list-vertical li ul li a { background-color: var(--sulime-menu-vertical-submenu-fondo); font-size: var(--sulime-menu-vertical-submenu-font-size); }
.menu-list-vertical a.is-active { background: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)); }

/* Tabs */
.tabs ul { margin-left: 0; }

/* Tablas */
.content table td, .content table th { vertical-align: middle; }

/* Paginación */
.pagination-list li { margin-top: 0!important; }
.pagination-link.is-current, .pagination-link.is-selected { background-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)); border-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)); }

/* Notificaciones */
.notification.is-dark { color: white; }

/* AlertifyJS */
.alertify-notifier a {color: white;}
.alertify-notifier .ajs-message.ajs-error { color: var(--alertify-error-color); background-color: var(--alertify-error-background); border: var(--alertify-error-border) }
.alertify-notifier .ajs-message.ajs-warning { color: var(--alertify-warning-color); background-color: var(--alertify-warning-background); border: var(--alertify-warning-border) }
.alertify-notifier .ajs-message.ajs-success { color: var(--alertify-success-color); background-color: var(--alertify-success-background); border: var(--alertify-success-border) }
.alertify-notifier .ajs-message.ajs-error, .alertify-notifier .ajs-message.ajs-warning, .alertify-notifier .ajs-message.ajs-success { border-radius: var(--alertify-border-radius) }

/* Override Selectize */
.selectize-input { padding: 5px 8px; }
.selectize-control.single .selectize-input::after { display: none; }

/* Overwrite jQuery UI */
.ui-widget-header {background: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l))!important; }