/* Utils */

/* Override Global Font */

* {
	font-family: var(--font-family);
}

/* End Override Global Font */

/* Background */

.background-primary {
	background-color: var(--color-primary);
	color: var(--color-light);
}

.background-secondary {
	background-color: var(--color-secondary);
	color: var(--color-light);
}

.background-secondary-alt-2 {
	background-color: var(--color-secondary-alt-2);
	color: var(--color-light);
}

.background-success {
	background-color: var(--bg-primary-alt);
	color: var(--color-light);
}

.background-info {
	background-color: var(--color-info);
	color: var(--color-light);
}

.background-warning {
	background-color: var(--color-warning);
	color: var(--color-light);
}

.background-danger {
	background-color: var(--color-danger);
	color: var(--color-light);
}

.background-light {
	background-color: var(--color-light);
	color: var(--color-secondary);
}

/* End Background */

/* Colors */

.color-primary {
	color: var(--color-primary);
}

.color-primary-alt {
	color: var(--color-primary-alt);
}

.color-secondary {
	color: var(--color-secondary);
}

.color-secondary-alt {
	color: var(--color-secondary-alt);
}

.color-tertiary {
	color: var(--color-tertiary);
}

.color-info {
	color: var(--color-info);
}

.color-warning {
	color: var(--color-warning);
}

.color-danger {
	color: var(--color-danger);
}

.color-light {
	color: var(--color-light);
}

/* End Colors */

/* Shadows */

.shadow-small {
	box-shadow: var(--shadow-small);
}

.shadow-medium {
	box-shadow: var(--shadow-medium);
}

.shadow-large {
	box-shadow: var(--shadow-large);
}

/* End Shadows */

/* Borders */

.border-primary {
	border: 1px solid var(--color-primary);
}

.border-primary-1 {
	border: 1px solid var(--color-primary);
}

.border-primary-2 {
	border: 2px solid var(--color-primary);
}

.border-primary-3 {
	border: 3px solid var(--color-primary);
}

.border-primary-4 {
	border: 4px solid var(--color-primary);
}

.border-primary-5 {
	border: 5px solid var(--color-primary);
}

.border-bottom-primary {
	border-bottom: 1px solid var(--color-primary);
}

.border-bottom-primary-1 {
	border-bottom: 1px solid var(--color-primary);
}

.border-bottom-primary-2 {
	border-bottom: 2px solid var(--color-primary);
}

.border-bottom-primary-3 {
	border-bottom: 3px solid var(--color-primary);
}

.border-bottom-primary-4 {
	border-bottom: 4px solid var(--color-primary);
}

.border-bottom-primary-5 {
	border-bottom: 5px solid var(--color-primary);
}

.border-top-primary {
	border-top: 1px solid var(--color-primary);
}

.border-top-primary-1 {
	border-top: 1px solid var(--color-primary);
}

.border-top-primary-2 {
	border-top: 2px solid var(--color-primary);
}

.border-top-primary-3 {
	border-top: 3px solid var(--color-primary);
}

.border-top-primary-4 {
	border-top: 4px solid var(--color-primary);
}

.border-left-primary-5 {
	border-left: 5px solid var(--color-primary);
}

.border-left-primary {
	border-left: 1px solid var(--color-primary);
}

.border-left-primary-1 {
	border-left: 1px solid var(--color-primary);
}

.border-left-primary-2 {
	border-left: 2px solid var(--color-primary);
}

.border-left-primary-3 {
	border-left: 3px solid var(--color-primary);
}

.border-left-primary-4 {
	border-left: 4px solid var(--color-primary);
}

.border-left-primary-5 {
	border-left: 5px solid var(--color-primary);
}

.border-right-primary {
	border-right: 1px solid var(--color-primary);
}

.border-right-primary-1 {
	border-right: 1px solid var(--color-primary);
}

.border-right-primary-2 {
	border-right: 2px solid var(--color-primary);
}

.border-right-primary-3 {
	border-right: 3px solid var(--color-primary);
}

.border-right-primary-4 {
	border-right: 4px solid var(--color-primary);
}

.border-right-primary-5 {
	border-right: 5px solid var(--color-primary);
}

.border-secondary {
	border: 1px solid var(--color-secondary);
}

.border-secondary-1 {
	border: 1px solid var(--color-secondary);
}

.border-secondary-2 {
	border: 2px solid var(--color-secondary);
}

.border-secondary-3 {
	border: 3px solid var(--color-secondary);
}

.border-secondary-4 {
	border: 4px solid var(--color-secondary);
}

.border-secondary-5 {
	border: 5px solid var(--color-secondary);
}

.border-bottom-secondary {
	border-bottom: 1px solid var(--color-secondary);
}

.border-bottom-secondary-1 {
	border-bottom: 1px solid var(--color-secondary);
}

.border-bottom-secondary-2 {
	border-bottom: 2px solid var(--color-secondary);
}

.border-bottom-secondary-3 {
	border-bottom: 3px solid var(--color-secondary);
}

.border-bottom-secondary-4 {
	border-bottom: 4px solid var(--color-secondary);
}

.border-bottom-secondary-5 {
	border-bottom: 5px solid var(--color-secondary);
}

.border-top-secondary {
	border-top: 1px solid var(--color-secondary);
}

.border-top-secondary-1 {
	border-top: 1px solid var(--color-secondary);
}

.border-top-secondary-2 {
	border-top: 2px solid var(--color-secondary);
}

.border-top-secondary-3 {
	border-top: 3px solid var(--color-secondary);
}

.border-top-secondary-4 {
	border-top: 4px solid var(--color-secondary);
}

.border-left-secondary-5 {
	border-left: 5px solid var(--color-secondary);
}

.border-left-secondary {
	border-left: 1px solid var(--color-secondary);
}

.border-left-secondary-1 {
	border-left: 1px solid var(--color-secondary);
}

.border-left-secondary-2 {
	border-left: 2px solid var(--color-secondary);
}

.border-left-secondary-3 {
	border-left: 3px solid var(--color-secondary);
}

.border-left-secondary-4 {
	border-left: 4px solid var(--color-secondary);
}

.border-left-secondary-5 {
	border-left: 5px solid var(--color-secondary);
}

.border-right-secondary {
	border-right: 1px solid var(--color-secondary);
}

.border-right-secondary-1 {
	border-right: 1px solid var(--color-secondary);
}

.border-right-secondary-2 {
	border-right: 2px solid var(--color-secondary);
}

.border-right-secondary-3 {
	border-right: 3px solid var(--color-secondary);
}

.border-right-secondary-4 {
	border-right: 4px solid var(--color-secondary);
}

.border-right-secondary-5 {
	border-right: 5px solid var(--color-secondary);
}

.border-tertiary {
	border: 1px solid var(--color-tertiary);
}

.border-tertiary-1 {
	border: 1px solid var(--color-tertiary);
}

.border-tertiary-2 {
	border: 2px solid var(--color-tertiary);
}

.border-tertiary-3 {
	border: 3px solid var(--color-tertiary);
}

.border-tertiary-4 {
	border: 4px solid var(--color-tertiary);
}

.border-tertiary-5 {
	border: 5px solid var(--color-tertiary);
}

.border-bottom-tertiary {
	border-bottom: 1px solid var(--color-tertiary);
}

.border-bottom-tertiary-1 {
	border-bottom: 1px solid var(--color-tertiary);
}

.border-bottom-tertiary-2 {
	border-bottom: 2px solid var(--color-tertiary);
}

.border-bottom-tertiary-3 {
	border-bottom: 3px solid var(--color-tertiary);
}

.border-bottom-tertiary-4 {
	border-bottom: 4px solid var(--color-tertiary);
}

.border-bottom-tertiary-5 {
	border-bottom: 5px solid var(--color-tertiary);
}

.border-top-tertiary {
	border-top: 1px solid var(--color-tertiary);
}

.border-top-tertiary-1 {
	border-top: 1px solid var(--color-tertiary);
}

.border-top-tertiary-2 {
	border-top: 2px solid var(--color-tertiary);
}

.border-top-tertiary-3 {
	border-top: 3px solid var(--color-tertiary);
}

.border-top-tertiary-4 {
	border-top: 4px solid var(--color-tertiary);
}

.border-left-tertiary-5 {
	border-left: 5px solid var(--color-tertiary);
}

.border-left-tertiary {
	border-left: 1px solid var(--color-tertiary);
}

.border-left-tertiary-1 {
	border-left: 1px solid var(--color-tertiary);
}

.border-left-tertiary-2 {
	border-left: 2px solid var(--color-tertiary);
}

.border-left-tertiary-3 {
	border-left: 3px solid var(--color-tertiary);
}

.border-left-tertiary-4 {
	border-left: 4px solid var(--color-tertiary);
}

.border-left-tertiary-5 {
	border-left: 5px solid var(--color-tertiary);
}

.border-right-tertiary {
	border-right: 1px solid var(--color-tertiary);
}

.border-right-tertiary-1 {
	border-right: 1px solid var(--color-tertiary);
}

.border-right-tertiary-2 {
	border-right: 2px solid var(--color-tertiary);
}

.border-right-tertiary-3 {
	border-right: 3px solid var(--color-tertiary);
}

.border-right-tertiary-4 {
	border-right: 4px solid var(--color-tertiary);
}

.border-right-tertiary-5 {
	border-right: 5px solid var(--color-tertiary);
}

.border-info {
	border: 1px solid var(--color-info);
}

.border-info-1 {
	border: 1px solid var(--color-info);
}

.border-info-2 {
	border: 2px solid var(--color-info);
}

.border-info-3 {
	border: 3px solid var(--color-info);
}

.border-info-4 {
	border: 4px solid var(--color-info);
}

.border-info-5 {
	border: 5px solid var(--color-info);
}

.border-bottom-info {
	border-bottom: 1px solid var(--color-info);
}

.border-bottom-info-1 {
	border-bottom: 1px solid var(--color-info);
}

.border-bottom-info-2 {
	border-bottom: 2px solid var(--color-info);
}

.border-bottom-info-3 {
	border-bottom: 3px solid var(--color-info);
}

.border-bottom-info-4 {
	border-bottom: 4px solid var(--color-info);
}

.border-bottom-info-5 {
	border-bottom: 5px solid var(--color-info);
}

.border-top-info {
	border-top: 1px solid var(--color-info);
}

.border-top-info-1 {
	border-top: 1px solid var(--color-info);
}

.border-top-info-2 {
	border-top: 2px solid var(--color-info);
}

.border-top-info-3 {
	border-top: 3px solid var(--color-info);
}

.border-top-info-4 {
	border-top: 4px solid var(--color-info);
}

.border-left-info-5 {
	border-left: 5px solid var(--color-info);
}

.border-left-info {
	border-left: 1px solid var(--color-info);
}

.border-left-info-1 {
	border-left: 1px solid var(--color-info);
}

.border-left-info-2 {
	border-left: 2px solid var(--color-info);
}

.border-left-info-3 {
	border-left: 3px solid var(--color-info);
}

.border-left-info-4 {
	border-left: 4px solid var(--color-info);
}

.border-left-info-5 {
	border-left: 5px solid var(--color-info);
}

.border-right-info {
	border-right: 1px solid var(--color-info);
}

.border-right-info-1 {
	border-right: 1px solid var(--color-info);
}

.border-right-info-2 {
	border-right: 2px solid var(--color-info);
}

.border-right-info-3 {
	border-right: 3px solid var(--color-info);
}

.border-right-info-4 {
	border-right: 4px solid var(--color-info);
}

.border-right-info-5 {
	border-right: 5px solid var(--color-info);
}

.border-warning {
	border: 1px solid var(--color-warning);
}

.border-warning-1 {
	border: 1px solid var(--color-warning);
}

.border-warning-2 {
	border: 2px solid var(--color-warning);
}

.border-warning-3 {
	border: 3px solid var(--color-warning);
}

.border-warning-4 {
	border: 4px solid var(--color-warning);
}

.border-warning-5 {
	border: 5px solid var(--color-warning);
}

.border-bottom-warning {
	border-bottom: 1px solid var(--color-warning);
}

.border-bottom-warning-1 {
	border-bottom: 1px solid var(--color-warning);
}

.border-bottom-warning-2 {
	border-bottom: 2px solid var(--color-warning);
}

.border-bottom-warning-3 {
	border-bottom: 3px solid var(--color-warning);
}

.border-bottom-warning-4 {
	border-bottom: 4px solid var(--color-warning);
}

.border-bottom-warning-5 {
	border-bottom: 5px solid var(--color-warning);
}

.border-top-warning {
	border-top: 1px solid var(--color-warning);
}

.border-top-warning-1 {
	border-top: 1px solid var(--color-warning);
}

.border-top-warning-2 {
	border-top: 2px solid var(--color-warning);
}

.border-top-warning-3 {
	border-top: 3px solid var(--color-warning);
}

.border-top-warning-4 {
	border-top: 4px solid var(--color-warning);
}

.border-left-warning-5 {
	border-left: 5px solid var(--color-warning);
}

.border-left-warning {
	border-left: 1px solid var(--color-warning);
}

.border-left-warning-1 {
	border-left: 1px solid var(--color-warning);
}

.border-left-warning-2 {
	border-left: 2px solid var(--color-warning);
}

.border-left-warning-3 {
	border-left: 3px solid var(--color-warning);
}

.border-left-warning-4 {
	border-left: 4px solid var(--color-warning);
}

.border-left-warning-5 {
	border-left: 5px solid var(--color-warning);
}

.border-right-warning {
	border-right: 1px solid var(--color-warning);
}

.border-right-warning-1 {
	border-right: 1px solid var(--color-warning);
}

.border-right-warning-2 {
	border-right: 2px solid var(--color-warning);
}

.border-right-warning-3 {
	border-right: 3px solid var(--color-warning);
}

.border-right-warning-4 {
	border-right: 4px solid var(--color-warning);
}

.border-right-warning-5 {
	border-right: 5px solid var(--color-warning);
}

.border-danger {
	border: 1px solid var(--color-danger);
}

.border-danger-1 {
	border: 1px solid var(--color-danger);
}

.border-danger-2 {
	border: 2px solid var(--color-danger);
}

.border-danger-3 {
	border: 3px solid var(--color-danger);
}

.border-danger-4 {
	border: 4px solid var(--color-danger);
}

.border-danger-5 {
	border: 5px solid var(--color-danger);
}

.border-bottom-danger {
	border-bottom: 1px solid var(--color-danger);
}

.border-bottom-danger-1 {
	border-bottom: 1px solid var(--color-danger);
}

.border-bottom-danger-2 {
	border-bottom: 2px solid var(--color-danger);
}

.border-bottom-danger-3 {
	border-bottom: 3px solid var(--color-danger);
}

.border-bottom-danger-4 {
	border-bottom: 4px solid var(--color-danger);
}

.border-bottom-danger-5 {
	border-bottom: 5px solid var(--color-danger);
}

.border-top-danger {
	border-top: 1px solid var(--color-danger);
}

.border-top-danger-1 {
	border-top: 1px solid var(--color-danger);
}

.border-top-danger-2 {
	border-top: 2px solid var(--color-danger);
}

.border-top-danger-3 {
	border-top: 3px solid var(--color-danger);
}

.border-top-danger-4 {
	border-top: 4px solid var(--color-danger);
}

.border-left-danger-5 {
	border-left: 5px solid var(--color-danger);
}

.border-left-danger {
	border-left: 1px solid var(--color-danger);
}

.border-left-danger-1 {
	border-left: 1px solid var(--color-danger);
}

.border-left-danger-2 {
	border-left: 2px solid var(--color-danger);
}

.border-left-danger-3 {
	border-left: 3px solid var(--color-danger);
}

.border-left-danger-4 {
	border-left: 4px solid var(--color-danger);
}

.border-left-danger-5 {
	border-left: 5px solid var(--color-danger);
}

.border-right-danger {
	border-right: 1px solid var(--color-danger);
}

.border-right-danger-1 {
	border-right: 1px solid var(--color-danger);
}

.border-right-danger-2 {
	border-right: 2px solid var(--color-danger);
}

.border-right-danger-3 {
	border-right: 3px solid var(--color-danger);
}

.border-right-danger-4 {
	border-right: 4px solid var(--color-danger);
}

.border-right-danger-5 {
	border-right: 5px solid var(--color-danger);
}

.border-light {
	border: 1px solid var(--color-light);
}

.border-light-1 {
	border: 1px solid var(--color-light);
}

.border-light-2 {
	border: 2px solid var(--color-light);
}

.border-light-3 {
	border: 3px solid var(--color-light);
}

.border-light-4 {
	border: 4px solid var(--color-light);
}

.border-light-5 {
	border: 5px solid var(--color-light);
}

.border-bottom-light {
	border-bottom: 1px solid var(--color-light);
}

.border-bottom-light-1 {
	border-bottom: 1px solid var(--color-light);
}

.border-bottom-light-2 {
	border-bottom: 2px solid var(--color-light);
}

.border-bottom-light-3 {
	border-bottom: 3px solid var(--color-light);
}

.border-bottom-light-4 {
	border-bottom: 4px solid var(--color-light);
}

.border-bottom-light-5 {
	border-bottom: 5px solid var(--color-light);
}

.border-top-light {
	border-top: 1px solid var(--color-light);
}

.border-top-light-1 {
	border-top: 1px solid var(--color-light);
}

.border-top-light-2 {
	border-top: 2px solid var(--color-light);
}

.border-top-light-3 {
	border-top: 3px solid var(--color-light);
}

.border-top-light-4 {
	border-top: 4px solid var(--color-light);
}

.border-left-light-5 {
	border-left: 5px solid var(--color-light);
}

.border-left-light {
	border-left: 1px solid var(--color-light);
}

.border-left-light-1 {
	border-left: 1px solid var(--color-light);
}

.border-left-light-2 {
	border-left: 2px solid var(--color-light);
}

.border-left-light-3 {
	border-left: 3px solid var(--color-light);
}

.border-left-light-4 {
	border-left: 4px solid var(--color-light);
}

.border-left-light-5 {
	border-left: 5px solid var(--color-light);
}

.border-right-light {
	border-right: 1px solid var(--color-light);
}

.border-right-light-1 {
	border-right: 1px solid var(--color-light);
}

.border-right-light-2 {
	border-right: 2px solid var(--color-light);
}

.border-right-light-3 {
	border-right: 3px solid var(--color-light);
}

.border-right-light-4 {
	border-right: 4px solid var(--color-light);
}

.border-right-light-5 {
	border-right: 5px solid var(--color-light);
}

/* End Borders */

/* Icons */

.icon-spacing {
	margin: 10px;
}

.icon-spacing-x {
	margin: 0px 10px;
}

.icon-spacing-y {
	/* margin: 10px 0px; */
}

.icon-sm {
	width: var(--icon-size-sm);
	height: var(--icon-size-sm);
}

.icon-md {
	width: var(--icon-size-md);
	height: var(--icon-size-md);
}

.icon-lg {
	width: var(--icon-size-lg);
	height: var(--icon-size-lg);
}

.icon-success {
	background: var(--icon-success) no-repeat;
	background-size: cover;
}

.icon-warning {
	background: var(--icon-warning) no-repeat;
	background-size: cover;
}

.icon-danger {
	background: var(--icon-danger) no-repeat;
	background-size: cover;
}

.icon-firma {
	background: var(--icon-firma) no-repeat;
	background-size: cover;
}

.icon-boy {
	background: var(--icon-boy) no-repeat;
	background-size: cover;
}

.icon-girl {
	background: var(--icon-girl) no-repeat;
	background-size: cover;
}

.icon-men {
	background: var(--icon-men) no-repeat;
	background-size: cover;
}

.icon-women {
	background: var(--icon-women) no-repeat;
	background-size: cover;
}

.icon-eye {
	background: var(--icon-eye) no-repeat;
	background-size: cover;
}

.icon-download {
	background: var(--icon-download) no-repeat;
	background-size: cover;
}

.icon-info {
	background: var(--icon-info) no-repeat;
	background-size: cover;
}

/* End Icons */

/* Fonts */
.text-xs {
	font-size: var(--font-size-xs);
}

.text-sm {
	font-size: var(--font-size-sm);
}

.text-md {
	font-size: var(--font-size-md);
}

.text-lg {
	font-size: var(--font-size-lg);
}

.text-xxl {
	font-size: var(--font-size-xxl);
}

.text-xxxl {
	font-size: var(--font-size-xxxl);
}

.text-muted {
	font-size: var(--font-size-sm);
	color: var(--color-secondary);
}

.text-error {
	font-size: var(--font-size-sm);
	color: var(--color-error);
}

.text-uppercase {
	text-transform: uppercase;
}

.text-lowercase {
	text-transform: lowercase;
}

.text-bold {
	font-weight: bold !important;
}

/* End Fonts */

/* Buttons */
.button-xs {
	padding: 2.5px 5px;
	border-radius: 50px;
	border: 1px solid transparent;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-size: var(--font-size-xs) !important;
	text-transform: none;
}

.button-xs.full {
	width: 100%;
}

.button-sm {
	padding: 5px 10px;
	border-radius: 50px;
	border: 1px solid transparent;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-size: var(--font-size-sm) !important;
	text-transform: none;
}

.button-sm.full {
	width: 100%;
}

.button {
	/* padding: 10px 20px; */
	border-radius: 50px;
	border: 1px solid transparent;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-size: var(--font-size-md);
	text-transform: none;
}

.button.full {
	width: 100%;
}

.button-lg {
	padding: 15px 30px;
	border-radius: 50px;
	border: 1px solid transparent;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
		border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-size: var(--font-size-lg);
	text-transform: none;
}

.button-lg.full {
	width: 100%;
}

.icon {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--font-size-lg);
}

.button-primary {
	background-color: var(--color-primary-alt);
	border-color: var(--color-primary-alt);
	color: var(--color-light) !important;
}

.button-primary:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-light) !important;
}

.button-primary-outlined {
	color: var(--color-primary-alt);
	background-color: transparent;
	border-color: var(--color-primary-alt) !important;
}

.button-primary-outlined:hover {
	color: var(--color-light);
	background-color: var(--color-primary) !important;
}

.button-secondary {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
	color: var(--color-light) !important;
}

.button-secondary:hover {
	background-color: var(--color-secondary-alt);
	border-color: var(--color-secondary-alt);
	color: var(--color-light) !important;
}

.button-secondary-outlined {
	color: var(--color-secondary-alt);
	background-color: transparent;
	border-color: var(--color-secondary-alt) !important;
}

.button-secondary-outlined:hover {
	color: var(--color-light);
	background-color: var(--color-secondary);
	border-color: var(--color-secondary) !important;
}

.button-tertiary {
	background-color: var(--color-tertiary);
	border-color: var(--color-tertiary);
	color: var(--color-light) !important;
}

.button-tertiary-outlined {
	background-color: transparent;
	border-color: var(--color-tertiary);
	color: var(--color-tertiary) !important;
}

.button-info {
	background-color: var(--color-info);
	border-color: var(--color-info);
	color: var(--color-light) !important;
}

.button-info-outlined {
	background-color: transparent;
	border-color: var(--color-info);
	color: var(--color-info) !important;
}

.button-warning {
	background-color: var(--color-warning);
	border-color: var(--color-warning);
	color: var(--color-light) !important;
}

.button-warning-outlined {
	background-color: transparent;
	border-color: var(--color-warning);
	color: var(--color-warning) !important;
}

.button-danger {
	background-color: var(--color-danger);
	border-color: var(--color-danger);
	color: var(--color-light) !important;
}

.button-danger:hover {
	background-color: var(--color-light);
	border-color: var(--color-danger);
	color: var(--color-danger) !important;
}

.button-transparent {
	background-color: transparent;
	border: none;
}

.button-transparent:hover {
	color: var(--color-primary-alt) !important;
}

/* End Buttons */

/* Alerts */

.alert-box-sm {
	width: 300px;
}

.alert-box {
	width: 700px;
	padding: 10px;
}

.alert-box-lg {
	width: 1000px;
	padding: 10px;
}

.alert-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 15px 5px;
	gap: 5px;
}

.alert-buttons {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.alertbox-text {
	color: var(--color-secondary-alt) !important;
	text-align: center !important;
	word-wrap: break-word;
}

.alertbox-action {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}

/* End Alerts */

/* Display */
.display-block {
	display: block;
}

.display-none {
	display: none;
}

.display-flex {
	display: flex;
}

/* End Display */

/* End Utils */

/* Custom Overrides */

.form-control {
	border-radius: var(--border-radius-control) !important;
	font-family: var(--font-family) !important;
	width: 100% !important;
	text-transform: uppercase;
}

.form-control.invalid:focus {
	border-color: var(--color-danger-alt);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px var(--color-danger) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--color-danger) !important;
}

.form-control:focus {
	border-color: #ccc;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--color-primary-alt);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--color-primary-alt);
}

.form-control.invalid {
	border-color: var(--color-danger);
	outline: 0;
}

.form-range {
	text-align: left;
}

.form-range input[type="range"] {
	accent-color: var(--color-primary);
	padding: 0;
}

.form-radio {
	accent-color: var(--color-primary);
	width: 15px;
	height: 15px;
}

.form-check {
	accent-color: var(--color-primary);
	width: 15px;
	height: 15px;
	margin: 0 !important;
}

.form-control-lg {
	height: 45px;
}

.form-button {
	height: 34px;
	margin: 21px 0 0 0 !important;
	width: 100%;
}

.form-inline-button {
	height: 34px;
	width: 100%;
	margin: 0px;
}

.validation-container {
	text-align: justify;
	padding: 0px 6px;
}

.form-switch {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 0;
}

.cuestionario {
	display: flex;
	flex-direction: column;
}

.pregunta {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 5px 0;
}

.pregunta .form-label {
	font-weight: normal !important;
}

.pregunta .respuesta {
	display: flex;
	justify-content: center;
}

.flex-container {
	display: flex;
}

.flex-container.h-center {
	justify-content: center;
}

.flex-container.v-center {
	align-items: center;
}

.form-error {
	display: block;
	font-size: var(--font-size-sm) !important;
	color: var(--color-danger);
}

.form-label {
	display: block;
	color: #333333;
	font-size: var(--font-size-sm) !important;
	text-align: left;
	padding: 0px 6px;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.form-control.hidden {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.select2-container {
	width: 100% !important;
}

.select2-search--dropdown .select2-search__field {
	border-radius: var(--border-radius-control);
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
	background-color: var(--color-light);
	border-radius: var(--border-radius-control);
	height: 34px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 12px;
	font-size: 14px;
}

.select2-container--default .select2-selection--single.invalid,
.select2-container--default .select2-selection--multiple.invalid {
	border-color: var(--color-danger);
	outline: 0;
}

.select2-container--default .select2-selection--single.invalid:focus,
.select2-container--default .select2-selection--multiple.invalid:focus {
	border-color: var(--color-danger-alt);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
		0 0 8px var(--color-danger) !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px var(--color-danger) !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus {
	border-color: #ccc;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--color-primary-alt);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px var(--color-primary-alt);
}

.select2-container--default .select2-selection--single:focus-visible,
.select2-container--default .select2-selection--multiple:focus-visible {
	border: 1px solid #ccc;
	outline: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	top: 0;
	right: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	display: flex;
	padding: 0;
	overflow: hidden;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	display: table-cell;
	vertical-align: middle;
	padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: var(--color-primary);
	color: var(--color-light);
}

.select2-container--default .select2-results__option[aria-disabled=true] {
	display: none;
}

.form-control[disabled],
.form-control[readonly],
.select2-container--default.select2-container--disabled .select2-selection--single,
fieldset[disabled] .form-control {
	background-color: var(--color-light);
	opacity: 1;
	cursor: not-allowed;
}

input.is-invalid,
select.is-invalid {
	background: var(--color-error) !important;
}

input.is-valid,
select.is-valid {
	background: var(--color-success) !important;
}

input.is-pending,
select.is-pending {
	background: var(--color-pending) !important;
}

.ui-dialog .ui-dialog-titlebar {
	background-color: var(--color-light);
	border: none;
	color: var(--color-primary);
	padding: 10px;
	font-size: var(--font-size-md);
	z-index: 1200 !important;
}

.ui-dialog .ui-dialog-titlebar-close {
	border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	color: #454545;
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0.2em;
	outline: 0;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.2);
	z-index: 1400 !important;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: 0.3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}

.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}

.ui-widget-content {
	background-color: White;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 8px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 8px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 8px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 8px;
}

.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}

.ui-widget {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.ui-resizable {
	position: relative;
}

.radio,
.checkbox {
	display: flex;
	align-items: center;
	gap: 5px;
}

.radio label,
.checkbox label {
	padding: 0px;
	margin-top: 5px;
}

.checkbox+.checkbox, .radio+.radio {
    margin-top: 10px !important;
}

.sy-radio,
.sy-checkbox {
	margin-top: 35px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	position: relative;
	margin-left: 0px;
	margin-top: 0px;
}

.button-icon {
	width: var(--icon-size-sm);
	height: var(--icon-size-sm);
	border: none;
}

.icon-primary {
	color: var(--color-light);
	background-color: var(--color-primary);
}

.round {
	border-radius: 50%;
}

.button-w-sm {
	padding: 2.5px 10px !important;
	font-size: var(--font-size-sm);
}

.form-row {
	display: flex;
	align-items: center;
	gap: 5px;
}

.form-row button {
	margin: 0 !important;
}

.form-row input {
	margin: 0;
}

.button-w-xs {
	min-width: 70px;
}

.form-row label {
	margin-bottom: 0;
}

.button-w-lg {
	min-width: 170px;
}

.button-w-xl {
	min-width: 230px;
}

.button {
	padding: 5px 20px;
	margin: 0;
	text-align: center;
}

.button i {
	margin: 0 5px 0 0 !important;
	padding: 0 !important;
}

.button-disabled:hover {
	background-color: white !important;
	color: var(--color-primary) !important;
	border: 1px solid var(--color-primary) !important;
}

.button-disabled {
	background-color: var(--color-secondary) !important;
	border-color: var(--color-secondary) !important;
	color: white !important;
	cursor: not-allowed;
}

.button-primary {
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary) !important;
	color: white !important;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
}

.button-primary:hover {
	background-color: white !important;
	color: var(--color-primary) !important;
	border: 1px solid var(--color-primary) !important;
}

.button-row-disabled {
	background-color: var(--color-secondary) !important;
	color: var(--color-light) !important;
	border: 1px solid var(--color-secondary) !important;
}

.button-row-disabled:hover {
	background-color: var(--color-light) !important;
	border-color: var(--color-secondary) !important;
	color: var(--color-secondary) !important;
	cursor: not-allowed;
}

.button-row-primary {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color: var(--color-light);
}

.button-row-primary:hover {
	background-color: var(--color-light) !important;
	color: var(--color-primary) !important;
	border: 1px solid var(--color-primary) !important;
}

.button-secondary {
	background-color: var(--color-secondary-alt);
	color: var(--color-light);
	border: 1px solid;
}

.button-secondary:hover {
	background-color: var(--color-light);
	color: var(--color-secondary-alt);
	border-color: var(--color-secondary-alt);
}

.button-secondary-outlined {
	background-color: var(--color-light);
	color: var(--color-secondary-alt);
	border: 1px solid;
}

.button-secondary-outlined:hover {
	background-color: var(--color-secondary-alt);
	color: var(--color-light);
	border: 1px solid;
}

.input_valid {
	background: var(--color-success);
	border: 1px solid #cccccc;
}

.input_error {
	border: 1px solid var(--color-danger) !important;
}

.input_number {
	text-align: right;
}

.hidden {
	display: none !important;
}

.invisible {
	visibility: hidden !important;
}

.row.no-gutter .col-lg-1,
.row.no-gutter .col-lg-10,
.row.no-gutter .col-lg-11,
.row.no-gutter .col-lg-12,
.row.no-gutter .col-lg-2,
.row.no-gutter .col-lg-3,
.row.no-gutter .col-lg-4,
.row.no-gutter .col-lg-5,
.row.no-gutter .col-lg-6,
.row.no-gutter .col-lg-7,
.row.no-gutter .col-lg-8,
.row.no-gutter .col-lg-9,
.row.no-gutter .col-md-1,
.row.no-gutter .col-md-10,
.row.no-gutter .col-md-11,
.row.no-gutter .col-md-12,
.row.no-gutter .col-md-2,
.row.no-gutter .col-md-3,
.row.no-gutter .col-md-4,
.row.no-gutter .col-md-5,
.row.no-gutter .col-md-6,
.row.no-gutter .col-md-7,
.row.no-gutter .col-md-8,
.row.no-gutter .col-md-9,
.row.no-gutter .col-sm-1,
.row.no-gutter .col-sm-10,
.row.no-gutter .col-sm-11,
.row.no-gutter .col-sm-12,
.row.no-gutter .col-sm-2,
.row.no-gutter .col-sm-3,
.row.no-gutter .col-sm-4,
.row.no-gutter .col-sm-5,
.row.no-gutter .col-sm-6,
.row.no-gutter .col-sm-7,
.row.no-gutter .col-sm-8,
.row.no-gutter .col-sm-9,
.row.no-gutter .col-xs-1,
.row.no-gutter .col-xs-10,
.row.no-gutter .col-xs-11,
.row.no-gutter .col-xs-12,
.row.no-gutter .col-xs-2,
.row.no-gutter .col-xs-3,
.row.no-gutter .col-xs-4,
.row.no-gutter .col-xs-5,
.row.no-gutter .col-xs-6,
.row.no-gutter .col-xs-7,
.row.no-gutter .col-xs-8,
.row.no-gutter .col-xs-9 {
	padding: 0px 5px;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
	margin-bottom: 10px;
}

.help-tooltip {
	color: var(--color-primary);
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: var(--font-size-md);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
}

.help-tooltip:hover {
	color: var(--color-primary-alt);
	font-weight: bold;
}

.help-tooltip::before {
	content: "\f29c";
}

.modal .step .stepper-section {
	margin-bottom: 0px;
}

select option:disabled {
	display: none;
}

input[type="date"] {
	padding-right: 0px !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	background-image: var(--icon-calendar) !important;
}

/* End Custom Overrides */

/* Loader */
.loadingContainer {
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	right: 0;
	z-index: 1500;
	background: rgba(255, 255, 255, 1);
}

.loadingContainer .loading .zurich-logo {
	width: 75px;
	height: 75px;
	background-image: var(--icon-loader) !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	animation: 1.4s linear 0.5s;
	animation-name: loadingAnimation;
	animation-direction: normal;
	animation-iteration-count: infinite;
}

.loadingContainer .loading {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: center;
	justify-content: center;
	word-break: break-word;
	text-align: center;
}

.loadingContainer .loading::before {
	content: "";
}

.loadingContainer .loading .loading-text {
	font-size: var(--font-size-lg);
	color: var(--color-primary-alt);
	font-weight: bold;
}

@keyframes loadingAnimation {
	0% {
		transform: scale(1);
		font-size: var(--font-size-lg);
	}

	100% {
		transform: scale(1.3);
		font-size: var(--font-size-md);
	}
}

/* End Loader */

/* Padding */
.p-0 {
	padding: 0 !important;
}

/* End Padding */

/* Margin */
.m-0 {
	margin: 0 !important;
}

/* End Margin */

/* Toggle */
.toggle {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	width: 110px;
	position: relative;
}

.toggle::before {
	content: "";
	position: absolute;
	left: 40px;
	z-index: -1;
	width: 36px;
	height: 16px;
	background: var(--color-toggle-default);
	border-radius: 30px;
}

.toggle[disabled],
.toggle.disabled {
	background-color: var(--color-light) !important;
	cursor: not-allowed;
}

.toggle[disabled] input[class^="toggle-"]:checked~.indicador,
.toggle.disabled input[class^="toggle-"]:checked~.indicadr {
	background: var(--color-toggle-disabled);
}

.toggle label {
	display: inline;
	cursor: pointer;
	position: relative;
	color: #000000;
	z-index: 2;
}

.toggle[disabled] label,
.toggle.disabled label {
	pointer-events: none;
}

.toggle label.label-no {
	padding-right: 32px;
}

.toggle label.label-neutral {
	padding: 5px 5px;
}

.toggle label.label-si {
	padding-left: 32px;
}

.toggle .indicador {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	left: 38px;
}

@media screen and (max-width: 768px) {
	.custom-select {
		width: 100%;
	}
}

.toggle[disabled] input,
.toggle.disabled input {
	pointer-events: none;
}

.toggle input.toggle-no:checked~.indicador {
	background: var(--color-secondary-alt);
	transform: translate3d(-2px, 0, 0);
}

.toggle input.toggle-neutral:checked~.indicador {
	background: var(--color-info);
	transform: translate3d(1rem, 0, 0);
}

.toggle input.toggle-si:checked~.indicador {
	background: var(--color-primary);
	transform: translate3d(20px, 0, 0);
}


.toggle input.toggle-no:checked~.indicador::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 4px;
	z-index: -1;
	width: 36px;
	height: 16px;
	border-radius: 30px;
	background: var(--color-secondary);
	opacity: 0.15;
}

.toggle input.toggle-si:checked~.indicador::before {
	content: "";
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: -2;
	width: 36px;
	height: 16px;
	border-radius: 30px;
	background: var(--color-primary-alt);
	opacity: 0.15;
}

.toggle input.toggle-neutral:checked~.indicador::before {
	content: "";
	position: absolute;
	top: 2px;
	left: -9px;
	width: 36px;
	height: 16px;
	border-radius: 30px;
	background: var(--color-info-light);
	opacity: 0.15;
}

.toggle input[type="radio"]:not(:checked),
.toggle input[type="radio"]:checked,
.toggle input[type="checkbox"]:not(:checked),
.toggle input[type="checkbox"]:checked {
	display: none;
}

/* End Toggle */

.clickable {
	cursor: pointer;
}

/* Custom Widths */
.table-cobertura-grupo {
	font-size: var(--font-size-sm);
}

.table-cobertura-grupo thead tr th {
	text-align: center;
}

.table-cobertura-grupo thead tr th:nth-child(1) {
	width: 40%;
}

.table-cobertura-grupo thead tr th:nth-child(2),
.table-cobertura-grupo thead tr th:nth-child(3) {
	width: 20%;
}

.table-cobertura-grupo thead tr th:nth-child(4) {
	width: 40%;
}

.table-cobertura {
	font-size: var(--font-size-sm);
}

label {
	margin-bottom: 0;
}

.ui-widget-content[role=tooltip] {
	background-color: var(--color-primary) !important;
	border: none !important;
	color: var(--color-light);
	box-shadow: none !important;
}

/* Modal */
.modal-dialog-sm {
	width: 100% !important;
	max-width: 400px !important;
}

.modal-dialog-md {
	width: 100% !important;
	max-width: 700px !important;
}

.modal-dialog-lg {
	width: 100% !important;
	max-width: 900px !important;
}

.modal-dialog-xl {
	width: 100% !important;
	max-width: 1100px !important;
}

.modal-dialog-xxl {
	width: 100% !important;
	max-width: 1300px !important;
}

.modal-header {
	padding: 10px 15px;
}

.modal-header .close {
	margin: 0;
	padding: 0;
	font-size: var(--font-size-lg);
}

.modal-header .close i {
	line-height: 1.42857143;
}

.modal-title {
	color: var(--color-primary-alt);
	font-weight: bold;
}

.fixed-modal .modal-body {
	max-height: 84vh;
	overflow-y: auto;
}

.modal-pdf {
	width: auto !important;
	max-width: 900px !important;
}

.form-dialog {
	width: 100% !important;
	max-width: 800px !important;
}

.row.flex {
	display: flex;
	flex-wrap: wrap;
}

.row.flex.justify-center {
	justify-content: center;
}

.row.flex.align-center {
	align-items: center;
}

/* End Modal */

/* Badges */
.badge {
	font-size: var(--font-size-xs);
}

.badge.primary {
	background-color: var(--color-primary-alt);
}

.badge.success {
	background-color: var(--color-success);
}

.badge.info {
	background-color: var(--color-info);
}

.badge.secondary {
	background-color: var(--color-secondary-alt);
}

/* End Badges */

/* Boostrap Alert */

.alert.alert-primary {
	color: var(--color-alert-primary);
	background: var(--color-alert-primary-alt);
}

/* End Boostrap Alert */

/* Dropdown */
.drpdwn-button {
	border: none;
	cursor: pointer;
	font-size: var(--font-size-xl);
	padding: 5px;
	border-radius: var(--border-radius-md);
}

.drpdwn {
	position: relative;
	display: inline-block;
}

.drpdwn-menu {
	display: none;
	position: fixed !important;
	background-color: var(--color-light);
	min-width: 200px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1000;
	padding: 0;
	left: -35px;
	top: 0;
}

.drpdwn-menu .drpdwn-item {
	color: var(--color-secondary-alt);
	text-decoration: none;
	display: grid;
	grid-template-columns: 25px 1fr;
	align-items: center;
	padding: 5px 0;
	cursor: pointer;
	font-size: var(--font-size-sm);
}

.drpdwn-menu .drpdwn-item .drpdwn-item-icon {
	text-align: center;
}

.drpdwn-menu .drpdwn-item:hover,
.drpdwn-menu .drpdwn-item:active,
.drpdwn-menu .drpdwn-item:focus {
	background-color: var(--color-primary);
	color: var(--color-light);
}

.drpdwn:hover .drpdwn-menu {
	display: block;
}

.drpdwn:hover .drpdwn-button {
	background-color: var(--color-secondary-alt);
	color: var(--color-light);
}

/* End Dropdown */