:root {

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

    --white-color: white;

    /* 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;

    /* Botones */

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

    /* Hr */
    --bulma-hr-margin: 1.2em 0;

    /* Colores */
    --bulma-primary-h: 200;
    --bulma-primary-s: 26%;
    --bulma-primary-l: 32%;
    
    --bulma-secondary-h: 200;
    --bulma-secondary-s: 13%;
    --bulma-secondary-l: 49%;
    
    --bulma-focus-h: 33;
    --bulma-focus-s: 89%;
    --bulma-focus-l: 49%;

    /* 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));

    /* Focus de los inputs */
    --bulma-input-focus-h: var(--bulma-primary-h)!important;
    --bulma-input-focus-s: var(--bulma-primary-s)!important;
    --bulma-input-focus-l: var(--bulma-primary-l)!important;

    /* 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: #69a45c;
	--alertify-success-border: 1px solid #48713f;

    /* Propios del proyecto */
    --color-primary: #3c5967;
	--color-secondary: #6c828d;
   
}

/* Clases generales */
.is-fullwidth { width:100%; }
.color-primary { color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)) }
.color-secondary { color: hsl(var(--bulma-secondary-h), var(--bulma-secondary-s), var(--bulma-secondary-l)) }
.is-size-4, .is-size-5 { line-height: 1.6rem; }
.breadcrumb li { margin-top: 0!important; }
.breadcrumb ul { margin-inline-start: 1em; }
hr { background-color: #d0d0d0; height: 1px; }

/* Notifications */
.notification.is-primary { color: white; }

/* 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; }

/* Navbar */
a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:hover, .navbar-link.is-active { color: var(--color-primary)!important; background-color: rgba(255, 255, 255, 0)!important; }

/* Botones */
.button { --bulma-control-border-width: 0px; }
.button.is-primary { color: white; }
.button.is-secondary { background-color: var(--color-secondary); color: white; }
.button.is-secondary:hover { background-color: var(--color-secondary-dark); }

/* Inputs */
.input:focus, .input:focus-within, .is-focused.input, .is-focused.textarea, .select select.is-focused, .select select:focus, .select select:focus-within, .textarea:focus, .textarea:focus-within { border-color: hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l)); box-shadow: var(--bulma-input-focus-shadow-size) hsl(var(--bulma-primary-h), var(--bulma-primary-s), var(--bulma-primary-l), var(--bulma-input-focus-shadow-alpha)) }

/* 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); }

/* Hero */
.hero.is-primary .title, .hero.is-primary .subtitle { color: white; }

/* Menú */
ul.menu-list { margin-inline-start: 0; }
.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); padding: 3px 0; }
.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; }
.notification.is-secondary {
    --bulma-notification-h: var(--bulma-secondary-h);
    --bulma-notification-s: var(--bulma-secondary-s);
    --bulma-notification-background-l: var(--bulma-secondary-l);
    --bulma-notification-color-l: var(--bulma-primary-invert-l);
  }

/* 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; }