:root {
	
	--color-background: #F4F7FE;
	--color-text: #2D3748;
	--color-title: #1B254B;
	--color-light: #8F9BBA;

	--color-primary: #b4ff00;
	--color-primary-dark: #98d606;
	--color-primary-light: #f7ffe6;
	--color-secondary: #2D3748;
}

/* FOUC Prevention - Hide content initially */
html {
    visibility: hidden;
    background-color: #F4F7FE;
}

body {
    visibility: hidden;
    background-color: #F4F7FE;
}

/* Show content when fonts are loaded */
.wf-loaded html, .wf-loaded body { visibility: visible; }

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

html { background-color: var(--color-background); }
body { background-color: var(--color-background); font-family: 'DM Sans', sans-serif; color: var(--color-text); letter-spacing: -0.02em; }

h1 { color: var(--color-title); font-size: 34px; font-weight: 700; }

/* -------------------------------------- Login -------------------------------------- */
#login { padding-top: 5%; min-height: 100vh; overflow: hidden; }
#login-bot { width: 100%; height: 100%; background-image: url('../images/bot.svg'); background-repeat: no-repeat; background-size: 55%; background-position: bottom; }
.box-login { margin: 0 auto; padding: 60px 40px; width: 70%; max-width: 400px; }
.btn-home-credentials { color: var(--color-light); font-weight: normal; }
a.btn-home-credentials { text-decoration: none; padding: 5px 10px; border-radius: 6px; transition: all 0.4s ease; }
a.btn-home-credentials:hover { background-color: var(--color-background); }

.transparente { opacity: 0.5; }
.hand { cursor: pointer; }
.hidden { display:none }
.nowrap { white-space: nowrap; }
.margin {margin:40px auto;}
.margin-big {margin:80px auto;}
.margin-small {margin: 1rem auto!important; }
.no-margin { margin:0!important; }
.padding {padding:20px 0;}
.padding-small { padding: 0.2em 0em; }
.shadow { box-shadow: 0 0 20px rgba(0, 0, 0, 0.25); }
.is-fullwidth {width:100%;}
.radius { border-radius: 10px }
.radius-small {border-radius: 4px}
.is-active {transition: all 1s ease;}
.is-underline {text-decoration: underline;}
.full-height { height: 100%; }
.div-paginacion { margin: 25px auto; }
.section-breadcrumbs { margin: 2rem 2.5rem 0rem 2.5rem; }
.resultados { text-align: center; background-color: var(--color-primary); color: #343434; border-radius: 6px; margin: 0 0 20px 0; padding: 5px 0; }


.dashboard-icon { width: 56px; height: 56px; background-color: var(--color-primary-light); border-radius: 50%; padding: 12px; }

/* Overwrite Bulma */
a { color: black; font-weight: bold; }
.has-text-primary { color: var(--color-secondary) !important; }
.box { padding: 2.5rem; }
.progress.is-primary::-moz-progress-bar { background-color: #dbc657; }
.button.is-primary { background-color: var(--color-primary); }
.button.is-primary.is-hovered, .button.is-primary:hover { background-color: var(--color-primary-dark); }
.button.is-primary.is-light { background-color: #f6f1d5; color: #343434; }
.button.is-primary.is-light.is-hovered, .button.is-primary.is-light:hover { background-color: #ede3ab;	border-color: transparent; color: #343434; }
.breadcrumb a { color: #93801f; }
.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover { color: var(--color-primary); }
.breadcrumb li.is-active a { color: #343434; }
.breadcrumb a:hover { color: var(--color-primary); }
table td { vertical-align: middle!important; }

@media screen and (min-width: 1024px) {
	.section { padding: 2rem 2.5rem 1rem 2.5rem; }
}

/* Overwrite Alertify */
.alertify-notifier a {color: white;}
.alertify-notifier .ajs-message.ajs-error { background-color: #b8143d!important; border:1px solid #a11236!important; }
.alertify-notifier .ajs-message.ajs-warning { background-color: #dbc657!important; border:1px solid #bda428!important; }
.alertify-notifier .ajs-message.ajs-success { background-color: #8fb814!important; border:1px solid #7da112!important; }
.alertify-notifier .ajs-message.ajs-error, .alertify-notifier .ajs-message.ajs-warning, .alertify-notifier .ajs-message.ajs-success { border-radius: 6px; }

/* Overwrite Trumbowyg */
.trumbowyg-box, .trumbowyg-editor { min-height: 150px !important; }