/* Notifications CSS */
.notifications_btn .notifications-badge {width: 12px;height: 12px;border-radius: 100%;position: absolute;right: 15px;top: 3px;padding: 0 !important;background: rgba(var(--bs-secondary-rgb), 1);border: var(--bs-btn-bg) 2px solid;transition:.15s;}
.notifications_btn:hover .notifications-badge {border: var(--bs-btn-hover-bg) 2px solid;transition:.15s;}
.avatar {height: 40px;width: 40px;background-size: cover;}
.dropdown_user {min-width: 300px;}
.avatar_big {font-size: 20px;width: 50px !important;height: 50px !important;background-size: cover;}
.notification *:last-child {margin-bottom: 0 !important;}
#notifications.modal.right .modal-dialog,
#menu_panel.modal.right .modal-dialog {max-width: 400px;}

@layer framework { 
	/* 00-Root (Base) */
:root {
--bs-blue-rgb: 13, 110, 253;
--bs-indigo-rgb: 102, 16, 242;
--bs-purple-rgb: 59, 58, 146;
--bs-pink-rgb: 216, 27, 96;
--bs-red-rgb: 220, 53, 69;
--bs-orange-rgb: 253, 126, 20;
--bs-yellow-rgb: 255, 193, 7;
--bs-green-rgb: 25, 135, 84;
--bs-hdi-green-rgb: 0, 103, 41;
--bs-teal-rgb: 32, 201, 151;
--bs-cyan-rgb: 13, 202, 240;
--bs-black-rgb: 0, 0, 0;
--bs-white-rgb: 255, 255, 255;
--bs-gray-rgb: 108, 111, 112;
--bs-gray-dark-rgb: 54, 55, 68;
--bs-primary-rgb: var(--bs-hdi-green-rgb);
--bs-secondary-rgb: var(--bs-gray-rgb);
--bs-primary-soft-rgb: var(--bs-primary-25-rgb);
--bs-secondary-soft-rgb: var(--bs-secondary-25-rgb);
--bs-tertiary-color-rgb: var(--bs-gray-500-rgb);
--bs-tertiary-bg-rgb: var(--bs-gray-100-rgb);
--bs-success-rgb: var(--bs-green-rgb);
--bs-danger-rgb: var(--bs-red-rgb);
--bs-danger-soft-rgb: var(--bs-danger-25-rgb);
--bs-danger-25-rgb: 253, 245, 246;
--bs-danger-50-rgb: 251, 235, 236;
--bs-danger-100-rgb: 248, 215, 218;
--bs-danger-200-rgb: 241, 174, 181;
--bs-danger-300-rgb: 234, 134, 143;
--bs-danger-400-rgb: 227, 93, 106;
--bs-danger-500-rgb: var(--bs-danger-rgb);
--bs-danger-600-rgb: 176, 42, 55;
--bs-danger-700-rgb: 132, 32, 41;
--bs-danger-800-rgb: 88, 21, 28;
--bs-danger-900-rgb: 44, 11, 14;
--bs-success-soft-rgb: var(--bs-success-25-rgb);
--bs-success-25-rgb: 243, 249, 246;
--bs-success-50-rgb: 232, 243, 238;
--bs-success-100-rgb: 209, 231, 221;
--bs-success-200-rgb: 163, 207, 187;
--bs-success-300-rgb: 117, 183, 152;
--bs-success-400-rgb: 71, 159, 118;
--bs-success-500-rgb: var(--bs-success-rgb);
--bs-success-600-rgb: 20, 108, 67;
--bs-success-700-rgb: 15, 81, 50;
--bs-success-800-rgb: 10, 54, 34;
--bs-success-900-rgb: 5, 27, 17;
--bs-warning-rgb: var(--bs-yellow-rgb);
--bs-warning-soft-rgb: var(--bs-warning-25-rgb);
--bs-warning-25-rgb: 255, 252, 243;
--bs-warning-50-rgb: 255, 249, 230;
--bs-warning-100-rgb: 255, 243, 205;
--bs-warning-200-rgb: 255, 230, 156;
--bs-warning-300-rgb: 255, 218, 106;
--bs-warning-400-rgb: 255, 205, 57;
--bs-warning-500-rgb: var(--bs-warning-rgb);
--bs-warning-600-rgb: 204, 154, 6;
--bs-warning-700-rgb: 153, 116, 4;
--bs-warning-800-rgb: 102, 77, 3;
--bs-warning-900-rgb: 51, 39, 1;
--bs-info-rgb: var(--bs-cyan-rgb);
--bs-gray-soft-rgb: var(--bs-gray-25-rgb);
--bs-gray-25-rgb: 248, 249, 249;
--bs-gray-50-rgb: 241, 242, 242;
--bs-gray-100-rgb: 226, 228, 229;
--bs-gray-200-rgb: 197, 200, 203;
--bs-gray-300-rgb: 167, 173, 177;
--bs-gray-400-rgb: 138, 145, 151;
--bs-gray-500-rgb: var(--bs-gray-rgb);
--bs-gray-600-rgb: 87, 94, 100;
--bs-gray-700-rgb: 65, 71, 75;
--bs-gray-800-rgb: 44, 47, 50;
--bs-gray-900-rgb: 22, 24, 25;
--bs-light-rgb: var(--bs-gray-25-rgb);
--bs-info-soft-rgb: var(--bs-info-25-rgb);
--bs-info-25-rgb: 242, 252, 254;
--bs-info-50-rgb: 230, 249, 253;
--bs-info-100-rgb: 206, 244, 252;
--bs-info-200-rgb: 158, 233, 249;
--bs-info-300-rgb: 109, 223, 246;
--bs-info-400-rgb: 61, 212, 243;
--bs-info-500-rgb: var(--bs-info-rgb);
--bs-info-600-rgb: 10, 161, 192;
--bs-info-700-rgb: 7, 121, 144;
--bs-info-800-rgb: 5, 80, 96;
--bs-info-900-rgb: 2, 40, 48;
--bs-dark-rgb: var(--bs-gray-900-rgb);
--bs-body-color-rgb: var(--bs-secondary-color-rgb);
--bs-body-bg-rgb: var(--bs-white-rgb);
--bs-body-font-size: 1rem;
--bs-body-font-weight: var(--bs-fw-normal);
--bs-body-line-height: 1.5rem;
--bs-emphasis-color-rgb: var(--bs-black-rgb);
--bs-primary-25-rgb: 243, 248, 245;
--bs-primary-50-rgb: 230, 240, 234;
--bs-primary-100-rgb: 204, 225, 213;
--bs-primary-200-rgb: 155, 198, 156;
--bs-primary-300-rgb: 102, 164, 127;
--bs-primary-400-rgb: 51, 134, 84;
--bs-primary-500-rgb: var(--bs-primary-rgb);
--bs-primary-600-rgb: 0, 83, 33;
--bs-primary-700-rgb: 0, 62, 25;
--bs-primary-800-rgb: 0, 42, 17;
--bs-secondary-25-rgb: 247, 247, 247;
--bs-primary-900-rgb: 0, 21, 9;
--bs-secondary-50-rgb: 240, 240, 240;
--bs-secondary-100-rgb: 225, 226, 226;
--bs-secondary-200-rgb: 196, 197, 197;
--bs-secondary-300-rgb: 166, 168, 169;
--bs-secondary-400-rgb: 137, 139, 140;
--bs-secondary-500-rgb: 108, 111, 112;
--bs-secondary-600-rgb: 86, 88, 89;
--bs-secondary-700-rgb: 64, 66, 67;
--bs-secondary-800-rgb: 43, 44, 44;
--bs-secondary-900-rgb: 21, 22, 22;
--bs-link-color-rgb: var(--bs-success-700-rgb);
--bs-focus-ring-border-color-rgb: var(--bs-primary-300-rgb);
--bs-focus-ring-base-color-rgb: var(--bs-primary-rgb);
--bs-link-hover-color-rgb: var(--bs-success-900-rgb);
--bs-focus-ring-width: 0.25rem;
--bs-box-shadow-x: 0rem;
--bs-box-shadow-sm-x: 0rem;
--bs-box-shadow-lg-x: 0rem;
--bs-box-shadow-lg-y: 1rem;
--bs-box-shadow-lg-blur: 3rem;
--bs-box-shadow-lg-spread: 0rem;
--bs-box-shadow-lg-color: var(--custom-opacity-dark-25-rgba);
--bs-box-shadow-sm-y: 0.125rem;
--bs-box-shadow-sm-blur: 0.25rem;
--bs-box-shadow-sm-spread: 0rem;
--bs-box-shadow-sm-color: var(--custom-opacity-dark-10-rgba);
--bs-box-shadow-y: 0.5rem;
--bs-box-shadow-blur: 1rem;
--bs-surface-primary-rgb: var(--bs-primary-50-rgb);
--bs-border-width: 0.0625rem;
--bs-border-color: var(--bs-secondary-100);
--bs-border-color-translucent: var(--custom-opacity-black-25-rgba);
--bs-border-radius-sm: 0.25rem;
--bs-border-radius: 0.5rem;
--bs-border-radius-lg: 1rem;
--bs-border-radius-xl: 1.5rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-pill: 50rem;
--bs-ref-spacer-0: 0rem;
--bs-ref-spacer-1: 0.25rem;
--bs-ref-spacer-2: 0.5rem;
--bs-ref-spacer-3: 0.75rem;
--bs-ref-spacer-4: 1rem;
--bs-ref-spacer-5: 1.25rem;
--bs-ref-spacer-6: 1.5rem;
--bs-ref-spacer-7: 1.75rem;
--bs-ref-spacer-8: 2rem;
--bs-ref-spacer-9: 2.25rem;
--bs-ref-spacer-10: 2.5rem;
--bs-ref-spacer-11: 2.75rem;
--bs-ref-spacer-12: 3rem;
--bs-ref-spacer-13: 3.25rem;
--bs-ref-spacer-14: 3.5rem;
--bs-ref-spacer-15: 3.75rem;
--bs-ref-spacer-16: 4rem;
--bs-ref-spacer-17: 4.25rem;
--bs-ref-spacer-18: 4.5rem;
--bs-ref-spacer-19: 4.75rem;
--bs-ref-spacer-20: 5rem;
--bs-ref-spacer-21: 5.25rem;
--bs-ref-spacer-22: 5.5rem;
--bs-ref-spacer-23: 5.75rem;
--bs-ref-spacer-24: 6rem;
--bs-ref-spacer-25: 6.25rem;
--bs-ref-spacer-26: 6.5rem;
--bs-ref-spacer-27: 6.75rem;
--bs-ref-spacer-28: 7rem;
--bs-ref-spacer-29: 7.25rem;
--bs-ref-spacer-30: 7.5rem;
--bs-surface-secondary-rgb: var(--bs-secondary-50-rgb);
--bs-surface-gray-rgb: var(--bs-gray-50-rgb);
--bs-surface-success-rgb: var(--bs-success-50-rgb);
--bs-surface-info-rgb: var(--bs-info-50-rgb);
--bs-surface-warning-rgb: var(--bs-warning-50-rgb);
--bs-surface-danger-rgb: var(--bs-danger-50-rgb);
--bs-box-shadow-spread: 0rem;
--bs-box-shadow-color: var(--custom-opacity-dark-25-rgba);
--custom-font-family-sans-serif: Arial;
--custom-opacity-transparent-rgba: rgba(255, 255, 255, 0.00);
--custom-opacity-primary-10-rgba: rgba(25, 135, 84, 0.10);
--custom-opacity-primary-25-rgba: rgba(25, 135, 84, 0.25);
--custom-opacity-primary-65-rgba: rgba(25, 135, 84, 0.65);
--custom-opacity-secondary-10-rgba: rgba(108, 111, 112, 0.10);
--custom-opacity-secondary-25-rgba: rgba(108, 111, 112, 0.25);
--custom-opacity-secondary-65-rgba: rgba(108, 111, 112, 0.65);
--custom-opacity-success-10-rgba: rgba(25, 135, 84, 0.10);
--custom-opacity-success-25-rgba: rgba(25, 135, 84, 0.25);
--custom-opacity-success-65-rgba: rgba(25, 135, 84, 0.65);
--custom-opacity-danger-10-rgba: rgba(220, 53, 69, 0.10);
--custom-opacity-danger-25-rgba: rgba(220, 53, 69, 0.25);
--custom-opacity-danger-65-rgba: rgba(220, 53, 69, 0.65);
--custom-opacity-light-10-rgba: rgba(239, 240, 242, 0.10);
--custom-opacity-light-25-rgba: rgba(239, 240, 242, 0.25);
--custom-opacity-light-65-rgba: rgba(239, 240, 242, 0.65);
--custom-opacity-dark-10-rgba: rgba(35, 36, 38, 0.10);
--custom-opacity-dark-25-rgba: rgba(35, 36, 38, 0.25);
--custom-opacity-dark-65-rgba: rgba(35, 36, 38, 0.65);
--custom-opacity-black-10-rgba: rgba(0, 0, 0, 0.10);
--custom-opacity-black-25-rgba: rgba(0, 0, 0, 0.25);
--custom-opacity-black-65-rgb: 0, 0, 0;
--custom-opacity-white-10-rgba: rgba(255, 255, 255, 0.10);
--custom-opacity-white-25-rgba: rgba(255, 255, 255, 0.25);
--custom-opacity-white-65-rgba: rgba(255, 255, 255, 0.65);
--lab-shadow-light-x: 0rem;
--lab-shadow-light-y: 0.5rem;
--lab-shadow-light-blur: 1rem;
--lab-shadow-light-spread: 0rem;
--lab-shadow-light-color: var(--custom-opacity-light-25-rgba);
--lab-shadow-primary-x: 0rem;
--lab-shadow-primary-y: 0.125rem;
--lab-shadow-primary-blur: 0.25rem;
--lab-shadow-primary-spread: 0rem;
--lab-shadow-primary-color: var(--custom-opacity-primary-25-rgba);
--lab-shadow-secondary-x: 0rem;
--lab-shadow-secondary-y: 0.125rem;
--lab-shadow-secondary-blur: 0.25rem;
--lab-shadow-secondary-spread: 0rem;
--lab-shadow-secondary-color: var(--custom-opacity-secondary-25-rgba);
--lab-shadow-success-x: 0rem;
--lab-shadow-success-y: 0.125rem;
--lab-shadow-success-blur: 0.25rem;
--lab-shadow-success-spread: 0rem;
--lab-shadow-success-color: var(--custom-opacity-success-25-rgba);
--lab-shadow-danger-x: 0rem;
--lab-shadow-danger-y: 0.125rem;
--lab-shadow-danger-blur: 0.25rem;
--lab-shadow-danger-spread: 0rem;
--lab-shadow-danger-color: var(--custom-opacity-danger-25-rgba);
--lab-shadow-white-x: 0rem;
--lab-shadow-white-y: 0.125rem;
--lab-shadow-white-blur: 0.25rem;
--lab-shadow-white-spread: 0rem;
--lab-shadow-white-color: var(--custom-opacity-white-25-rgba);
--lab-shadow-black-x: 0rem;
--lab-shadow-black-y: 0.125rem;
--lab-shadow-black-blur: 0.25rem;
--lab-shadow-black-spread: 0rem;
--lab-shadow-black-color: var(--custom-opacity-black-25-rgba);
--lab-shadow-sm-light-x: 0rem;
--lab-shadow-sm-light-y: 0.125rem;
--lab-shadow-sm-light-blur: 0.25rem;
--lab-shadow-sm-light-spread: 0rem;
--lab-shadow-sm-light-color: var(--custom-opacity-light-10-rgba);
--lab-shadow-sm-primary-x: 0rem;
--lab-shadow-sm-primary-y: 0.125rem;
--lab-shadow-sm-primary-blur: 0.25rem;
--lab-shadow-sm-primary-spread: 0rem;
--lab-shadow-sm-primary-color: var(--custom-opacity-primary-10-rgba);
--lab-shadow-sm-secondary-x: 0rem;
--lab-shadow-sm-secondary-y: 0.125rem;
--lab-shadow-sm-secondary-blur: 0.25rem;
--lab-shadow-sm-secondary-spread: 0rem;
--lab-shadow-sm-secondary-color: var(--custom-opacity-secondary-10-rgba);
--lab-shadow-sm-success-x: 0rem;
--lab-shadow-sm-success-y: 0.125rem;
--lab-shadow-sm-success-blur: 0.25rem;
--lab-shadow-sm-success-spread: 0rem;
--lab-shadow-sm-success-color: var(--custom-opacity-success-10-rgba);
--lab-shadow-sm-danger-x: 0rem;
--lab-shadow-sm-danger-y: 0.125rem;
--lab-shadow-sm-danger-blur: 0.25rem;
--lab-shadow-sm-danger-spread: 0rem;
--lab-shadow-sm-danger-color: var(--custom-opacity-danger-10-rgba);
--lab-shadow-sm-white-x: 0rem;
--lab-shadow-sm-white-y: 0.125rem;
--lab-shadow-sm-white-blur: 0.25rem;
--lab-shadow-sm-white-spread: 0rem;
--lab-shadow-sm-white-color: var(--custom-opacity-white-10-rgba);
--lab-shadow-sm-black-x: 0rem;
--lab-shadow-sm-black-y: 0.125rem;
--lab-shadow-sm-black-blur: 0.25rem;
--lab-shadow-sm-black-spread: 0rem;
--lab-shadow-sm-black-color: var(--custom-opacity-black-10-rgba);
--lab-shadow-lg-light-x: 0rem;
--lab-shadow-lg-light-y: 1rem;
--lab-shadow-lg-light-blur: 3rem;
--lab-shadow-lg-light-spread: 0rem;
--lab-shadow-lg-light-color: var(--custom-opacity-light-65-rgba);
--lab-shadow-lg-primary-x: 0rem;
--lab-shadow-lg-primary-y: 0.125rem;
--lab-shadow-lg-primary-blur: 0.25rem;
--lab-shadow-lg-primary-spread: 0rem;
--lab-shadow-lg-primary-color: var(--custom-opacity-primary-65-rgba);
--lab-shadow-lg-secondary-x: 0rem;
--lab-shadow-lg-secondary-y: 0.125rem;
--lab-shadow-lg-secondary-blur: 0.25rem;
--lab-shadow-lg-secondary-spread: 0rem;
--lab-shadow-lg-secondary-color: var(--custom-opacity-secondary-65-rgba);
--lab-shadow-lg-success-x: 0rem;
--lab-shadow-lg-success-y: 0.125rem;
--lab-shadow-lg-success-blur: 0.25rem;
--lab-shadow-lg-success-spread: 0rem;
--lab-shadow-lg-success-color: var(--custom-opacity-success-65-rgba);
--lab-shadow-lg-danger-x: 0rem;
--lab-shadow-lg-danger-y: 0.125rem;
--lab-shadow-lg-danger-blur: 0.25rem;
--lab-shadow-lg-danger-spread: 0rem;
--lab-shadow-lg-danger-color: var(--custom-opacity-danger-65-rgba);
--lab-shadow-lg-white-x: 0rem;
--lab-shadow-lg-white-y: 0.125rem;
--lab-shadow-lg-white-blur: 0.25rem;
--lab-shadow-lg-white-spread: 0rem;
--lab-shadow-lg-white-color: var(--custom-opacity-white-65-rgba);
--lab-shadow-lg-black-x: 0rem;
--lab-shadow-lg-black-y: 0.125rem;
--lab-shadow-lg-black-blur: 0.25rem;
--lab-shadow-lg-black-spread: 0rem;
--lab-shadow-lg-black-color: var(--custom-opacity-black-65-rgb);
--bs-fs-1: 2.625rem;
--bs-fs-2: 2.125rem;
--bs-fs-3: 1.875rem;
--bs-fs-4: 1.625rem;
--bs-fs-5: 1.375rem;
--bs-fs-6: 1.125rem;
--bs-fs-display-1: 5.125rem;
--bs-fs-display-2: 4.625rem;
--bs-fs-display-3: 4.125rem;
--bs-fs-display-4: 3.625rem;
--bs-fs-display-5: 3.125rem;
--bs-fs-display-6: 2.625rem;
--bs-fs-body-large: 1.625rem;
--bs-fs-body-medium: 1.375rem;
--bs-fs-body-normal: 1.125rem;
--bs-fs-body-small: 1rem;
--bs-fs-body-tiny: 0.875rem;
--bs-fw-lighter: 100;
--bs-fw-light: 300;
--bs-fw-normal: 400;
--bs-fw-medium: 500;
--bs-fw-semibold: 600;
--bs-fw-bold: 700;
--bs-fw-bolder: 800;
--bs-secondary-color-rgb: var(--bs-gray-800);
--bs-secondary-bg-rgb: var(--bs-gray-700-rgb);
--bs-label-color: var(--bs-gray-700);
--bs-label-font-weight: var(--bs-fw-normal);
--bs-label-font-size: 1rem;
--bs-label-padding-x: var(--bs-ref-spacer-0);
--bs-label-padding-y: var(--bs-ref-spacer-0);
--bs-label-margin-bottom: var(--bs-ref-spacer-1);
--bs-form-valid-color: var(--bs-success-500);
--bs-form-valid-border-color: var(--bs-success-500);
--bs-form-invalid-color: var(--bs-danger-500);
--bs-form-invalid-border-color: var(--bs-danger-500);
--bs-input-group-border-color: var(--bs-border-color);
--bs-input-group-focus-border-color: var(--bs-focus-ring-border-color);
--bs-input-group-disabled-bg: var(--bs-gray-200);
--bs-input-group-disabled-border-color: var(--bs-gray-200);
--bs-input-group-disabled-color: var(--bs-secondary-color-rgb);
--bs-input-group-border-width: 0.125rem;
--bs-input-group-border-radius-top: var(--bs-border-radius-sm);
}
/* 01-Color System */
:root {
--bs-blue: rgb(var(--bs-blue-rgb));
--bs-indigo: rgb(var(--bs-indigo-rgb));
--bs-purple: rgb(var(--bs-purple-rgb));
--bs-pink: rgb(var(--bs-pink-rgb));
--bs-red: rgb(var(--bs-red-rgb));
--bs-orange: rgb(var(--bs-orange-rgb));
--bs-yellow: rgb(var(--bs-yellow-rgb));
--bs-green: rgb(var(--bs-green-rgb));
--bs-teal: rgb(var(--bs-teal-rgb));
--bs-cyan: rgb(var(--bs-cyan-rgb));
--bs-black: rgb(var(--bs-black-rgb));
--bs-white: rgb(var(--bs-white-rgb));
--bs-gray: rgb(var(--bs-gray-rgb));
--bs-gray-dark: rgb(var(--bs-gray-dark-rgb));
--bs-primary: rgb(var(--bs-primary-rgb));
--bs-secondary: rgb(var(--bs-secondary-rgb));
--bs-success: rgb(var(--bs-success-rgb));
--bs-info: rgb(var(--bs-info-rgb));
--bs-warning: rgb(var(--bs-warning-rgb));
--bs-danger: rgb(var(--bs-danger-rgb));
--bs-light: rgb(var(--bs-light-rgb));
--bs-dark: rgb(var(--bs-dark-rgb));
--bs-primary-soft: rgb(var(--bs-primary-soft-rgb));
--bs-primary-25: rgb(var(--bs-primary-25-rgb));
--bs-primary-50: rgb(var(--bs-primary-50-rgb));
--bs-primary-100: rgb(var(--bs-primary-100-rgb));
--bs-primary-200: rgb(var(--bs-primary-200-rgb));
--bs-primary-300: rgb(var(--bs-primary-300-rgb));
--bs-primary-400: rgb(var(--bs-primary-400-rgb));
--bs-primary-500: rgb(var(--bs-primary-500-rgb));
--bs-primary-600: rgb(var(--bs-primary-600-rgb));
--bs-primary-700: rgb(var(--bs-primary-700-rgb));
--bs-primary-800: rgb(var(--bs-primary-800-rgb));
--bs-primary-900: rgb(var(--bs-primary-900-rgb));
--bs-primary-text-emphasis: rgb(var(--bs-primary-600-rgb));
--bs-primary-bg-subtle: rgb(var(--bs-primary-100-rgb));
--bs-primary-border-subtle: rgb(var(--bs-primary-100-rgb));
--bs-secondary-soft: rgb(var(--bs-secondary-soft-rgb));
--bs-secondary-25: rgb(var(--bs-secondary-25-rgb));
--bs-tertiary-color: rgb(var(--bs-tertiary-color-rgb));
--bs-tertiary-bg: rgb(var(--bs-tertiary-bg-rgb));
--bs-secondary-50: rgb(var(--bs-secondary-50-rgb));
--bs-secondary-100: rgb(var(--bs-secondary-100-rgb));
--bs-secondary-200: rgb(var(--bs-secondary-200-rgb));
--bs-secondary-300: rgb(var(--bs-secondary-300-rgb));
--bs-secondary-400: rgb(var(--bs-secondary-400-rgb));
--bs-secondary-500: rgb(var(--bs-secondary-500-rgb));
--bs-secondary-600: rgb(var(--bs-secondary-600-rgb));
--bs-secondary-700: rgb(var(--bs-secondary-700-rgb));
--bs-secondary-800: rgb(var(--bs-secondary-800-rgb));
--bs-secondary-900: rgb(var(--bs-secondary-900-rgb));
--bs-secondary-text-emphasis: rgb(var(--bs-secondary-900-rgb));
--bs-secondary-bg-subtle: rgb(var(--bs-secondary-100-rgb));
--bs-secondary-border-subtle: rgb(var(--bs-secondary-100-rgb));
--bs-secondary-color: rgb(var(--bs-secondary-color-rgb));
--bs-secondary-bg: rgb(var(--bs-secondary-bg-rgb));
--bs-gray-25: rgb(var(--bs-gray-25-rgb));
--bs-gray-50: rgb(var(--bs-gray-50-rgb));
--bs-gray-100: rgb(var(--bs-gray-100-rgb));
--bs-gray-200: rgb(var(--bs-gray-200-rgb));
--bs-gray-300: rgb(var(--bs-gray-300-rgb));
--bs-gray-400: rgb(var(--bs-gray-400-rgb));
--bs-gray-500: rgb(var(--bs-gray-500-rgb));
--bs-gray-600: rgb(var(--bs-gray-600-rgb));
--bs-gray-700: rgb(var(--bs-gray-700-rgb));
--bs-gray-800: rgb(var(--bs-gray-800-rgb));
--bs-gray-900: rgb(var(--bs-gray-900-rgb));
--bs-gray-text-emphasis: rgb(var(--bs-gray-800-rgb));
--bs-gray-bg-subtle: rgb(var(--bs-gray-100-rgb));
--bs-gray-border-subtle: rgb(var(--bs-gray-100-rgb));
--bs-gray-soft: rgb(var(--bs-gray-soft-rgb));
--bs-success-25: rgb(var(--bs-success-25-rgb));
--bs-success-50: rgb(var(--bs-success-50-rgb));
--bs-success-100: rgb(var(--bs-success-100-rgb));
--bs-success-200: rgb(var(--bs-success-200-rgb));
--bs-success-300: rgb(var(--bs-success-300-rgb));
--bs-success-400: rgb(var(--bs-success-400-rgb));
--bs-success-500: rgb(var(--bs-success-500-rgb));
--bs-success-600: rgb(var(--bs-success-600-rgb));
--bs-success-700: rgb(var(--bs-success-700-rgb));
--bs-success-800: rgb(var(--bs-success-800-rgb));
--bs-success-900: rgb(var(--bs-success-900-rgb));
--bs-success-text-emphasis: rgb(var(--bs-success-800-rgb));
--bs-success-bg-subtle: rgb(var(--bs-success-100-rgb));
--bs-success-border-subtle: rgb(var(--bs-success-100-rgb));
--bs-success-soft: rgb(var(--bs-success-soft-rgb));
--bs-info-25: rgb(var(--bs-info-25-rgb));
--bs-info-50: rgb(var(--bs-info-50-rgb));
--bs-info-100: rgb(var(--bs-info-100-rgb));
--bs-info-200: rgb(var(--bs-info-200-rgb));
--bs-info-300: rgb(var(--bs-info-300-rgb));
--bs-info-400: rgb(var(--bs-info-400-rgb));
--bs-info-500: rgb(var(--bs-info-500-rgb));
--bs-info-600: rgb(var(--bs-info-600-rgb));
--bs-info-700: rgb(var(--bs-info-700-rgb));
--bs-info-800: rgb(var(--bs-info-800-rgb));
--bs-info-900: rgb(var(--bs-info-900-rgb));
--bs-info-text-emphasis: rgb(var(--bs-info-800-rgb));
--bs-info-bg-subtle: rgb(var(--bs-info-100-rgb));
--bs-info-border-subtle: rgb(var(--bs-info-100-rgb));
--bs-info-soft: rgb(var(--bs-info-soft-rgb));
--bs-warning-25: rgb(var(--bs-warning-25-rgb));
--bs-warning-50: rgb(var(--bs-warning-50-rgb));
--bs-warning-100: rgb(var(--bs-warning-100-rgb));
--bs-warning-200: rgb(var(--bs-warning-200-rgb));
--bs-warning-300: rgb(var(--bs-warning-300-rgb));
--bs-warning-400: rgb(var(--bs-warning-400-rgb));
--bs-warning-500: rgb(var(--bs-warning-500-rgb));
--bs-warning-600: rgb(var(--bs-warning-600-rgb));
--bs-warning-700: rgb(var(--bs-warning-700-rgb));
--bs-warning-800: rgb(var(--bs-warning-800-rgb));
--bs-warning-900: rgb(var(--bs-warning-900-rgb));
--bs-warning-text-emphasis: rgb(var(--bs-warning-800-rgb));
--bs-warning-bg-subtle: rgb(var(--bs-warning-100-rgb));
--bs-warning-border-subtle: rgb(var(--bs-warning-100-rgb));
--bs-warning-soft: rgb(var(--bs-warning-soft-rgb));
--bs-danger-25: rgb(var(--bs-danger-25-rgb));
--bs-danger-50: rgb(var(--bs-danger-50-rgb));
--bs-danger-100: rgb(var(--bs-danger-100-rgb));
--bs-danger-200: rgb(var(--bs-danger-200-rgb));
--bs-danger-300: rgb(var(--bs-danger-300-rgb));
--bs-danger-400: rgb(var(--bs-danger-400-rgb));
--bs-danger-500: rgb(var(--bs-danger-500-rgb));
--bs-danger-600: rgb(var(--bs-danger-600-rgb));
--bs-danger-700: rgb(var(--bs-danger-700-rgb));
--bs-danger-800: rgb(var(--bs-danger-800-rgb));
--bs-danger-900: rgb(var(--bs-danger-900-rgb));
--bs-danger-text-emphasis: rgb(var(--bs-danger-800-rgb));
--bs-danger-bg-subtle: rgb(var(--bs-danger-100-rgb));
--bs-danger-border-subtle: rgb(var(--bs-danger-100-rgb));
--bs-danger-soft: rgb(var(--bs-danger-soft-rgb));
--bs-light-text-emphasis: rgb(var(--bs-gray-600-rgb));
--bs-light-bg-subtle: rgb(var(--bs-gray-100-rgb));
--bs-light-border-subtle: rgb(var(--bs-gray-100-rgb));
--bs-dark-text-emphasis: rgb(var(--bs-gray-600-rgb));
--bs-dark-bg-subtle: rgb(var(--bs-gray-400-rgb));
--bs-dark-border-subtle: rgb(var(--bs-gray-400-rgb));
--bs-surface-primary: rgb(var(--bs-surface-primary-rgb));
--bs-surface-secundary: rgb(var(--bs-surface-secondary-rgb));
--bs-surface-gray: rgb(var(--bs-surface-gray-rgb));
--bs-surface-success: rgb(var(--bs-surface-success-rgb));
--bs-surface-info: rgb(var(--bs-surface-info-rgb));
--bs-surface-warning: rgb(var(--bs-surface-warning-rgb));
--bs-surface-danger: rgb(var(--bs-surface-danger-rgb));
--bs-body-color: rgb(var(--bs-body-color-rgb));
--bs-body-bg: rgb(var(--bs-body-bg-rgb));
--bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb));
--bs-link-color: rgb(var(--bs-link-color-rgb));
--bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));
--bs-focus-ring-border-color: rgb(var(--bs-focus-ring-border-color-rgb));
--bs-focus-ring-base-color: rgb(var(--bs-focus-ring-base-color-rgb));
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(var(--bs-focus-ring-base-color-rgb), var(--bs-focus-ring-opacity));;
--bs-focus-primary-ring-color: var(--custom-opacity-primary-25-rgba);
--bs-focus-primary-border-color: rgb(var(--bs-primary-500-rgb));
--bs-focus-secondary-ring-color: var(--custom-opacity-secondary-25-rgba);
--bs-focus-secondary-border-color: rgb(var(--bs-secondary-500-rgb));
--bs-focus-success-ring-color: var(--custom-opacity-success-25-rgba);
--bs-focus-success-border-color: rgb(var(--bs-success-500-rgb));
--bs-focus-danger-ring-color: var(--custom-opacity-danger-25-rgba);
--bs-focus-danger-border-color: rgb(var(--bs-danger-500-rgb));
--bs-focus-light-ring-color: var(--custom-opacity-light-25-rgba);
--bs-focus-light-border-color: var(--bs-white);
--bs-focus-dark-ring-color: var(--custom-opacity-dark-25-rgba);
--bs-focus-dark-border-color: var(--bs-black);
}
/* Accordion */
:root {
--bs-default-accordion-color: var(--bs-body-color);
--bs-default-accordion-border-color: var(--bs-secondary-100);
--bs-default-accordion-bg: var(--bs-white);
--bs-default-accordion-border-radius: var(--bs-border-radius);
--bs-default-accordion-btn-color: rgb(var(--bs-secondary-color-rgb));
--bs-default-accordion-btn-bg: var(--bs-white);
--bs-default-accordion-hover-color: var(--bs-primary-600);
--bs-default-accordion-hover-bg: var(--bs-gray-25);
--bs-default-accordion-active-color: var(--bs-primary-600);
--bs-default-accordion-active-bg: var(--bs-white);
--bs-default-accordion-btn-padding-x: var(--bs-ref-spacer-4);
--bs-default-accordion-btn-padding-y: var(--bs-ref-spacer-4);
--custom-accordion-btn-gap: var(--bs-ref-spacer-2);
}
/* Alerts */
.alert {
--bs-alert-padding-x: var(--bs-ref-spacer-4);
--bs-alert-padding-y: var(--bs-ref-spacer-4);
--bs-alert-gap: var(--bs-ref-spacer-4);
--bs-alert-border-radius: var(--bs-border-radius-sm);
}
.alert-primary {
--bs-alert-primary-icon-color: var(--bs-primary-900);
--bs-alert-primary-color: var(--bs-primary-900);
--bs-alert-primary-bg: var(--bs-primary-50);
--bs-alert-primary-border-color: var(--bs-primary-50);
--bs-alert-primary-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
--bs-alert-secondary-icon-color: var(--bs-secondary-900);
--bs-alert-secondary-color: var(--bs-secondary-900);
--bs-alert-secondary-bg: var(--bs-secondary-50);
--bs-alert-secondary-border-color: var(--bs-secondary-50);
--bs-alert-secondary-link-color: var(--bs-secondary-text-emphasis);
}
.alert-info {
--bs-alert-info-icon-color: var(--bs-info-900);
--bs-alert-info-color: var(--bs-info-900);
--bs-alert-info-bg: var(--bs-info-100);
--bs-alert-info-border-color: var(--bs-info-100);
--bs-alert-info-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
--bs-alert-warning-icon-color: var(--bs-warning-900);
--bs-alert-warning-color: var(--bs-warning-900);
--bs-alert-warning-bg: var(--bs-warning-100);
--bs-alert-warning-border-color: var(--bs-warning-100);
--bs-alert-warning-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
--bs-alert-danger-icon-color: var(--bs-danger-900);
--bs-alert-danger-color: var(--bs-danger-900);
--bs-alert-danger-bg: var(--bs-danger-50);
--bs-alert-danger-border-color: var(--bs-danger-50);
--bs-alert-danger-link-color: var(--bs-danger-text-emphasis);
}
.alert-success {
--bs-alert-success-icon-color: var(--bs-success-900);
--bs-alert-success-color: var(--bs-success-900);
--bs-alert-success-bg: var(--bs-success-50);
--bs-alert-success-border-color: var(--bs-success-50);
--bs-alert-success-link-color: var(--bs-success-text-emphasis);
}
/* Avatar */
.avatar {
--bs-avatar-bg: var(--bs-secondary-200);
--bs-avatar-color: var(--bs-secondary-800);
--bs-avatar-border-radius: var(--bs-border-radius-pill);
}
/* Badges */
.badge {
--bs-badge-padding-x: var(--bs-ref-spacer-2);
--bs-badge-padding-y: var(--bs-ref-spacer-2);
--bs-badge-border-radius: var(--bs-border-radius-sm);
--custom-badge-gap: var(--bs-ref-spacer-2);
}
.badge-primary {
--bs-badge-primary-color: var(--bs-white);
--bs-badge-primary-bg: var(--bs-primary-500);
}
.badge-secondary {
--bs-badge-secondary-color: var(--bs-white);
--bs-badge-secondary-bg: var(--bs-secondary-500);
}
.badge-info {
--bs-badge-info-color: var(--bs-black);
--bs-badge-info-bg: var(--bs-info-500);
}
.badge-warning {
--bs-badge-warning-color: var(--bs-black);
--bs-badge-warning-bg: var(--bs-warning-500);
}
.badge-danger {
--bs-badge-danger-color: var(--bs-white);
--bs-badge-danger-bg: var(--bs-danger-500);
}
.badge-success {
--bs-badge-success-color: var(--bs-white);
--bs-badge-success-bg: var(--bs-success-500);
}
.badge-light {
--bs-badge-light-color: var(--bs-black);
--bs-badge-light-bg: var(--bs-gray-200);
}
.badge-dark {
--bs-badge-dark-color: var(--bs-white);
--bs-badge-dark-bg: var(--bs-gray-900);
}
.badge-soft-primary {
--bs-badge-soft-primary-color: var(--bs-body-color);
--bs-badge-soft-primary-bg: var(--bs-primary-50);
}
.badge-soft-secondary {
--bs-badge-soft-secondary-color: var(--bs-body-color);
--bs-badge-soft-secondary-bg: var(--bs-secondary-50);
}
.badge-soft-success {
--bs-badge-soft-success-color: var(--bs-body-color);
--bs-badge-soft-success-bg: var(--bs-success-50);
}
.badge-soft-danger {
--bs-badge-soft-danger-color: var(--bs-body-color);
--bs-badge-soft-danger-bg: var(--bs-danger-50);
}
.badge-soft-warning {
--bs-badge-soft-warning-color: var(--bs-body-color);
--bs-badge-soft-warning-bg: var(--bs-warning-50);
}
.badge-soft-info {
--bs-badge-soft-info-color: var(--bs-body-color);
--bs-badge-soft-info-bg: var(--bs-info-50);
}
.badge-soft-light {
--bs-badge-soft-light-color: var(--bs-black);
--bs-badge-soft-light-bg: var(--bs-gray-100);
}
.badge-soft-dark {
--bs-badge-soft-dark-color: var(--bs-white);
--bs-badge-soft-dark-bg: var(--bs-gray-600);
}
/* Banner */
.banner {
--custom-banner-color: var(--bs-body-color);
--custom-banner-bg: var(--bs-secondary-50);
--custom-banner-border-radius: 0rem;
--custom-banner-gap: var(--bs-ref-spacer-6);
--custom-banner-info-padding-top: var(--bs-ref-spacer-6);
--custom-banner-info-padding-bottom: var(--bs-ref-spacer-6);
--custom-banner-info-padding-left: var(--bs-ref-spacer-18);
--custom-banner-info-padding-right: var(--bs-ref-spacer-0);
--custom-banner-info-gap: var(--bs-ref-spacer-13);
--custom-banner-info-body-gap: var(--bs-ref-spacer-6);
--custom-banner-info-color: var(--bs-body-color);
--custom-banner-info-title-color: var(--bs-primary-text-emphasis);
--custom-banner-img-padding-y: var(--bs-ref-spacer-0);
--custom-banner-img-padding-x: var(--bs-ref-spacer-0);
--custom-banner-img-padding-left: var(--bs-ref-spacer-0);
--custom-banner-img-padding-right: var(--bs-ref-spacer-0);
--custom-banner-mobile-color: var(--bs-body-color);
--custom-banner-mobile-title-color: var(--banner-custom-banner-info-title-color);
--custom-banner-mobile-bg: var(--banner-custom-banner-bg);
--custom-banner-mobile-gap: var(--bs-ref-spacer-0);
--custom-banner-mobile-border-radius: 0rem;
--custom-banner-mobile-info-gap: var(--bs-ref-spacer-6);
--custom-banner-mobile-info-body-gap: var(--bs-ref-spacer-6);
--custom-banner-mobile-info-padding-left: var(--bs-ref-spacer-3);
--custom-banner-mobile-info-padding-right: var(--bs-ref-spacer-3);
--custom-banner-mobile-info-padding-top: var(--bs-ref-spacer-6);
--custom-banner-mobile-info-padding-bottom: var(--bs-ref-spacer-6);
--custom-banner-mobile-img-padding-y: var(--bs-ref-spacer-0);
--custom-banner-mobile-img-padding-x: var(--bs-ref-spacer-0);
}
/* Box file */
.box-file {
--bs-box-file-bg: var(--bs-white);
--custom-box-file-color: var(--bs-form-control-color);
--custom-box-file-placeholder-color: var(--bs-placeholder-color);
--bs-box-file-hover-bg: var(--bs-primary-25);
--bs-box-file-selected-bg: var(--box-file-bs-box-file-bg);
--custom-box-file-border-color: var(--input-group-bs-input-border-color);
--custom-box-file-hover-border-color: var(--bs-primary-700);
--custom-box-file-selected-border-color: var(--bs-primary-700);
--custom-box-file-valid-border-color: var(--bs-form-valid-border-color);
--custom-box-file-invalid-border-color: var(--bs-form-invalid-border-color);
--custom-box-file-disabled-border-color: var(--input-group-bs-input-disabled-bg);
--custom-box-file-disabled-bg: var(--input-group-bs-input-disabled-bg);
--custom-box-file-disabled-color: var(--input-group-bs-input-disabled-color);
--bs-box-file-gap: var(--bs-ref-spacer-4);
--bs-box-file-border-radius: var(--bs-border-radius);
--bs-box-file-border: 0.0625rem;
--bs-box-file-padding: var(--bs-ref-spacer-8);
--bs-box-file-icon-size: var(--bs-ref-spacer-14);
--bs-box-file-icon-color: var(--bs-primary-500);
}
/* Breadcrumbs */
.breadcrumb {
--bs-breadcrumbs-padding-x: 0rem;
--bs-breadcrumbs-padding-y: 0rem;
--bs-breadcrumbs-bg: var(--custom-opacity-transparent-rgba);
--bs-breadcrumbs-border-radius: 0rem;
--bs-breadcrumbs-divider-color: var(--bs-body-color);
--bs-breadcrumbs-item-padding-x: var(--bs-ref-spacer-1);
--bs-breadcrumbs-item-active-color: var(--bs-body-color);
}
/* Buttons */
:root {
--bs-btn-border-radius: var(--bs-border-radius-sm);
--bs-btn-primary-color: var(--bs-white);
--bs-btn-primary-bg: var(--bs-primary-500);
--bs-btn-primary-border-color: var(--bs-primary-500);
--bs-btn-primary-hover-color: var(--bs-white);
--bs-btn-primary-hover-bg: var(--bs-primary-600);
--bs-btn-primary-hover-border-color: var(--bs-primary-600);
--bs-btn-primary-active-color: var(--bs-white);
--bs-btn-primary-active-bg: var(--bs-primary-700);
--bs-btn-primary-active-border-color: var(--bs-primary-700);
--bs-btn-primary-disabled-color: var(--custom-opacity-light-65-rgba);
--bs-btn-primary-disabled-bg: var(--custom-opacity-primary-65-rgba);
--bs-btn-primary-disabled-border-color: var(--custom-opacity-primary-65-rgba);
--bs-btn-secondary-color: var(--bs-white);
--bs-btn-secondary-bg: var(--bs-secondary-900);
--bs-btn-secondary-border-color: var(--bs-secondary-900);
--bs-btn-secondary-hover-color: var(--bs-white);
--bs-btn-secondary-hover-bg: var(--bs-secondary-800);
--bs-btn-secondary-hover-border-color: var(--bs-secondary-800);
--bs-btn-secondary-active-color: var(--bs-white);
--bs-btn-secondary-active-bg: var(--bs-secondary-700);
--bs-btn-secondary-active-border-color: var(--bs-secondary-700);
--bs-btn-secondary-disabled-color: var(--custom-opacity-white-65-rgba);
--bs-btn-secondary-disabled-bg: var(--custom-opacity-white-65-rgba);
--bs-btn-secondary-disabled-border-color: var(--custom-opacity-white-65-rgba);
--bs-btn-light-color: rgb(var(--bs-body-color-rgb));
--bs-btn-light-bg: var(--bs-white);
--bs-btn-light-hover-color: var(--bs-body-color);
--bs-btn-light-hover-bg: var(--bs-gray-100);
--bs-btn-light-active-color: var(--bs-body-color);
--bs-btn-light-active-bg: var(--bs-gray-200);
--bs-btn-light-disabled-color: rgb(var(--custom-opacity-black-65-rgb));
--bs-btn-light-disabled-bg: var(--custom-opacity-light-65-rgba);
--bs-btn-dark-color: var(--bs-white);
--bs-btn-dark-bg: var(--bs-gray-900);
--bs-btn-dark-hover-color: var(--bs-white);
--bs-btn-dark-hover-bg: var(--bs-gray-800);
--bs-btn-dark-active-color: var(--bs-white);
--bs-btn-dark-active-bg: var(--bs-gray-700);
--bs-btn-dark-disabled-color: var(--custom-opacity-white-65-rgba);
--bs-btn-dark-disabled-bg: rgb(var(--custom-opacity-black-65-rgb));
--bs-btn-success-color: var(--bs-white);
--bs-btn-success-bg: var(--bs-success-500);
--bs-btn-success-border-color: var(--bs-success-500);
--bs-btn-success-hover-color: var(--bs-white);
--bs-btn-success-hover-bg: var(--bs-success-600);
--bs-btn-success-hover-border-color: var(--bs-success-600);
--bs-btn-success-active-color: var(--bs-white);
--bs-btn-success-active-bg: var(--bs-success-700);
--bs-btn-success-active-border-color: var(--bs-success-700);
--bs-btn-success-disabled-color: var(--custom-opacity-light-65-rgba);
--bs-btn-success-disabled-bg: var(--custom-opacity-success-65-rgba);
--bs-btn-success-disabled-border-color: var(--custom-opacity-success-65-rgba);
--bs-btn-success-focus-color: var(--bs-white);
--bs-btn-success-focus-bg: var(--bs-success-600);
--bs-btn-success-focus-border-color: var(--bs-success-600);
--bs-btn-danger-color: var(--bs-white);
--bs-btn-danger-bg: var(--bs-danger-500);
--bs-btn-danger-border-color: var(--bs-danger-500);
--bs-btn-danger-hover-color: var(--bs-white);
--bs-btn-danger-hover-bg: var(--bs-danger-600);
--bs-btn-danger-hover-border-color: var(--bs-danger-600);
--bs-btn-danger-active-color: var(--bs-white);
--bs-btn-danger-active-bg: var(--bs-danger-700);
--bs-btn-danger-active-border-color: var(--bs-danger-700);
--bs-btn-danger-disabled-color: var(--custom-opacity-light-65-rgba);
--bs-btn-danger-disabled-bg: var(--custom-opacity-danger-65-rgba);
--bs-btn-danger-disabled-border-color: var(--custom-opacity-danger-65-rgba);
--bs-btn-danger-focus-color: var(--bs-white);
--bs-btn-danger-focus-bg: var(--bs-danger-600);
--bs-btn-danger-focus-border-color: var(--bs-danger-600);
--bs-btn-outline-primary-color: var(--bs-primary-500);
--bs-btn-outline-primary-border-color: var(--bs-primary-500);
--bs-btn-outline-primary-hover-color: var(--bs-primary-500);
--bs-btn-outline-primary-hover-bg: var(--bs-primary-50);
--bs-btn-outline-primary-hover-border-color: var(--bs-primary-600);
--bs-btn-outline-primary-active-color: var(--bs-primary-500);
--bs-btn-outline-primary-active-bg: var(--bs-primary-100);
--bs-btn-outline-primary-active-border-color: var(--bs-primary-700);
--bs-btn-outline-primary-disabled-color: var(--custom-opacity-primary-65-rgba);
--bs-btn-outline-primary-disabled-border-color: var(--custom-opacity-primary-65-rgba);
--bs-btn-outline-secondary-color: var(--bs-secondary-900);
--bs-btn-outline-secondary-border-color: var(--bs-secondary-900);
--bs-btn-outline-secondary-hover-color: var(--bs-secondary-900);
--bs-btn-outline-secondary-hover-bg: var(--bs-secondary-50);
--bs-btn-outline-secondary-hover-border-color: var(--bs-secondary-900);
--bs-btn-outline-secondary-active-color: var(--bs-secondary-900);
--bs-btn-outline-secondary-active-bg: var(--bs-secondary-100);
--bs-btn-outline-secondary-active-border-color: var(--bs-secondary-900);
--bs-btn-outline-secondary-disabled-color: var(--custom-opacity-secondary-65-rgba);
--bs-btn-outline-secondary-disabled-border-color: var(--custom-opacity-secondary-65-rgba);
--bs-btn-outline-light-color: var(--bs-white);
--bs-btn-outline-light-border-color: var(--bs-white);
--bs-btn-outline-light-hover-color: var(--bs-body-color);
--bs-btn-outline-light-hover-bg: var(--bs-gray-100);
--bs-btn-outline-light-active-color: var(--bs-body-color);
--bs-btn-outline-light-active-bg: var(--bs-gray-200);
--bs-btn-outline-light-active-border-color: var(--bs-gray-200);
--bs-btn-outline-light-disabled-color: var(--custom-opacity-light-65-rgba);
--bs-btn-outline-light-disabled-border-color: var(--custom-opacity-light-65-rgba);
--bs-btn-outline-dark-color: var(--bs-gray-900);
--bs-btn-outline-dark-border-color: var(--bs-gray-900);
--bs-btn-outline-dark-hover-color: var(--bs-white);
--bs-btn-outline-dark-hover-bg: var(--bs-gray-800);
--bs-btn-outline-dark-active-color: var(--bs-white);
--bs-btn-outline-dark-active-bg: var(--bs-gray-700);
--bs-btn-outline-dark-active-border-color: var(--bs-gray-700);
--bs-btn-outline-dark-disabled-color: var(--custom-opacity-dark-65-rgba);
--bs-btn-outline-dark-disabled-border-color: var(--custom-opacity-dark-65-rgba);
--bs-btn-link-primary-color: rgb(var(--bs-link-color-rgb));
--bs-btn-link-primary-hover-color: rgb(var(--bs-link-hover-color-rgb));
--bs-btn-link-primary-active-color: var(--bs-primary-800);
--bs-btn-link-primary-active-bg: var(--bs-primary-200);
--bs-btn-link-primary-disabled-color: var(--custom-opacity-primary-65-rgba);
--bs-btn-link-secondary-color: var(--bs-secondary-500);
--bs-btn-link-secondary-hover-color: var(--bs-secondary-600);
--bs-btn-link-secondary-active-color: var(--bs-secondary-700);
--bs-btn-link-secondary-active-bg: var(--bs-secondary-200);
--bs-btn-link-secondary-disabled-color: var(--custom-opacity-secondary-65-rgba);
--bs-btn-link-light-color: var(--bs-white);
--bs-btn-link-light-hover-color: var(--bs-gray-100);
--bs-btn-link-light-active-color: var(--bs-gray-200);
--bs-btn-link-light-disabled-color: var(--custom-opacity-light-65-rgba);
--bs-btn-link-dark-color: var(--bs-body-color);
--bs-btn-link-success-color: var(--bs-success-500);
--bs-btn-link-success-hover-color: var(--bs-success-600);
--bs-btn-link-success-active-color: var(--bs-success-700);
--bs-btn-link-success-active-bg: var(--bs-success-200);
--bs-btn-link-success-disabled-color: var(--custom-opacity-success-65-rgba);
--bs-btn-link-success-focus-color: var(--bs-success-600);
--bs-btn-link-dark-hover-color: var(--bs-gray-800);
--bs-btn-link-dark-active-color: var(--bs-gray-700);
--bs-btn-link-dark-disabled-color: var(--custom-opacity-dark-65-rgba);
--bs-btn-lg-border-radius: var(--bs-border-radius-sm);
--bs-btn-sm-border-radius: var(--bs-border-radius-sm);
--bs-btn-primary-focus-color: var(--bs-white);
--bs-btn-primary-focus-bg: var(--bs-primary-600);
--bs-btn-primary-focus-border-color: var(--bs-primary-600);
--bs-btn-secondary-focus-color: var(--bs-white);
--bs-btn-secondary-focus-bg: var(--bs-secondary-600);
--bs-btn-secondary-focus-border-color: var(--bs-secondary-600);
--bs-btn-light-focus-color: var(--bs-body-color);
--bs-btn-light-focus-bg: var(--bs-gray-100);
--bs-btn-light-focus-border-color: var(--bs-gray-100);
--bs-btn-dark-focus-color: var(--bs-white);
--bs-btn-dark-focus-bg: var(--bs-gray-800);
--bs-btn-dark-focus-border-color: var(--bs-gray-800);
--bs-btn-outline-primary-focus-color: var(--bs-primary-600);
--bs-btn-outline-primary-focus-bg: var(--bs-primary-100);
--bs-btn-outline-primary-focus-border-color: var(--bs-primary-600);
--bs-btn-outline-secondary-focus-color: var(--bs-secondary-900);
--bs-btn-outline-secondary-focus-bg: var(--bs-secondary-100);
--bs-btn-outline-secondary-focus-border-color: var(--bs-secondary-900);
--bs-btn-outline-light-focus-color: var(--bs-body-color);
--bs-btn-outline-light-focus-bg: var(--bs-gray-100);
--bs-btn-outline-light-focus-border-color: var(--bs-gray-100);
--bs-btn-outline-dark-focus-color: var(--bs-white);
--bs-btn-outline-dark-focus-bg: var(--bs-gray-800);
--bs-btn-outline-dark-focus-border-color: var(--bs-gray-800);
--bs-btn-link-primary-focus-color: var(--bs-primary-800);
--bs-btn-link-secondary-focus-color: var(--bs-secondary-600);
--bs-btn-link-light-focus-color: var(--bs-gray-100);
--bs-btn-link-dark-focus-color: var(--bs-gray-800);
--bs-btn-outline-success-color: var(--bs-success-500);
--bs-btn-outline-success-border-color: var(--bs-success-500);
--bs-btn-outline-success-hover-color: var(--bs-white);
--bs-btn-outline-success-hover-bg: var(--bs-success-600);
--bs-btn-outline-success-hover-border-color: var(--bs-success-600);
--bs-btn-outline-success-active-color: var(--bs-white);
--bs-btn-outline-success-active-bg: var(--bs-success-700);
--bs-btn-outline-success-active-border-color: var(--bs-success-700);
--bs-btn-outline-success-disabled-color: var(--custom-opacity-success-65-rgba);
--bs-btn-outline-success-disabled-border-color: var(--custom-opacity-success-65-rgba);
--bs-btn-outline-success-focus-color: var(--bs-white);
--bs-btn-outline-success-focus-bg: var(--bs-success-600);
--bs-btn-outline-success-focus-border-color: var(--bs-success-600);
--bs-btn-outline-danger-color: var(--bs-danger-500);
--bs-btn-outline-danger-border-color: var(--bs-danger-500);
--bs-btn-outline-danger-hover-color: var(--bs-white);
--bs-btn-outline-danger-hover-bg: var(--bs-danger-600);
--bs-btn-outline-danger-hover-border-color: var(--bs-danger-600);
--bs-btn-outline-danger-active-color: var(--bs-white);
--bs-btn-outline-danger-active-bg: var(--bs-danger-700);
--bs-btn-outline-danger-active-border-color: var(--bs-danger-700);
--bs-btn-outline-danger-disabled-color: var(--custom-opacity-danger-65-rgba);
--bs-btn-outline-danger-disabled-border-color: var(--custom-opacity-danger-65-rgba);
--bs-btn-outline-danger-focus-color: var(--bs-white);
--bs-btn-outline-danger-focus-bg: var(--bs-danger-600);
--bs-btn-outline-danger-focus-border-color: var(--bs-danger-600);
--bs-btn-link-danger-color: var(--bs-danger-500);
--bs-btn-link-danger-hover-color: var(--bs-danger-600);
--bs-btn-link-danger-active-color: var(--bs-danger-700);
--bs-btn-link-danger-active-bg: var(--bs-danger-200);
--bs-btn-link-danger-disabled-color: var(--custom-opacity-danger-65-rgba);
--bs-btn-link-danger-focus-color: var(--bs-danger-600);
--bs-ref-spacer-4: 1rem;
}
.btn {
--bs-btn-padding-x: var(--bs-ref-spacer-8);
--bs-btn-padding-y: var(--bs-ref-spacer-3);
--bs-btn-font-size: 1rem;
--bs-btn-font-weight: var(--bs-fw-normal);
--bs-btn-line-height: 1rem;
--bs-btn-lg-padding-x: var(--bs-ref-spacer-8);
--bs-btn-lg-padding-y: var(--bs-ref-spacer-4);
--bs-btn-sm-padding-x: var(--bs-ref-spacer-4);
--bs-btn-sm-padding-y: var(--bs-ref-spacer-2);
--custom-btn-gap: var(--bs-ref-spacer-2);
--bs-btn-sm-font-size: 0.875rem;
--bs-btn-lg-font-size: 1.125rem;
--custom-btn-sm-line-height: 0.875rem;
--custom-btn-lg-line-height: 1.125rem;
--custom-btn-letter-spacing: 0rem;
--custom-button-icon-padding-x: var(--bs-ref-spacer-3);
--custom-button-icon-padding-y: var(--bs-ref-spacer-3);
--custom-button-icon-lg-padding-x: var(--bs-ref-spacer-4);
--custom-button-icon-lg-padding-y: var(--bs-ref-spacer-4);
--custom-button-icon-sm-padding-x: var(--bs-ref-spacer-2);
--custom-button-icon-sm-padding-y: var(--bs-ref-spacer-2);
}
/* Cards */
.card {
--bs-card-title-color: var(--bs-primary-500);
--custom-card-img-padding-x: var(--bs-ref-spacer-0);
--bs-card-title-spacer-y: var(--bs-ref-spacer-2);
--custom-card-img-border-bottom-left-radius: 0rem;
--custom-card-img-border-bottom-right-radius: 0rem;
--custom-card-img-padding-y: var(--bs-ref-spacer-0);
--custom-card-gap: var(--bs-ref-spacer-5);
--custom-card-img-border-top-left-radius: var(--bs-border-radius);
--custom-card-img-border-top-right-radius: var(--bs-border-radius);
--bs-card-subtitle-color: var(--bs-secondary-color);
--bs-card-color: var(--bs-secondary-color);
--bs-card-bg: var(--bs-white);
--bs-card-border-color: var(--custom-opacity-transparent-rgba);
--bs-card-spacer-x: var(--bs-ref-spacer-4);
--bs-card-spacer-y: var(--bs-ref-spacer-4);
--bs-card-boder-radius: var(--bs-border-radius);
--bs-card-cap-padding-x: var(--bs-ref-spacer-4);
--bs-card-cap-padding-y: var(--bs-ref-spacer-3);
--bs-card-cap-bg: var(--bs-gray-50);
--bs-card-img-overlay-padding: var(--bs-ref-spacer-4);
--custom-card-icon-padding-left: var(--bs-ref-spacer-4);
--custom-card-icon-padding-top: var(--bs-ref-spacer-4);
--custom-card-icon-padding-right: var(--card-custom-card-icon-padding-left);
--custom-card-icon-padding-bottom: var(--bs-ref-spacer-0);
--custom-card-horizontal-img-padding-x: var(--bs-ref-spacer-0);
--custom-card-horizontal-img-border-top-left-radius: var(--bs-border-radius);
--custom-card-horizontal-img-border-top-right-radius: 0rem;
--custom-card-horizontal-img-border-bottom-right-radius: 0rem;
--custom-card-horizontal-img-border-bottom-left-radius: var(--bs-border-radius);
--custom-card-horizontal-gap: var(--bs-ref-spacer-2);
--custom-card-horizontal-img-padding-y: var(--bs-ref-spacer-0);
}
.card-document {
--custom-card-document-color: var(--bs-body-color);
--custom-card-document-icon-color: var(--bs-primary-500);
--custom-card-document-bg: var(--bs-white);
--custom-card-document-padding-x: var(--bs-ref-spacer-4);
--custom-card-document-padding-y: var(--bs-ref-spacer-4);
--custom-card-document-gap: var(--bs-ref-spacer-2);
--custom-card-document-border-radius: var(--bs-border-radius);
}
.card-quote {
--custom-card-quote-color: var(--bs-body-color);
--custom-card-quote-bg: var(--bs-white);
--custom-card-quote-padding-x: var(--bs-ref-spacer-8);
--custom-card-quote-padding-y: var(--bs-ref-spacer-8);
--custom-card-quote-gap: var(--bs-ref-spacer-6);
--custom-card-quote-border-radius: var(--bs-border-radius);
}
.card-location {
--custom-card-location-color: var(--bs-body-color);
--custom-card-location-border-color: var(--bs-secondary-100);
--custom-card-location-icon-color: var(--bs-primary);
--custom-card-location-bg: var(--bs-white);
--custom-card-location-active-bg: var(--bs-primary-50);
--custom-card-location-padding-x: var(--bs-ref-spacer-6);
--custom-card-location-padding-y: var(--bs-ref-spacer-6);
--custom-card-location-gap: var(--bs-ref-spacer-2);
--custom-card-location-body-gap: var(--bs-ref-spacer-5);
--custom-card-location-border-radius: var(--bs-border-radius);
}
.card-quick-action {
--custom-card-quick-action-color: var(--bs-body-color);
--custom-card-quick-action-icon-color: rgb(var(--bs-primary-400-rgb));
--custom-card-quick-action-bg: var(--bs-white);
--custom-card-quick-action-padding-x: var(--bs-ref-spacer-4);
--custom-card-quick-action-padding-y: var(--bs-ref-spacer-4);
--custom-card-quick-action-gap: var(--bs-ref-spacer-2);
--custom-card-quick-action-body-gap: var(--bs-ref-spacer-1);
--custom-card-quick-action-border-radius: var(--bs-border-radius-sm);
}
.card-indicator {
--custom-card-indicator-color: var(--bs-body-color);
--custom-card-indicator-negative-color: var(--bs-danger-500);
--custom-card-indicator-positive-color: rgb(var(--bs-success-500-rgb));
--custom-card-indicator-bg: var(--bs-white);
--custom-card-indicator-padding-x: var(--bs-ref-spacer-4);
--custom-card-indicator-padding-y: var(--bs-ref-spacer-4);
--custom-card-indicator-gap: var(--bs-ref-spacer-2);
--custom-card-indicator-border-radius: var(--bs-border-radius);
}
/* Carousel */
.carousel {
--bs-carousel-control-color: var(--bs-primary-500);
--bs-carousel-control-color-hover: var(--bs-primary-700);
--custom-bg: var(--bs-white);
--custom-indicators-bg: #F8F9F9;
--custom-indicators-border-color: var(--bs-primary-300);
--custom-indicators-gap: var(--bs-ref-spacer-4);
--custom-active-bg: var(--bs-white);
--custom-active-border-color: var(--bs-primary-700);
--custom-dark-bg: var(--bs-gray);
--custom-dark-border-color: var(--bs-gray-700);
--custom-dark-active-bg: var(--bs-white);
--custom-dark-active-border-color: var(--bs-white);
--custom-slide-info-gap-2: var(--bs-ref-spacer-13);
}
.carousel-item {
--custom-carousel-item-info-padding-top: var(--bs-ref-spacer-6);
--custom-carousel-item-info-padding-right: var(--bs-ref-spacer-3);
--custom-carousel-item-info-padding-bottom: var(--bs-ref-spacer-6);
--custom-carousel-item-info-padding-left: var(--bs-ref-spacer-3);
--custom-carousel-item-info-gap: var(--bs-ref-spacer-13);
--custom-carousel-item-info-body-gap: var(--bs-ref-spacer-6);
--custom-carousel-item-img-padding-y: var(--bs-ref-spacer-0);
--custom-carousel-item-mobile-color: var(--bs-body-color);
--custom-carousel-item-mobile-bg: var(--bs-white);
--custom-carousel-item-mobile-gap: var(--bs-ref-spacer-6);
--custom-carousel-item-mobile-border-radius: 0rem;
--custom-carousel-item-mobile-padding-y: var(--bs-ref-spacer-6);
--custom-carousel-item-mobile-padding-x: var(--bs-ref-spacer-3);
--custom-carousel-item-mobile-info-padding-top: var(--bs-ref-spacer-0);
--custom-carousel-item-mobile-info-padding-right: var(--bs-ref-spacer-0);
--custom-carousel-item-mobile-info-padding-bottom: var(--bs-ref-spacer-0);
--custom-carousel-item-mobile-info-padding-left: var(--bs-ref-spacer-0);
--custom-carousel-item-mobile-info-gap: var(--bs-ref-spacer-4);
--custom-carousel-item-mobile-info-body-gap: var(--bs-ref-spacer-4);
--custom-carousel-item-mobile-img-padding-y: var(--bs-ref-spacer-0);
--custom-carousel-item-mobile-img-padding-x: var(--bs-ref-spacer-0);
--custom-carousel-item-img-padding-x: var(--bs-ref-spacer-3);
--custom-carousel-item-color: var(--bs-body-color);
--custom-carousel-item-bg: var(--bs-white);
--custom-carousel-item-gap: var(--bs-ref-spacer-6);
--custom-carousel-item-border-radius: 0rem;
--custom-carousel-item-padding-y: var(--bs-ref-spacer-4);
--custom-carousel-item-padding-x: var(--bs-ref-spacer-0);
}
/* Checks, radius and switch  */
.form-check {
--bs-form-check-bg: var(--bs-white);
--bs-form-check-input-focus-border-color: var(--input-group-bs-input-focus-border-color);
--bs-form-check-input-focus-box-shadow: 0 0 0 0.25rem var(--bs-focus-ring-color);;
--lab-border-radius: var(--bs-border-radius-sm);
--lab-gap: var(--bs-ref-spacer-1);
--lab-padding-left-feedback-text: var(--bs-ref-spacer-5);
--lab-border-color: var(--bs-gray-300);
--lab-checked-border-color: var(--bs-primary-500);
--lab-checked-background-color: var(--bs-primary-500);
--lab-checked-color: var(--bs-white);
--lab-valid-border-color: var(--bs-success-500);
--lab-valid-background-color: var(--bs-success-500);
--lab-invalid-border-color: var(--bs-danger-500);
--lab-invalid-background-color: var(--bs-danger-500);
}
.form-radio {
--lab-form-radio-border-radius: var(--bs-border-radius-pill);
}
.form-switch {
--lab-form-switch-color: var(--bs-gray-300);
--lab-form-switch-width: 2rem;
--lab-form-switch-padding-start: 0.125rem;
--lab-form-switch-border-radius: var(--bs-border-radius-pill);
--lab-form-switch-bg: var(--form-check-bs-form-check-bg);
--lab-form-switch-focus-color: var(--input-group-bs-input-focus-border-color);
--lab-form-switch-focus-bg: var(--form-check-bs-form-check-bg);
--lab-form-switch-active-color: var(--bs-white);
--lab-form-switch-active-bg: var(--bs-primary-500);
--lab-gap: var(--bs-ref-spacer-1);
--lab-valid-color: var(--bs-form-valid-color);
--lab-invalid-color: var(--bs-form-invalid-color);
}
/* DStepper */
.stepper-desktop {
--bs-step-icon-conatiner-color: var(--bs-primary);
--bs-step-icon-container-background-color: var(--bs-white);
--bs-step-icon-container-size: var(--bs-ref-spacer-9);
--bs-step-icon-container-font-size: var(--bs-ref-spacer-4);
--bs-step-icon-container-border-width: 0rem;
--bs-step-icon-container-border-color: var(--bs-primary);
--bs-step-icon-container-border-radius: var(--bs-border-radius-pill);
--bs-step-gap: var(--bs-ref-spacer-2);
--bs-step-check-text-color: var(--bs-white);
--bs-step-check-background-color: var(--bs-success);
--bs-step-check-border-color: var(--bs-success);
--bs-step-current-text-color: var(--bs-white);
--bs-step-line-stroke: 0.0625rem;
--bs-step-description-font-size: var(--bs-fs-body-tiny);
--bs-step-line-color: var(--bs-primary);
--bs-step-current-background-color: var(--bs-primary);
--bs-step-current-border-color: var(--bs-primary);
}
.stepper-desktop-bs-step {
--label-height: var(--bs-ref-spacer-12);
--label-padding: var(--bs-ref-spacer-4);
--label-vertical-padding: var(--bs-ref-spacer-4);
--label-font-size: var(--bs-body-font-size);
}
.stepper {
--bs-step-progress-outter-size: var(--bs-ref-spacer-16);
--bs-step-progress-outter-fill-background-color: var(--bs-primary);
--bs-step-progress-outter-background-color: var(--bs-primary-100);
--bs-step-gap: var(--bs-ref-spacer-2);
--bs-step-current-color: var(--bs-primary);
--bs-step-info-max-width: 12rem;
--bs-step-info-description-font-size: var(--bs-fs-body-tiny);
--bs-step-info-color: var(--bs-body-color);
--bs-step-progress-inner-size: var(--bs-ref-spacer-16);
--bs-step-progress-inner-background-color: var(--bs-white);
}
.stepper-bs-step-info {
--label-font-size: var(--bs-body-font-size);
}
/* Datepicker */
:root {
--custom-datepicker-header-bg: var(--bs-gray-100);
--custom-datepicker-color: var(--bs-body-color);
--custom-datepicker-bg: var(--bs-white);
--custom-datepicker-active-color: var(--bs-white);
--custom-datepicker-active-bg: var(--bs-primary-500);
--custom-datepicker-border-radius: var(--bs-border-radius-sm);
--custom-datepicker-selected-border-color: var(--bs-primary-500);
--custom-datepicker-selected-range-selected-bg: var(--bs-primary-100);
--custom-datepicker-selected-range-selected-border-color: var(--bs-primary-100);
--custom-datepicker-active-border-color: var(--bs-primary-500);
--custom-datepicker-hover-bg: var(--bs-primary-50);
--custom-datepicker-disabled-color: var(--bs-gray-400);
--custom-datepicker-hover-border-color: var(--bs-primary-50);
}
.air-datepicker {
--adp-font-size: 0.875rem;
--adp-width: 15.375rem;
--adp-padding: var(--bs-ref-spacer-1);
--adp-background-color: var(--bs-white);
--adp-background-color-hover: rgb(var(--bs-gray-25-rgb));
--adp-background-color-active: rgb(var(--bs-gray-50-rgb));
--adp-background-color-in-range: var(--bs-primary-100);
--adp-background-color-in-range-focused: var(--bs-primary-200);
--adp-background-color-selected-other-month-focused: var(--bs-primary-200);
--adp-background-color-selected-other-month: var(--bs-primary-100);
--adp-color: var(--bs-gray-800);
--adp-color-secondary: var(--bs-gray-600);
--adp-accent-color: var(--bs-primary-500);
--adp-color-current-date: var(--air-datepicker-adp-accent-color);
--adp-color-other-month: rgba(222, 222, 222, 1.00);
--adp-color-disabled: rgba(174, 174, 174, 1.00);
--adp-color-disabled-in-range: rgba(147, 147, 147, 1.00);
--adp-color-other-month-hover: rgba(197, 197, 197, 1.00);
--adp-border-color: rgba(219, 219, 219, 1.00);
--adp-border-color-inner: rgba(239, 239, 239, 1.00);
--adp-border-radius: var(--bs-border-radius-sm);
--adp-border-color-inline: rgba(215, 215, 215, 1.00);
--adp-nav-height: 2rem;
--adp-nav-arrow-color: var(--air-datepicker-adp-color-secondary);
--adp-nav-action-size: 2rem;
--adp-nav-color-secondary: var(--air-datepicker-adp-color-secondary);
--adp-day-name-color: rgba(255, 154, 25, 1.00);
--adp-day-name-color-hover: rgba(138, 213, 244, 1.00);
--adp-day-cell-width: 1fr;
--adp-day-cell-height: 2rem;
--adp-month-cell-height: 2.625rem;
--adp-year-cell-height: 3.5rem;
--adp-pointer-size: 0.625rem;
--adp-poiner-border-radius: 0.125rem;
--adp-pointer-offset: 0.875rem;
--adp-cell-border-radius: 0.25rem;
--adp-cell-background-color-hover: var(--air-datepicker-adp-background-color-hover);
--adp-cell-background-color-selected: rgba(92, 196, 239, 1.00);
--adp-cell-background-color-selected-hover: rgba(69, 188, 237, 1.00);
--adp-cell-background-color-in-range: var(--custom-opacity-primary-10-rgba);
--adp-cell-background-color-in-range-hover: var(--custom-opacity-primary-25-rgba);
--adp-cell-border-color-in-range: var(--air-datepicker-adp-cell-background-color-selected);
--adp-btn-height: 2rem;
--adp-btn-color: var(--air-datepicker-adp-accent-color);
--adp-btn-color-hover: var(--air-datepicker-adp-color);
--adp-btn-border-radius: var(--air-datepicker-adp-border-radius);
--adp-btn-background-color-hover: var(--air-datepicker-adp-background-color-hover);
--adp-btn-background-color-active: var(--air-datepicker-adp-background-color-active);
--adp-time-track-height: 0.0625rem;
--adp-time-track-color: rgba(222, 222, 222, 1.00);
--adp-time-track-color-hover: rgba(177, 177, 177, 1.00);
--adp-time-thumb-size: 0.75rem;
--adp-time-padding-inner: 0.625rem;
--adp-time-day-period-color: var(--air-datepicker-adp-color-secondary);
--adp-mobile-font-size: 1rem;
--adp-mobile-nav-height: 2.5rem;
--adp-mobile-width: 20rem;
--adp-mobile-day-cell-height: 2.375rem;
--adp-mobile-month-cell-height: 3rem;
--adp-mobile-year-cell-height: 4rem;
}
/* Dropdown */
.dropdown {
--bs-dropdown-color: var(--bs-body-color);
--bs-dropdown-bg: var(--bs-white);
--bs-dropdown-padding-x: var(--bs-ref-spacer-0);
--bs-dropdown-padding-y: var(--bs-ref-spacer-0);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-gray-50);
--bs-dropdown-link-active-color: var(--bs-white);
--bs-dropdown-link-active-bg: var(--bs-primary-500);
--bs-dropdown-link-disabled-color: var(--bs-gray-300);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-border-color: var(--bs-gray-300);
--bs-dropdown-item-padding-x: var(--bs-ref-spacer-4);
--bs-dropdown-item-padding-y: var(--bs-ref-spacer-1);
--bs-dropdown-border-width: 0.0625rem;
--bs-dropdown-border-radius: var(--bs-border-radius-sm);
--bs-dropdown-divider-bg: var(--dropdown-bs-dropdown-border-color);
--bs-dropdown-header-color: var(--bs-body-color);
--bs-dropdown-header-padding-x: var(--bs-ref-spacer-4);
--bs-dropdown-header-padding-y: var(--bs-ref-spacer-1);
}
/* Filter */
:root {
--custom-filter-gap: var(--bs-ref-spacer-1);
--custom-filter-padding-y: var(--bs-ref-spacer-2);
--custom-filter-padding-x: var(--bs-ref-spacer-2);
--custom-filter-border-radius: var(--bs-border-radius-sm);
--custom-filter-hover-color: var(--bs-primary-500);
--custom-filter-hover-bg: var(--bs-white);
--custom-filter-hover-border-color: var(--bs-gray-300);
--custom-filter-active-color: var(--bs-primary-500);
--custom-filter-active-bg: var(--bs-primary-50);
--custom-filter-active-border-color: var(--bs-primary-100);
--custom-filter-color: var(--bs-body-color);
--custom-filter-bg: var(--bs-white);
--custom-filter-border-color: var(--bs-gray-300);
}
/* Footer */
.footer {
--custom-footer-bg: var(--bs-white);
--custom-footer-border-color: var(--bs-secondary-100);
--custom-footer-color: var(--bs-body-color);
--custom-footer-padding-x: var(--bs-ref-spacer-18);
--custom-footer-padding-y: var(--bs-ref-spacer-14);
--custom-copyright-padding-y: var(--bs-ref-spacer-6);
--custom-copyright-padding-x: var(--bs-ref-spacer-18);
--custom-copyright-bg: var(--bs-white);
--custom-footer-title-color: var(--bs-body-color);
--custom-footer-title-gap: var(--bs-ref-spacer-2);
--custom-footer-link-gap: var(--bs-ref-spacer-4);
--custom-footer-gap: var(--bs-ref-spacer-6);
--custom-footer-mobile-padding-y: var(--bs-ref-spacer-14);
--custom-footer-mobile-padding-x: var(--bs-ref-spacer-3);
--custom-footer-mobile-copyright-padding-y: var(--bs-ref-spacer-6);
--custom-footer-mobile-copyright-padding-x: var(--bs-ref-spacer-3);
}
/* Forms */
:root {
--bs-form-control-background-color: var(--bs-gray-25);
--bs-form-control-color: var(--bs-body-color);
--bs-form-control-sm-padding-x: var(--bs-ref-spacer-2);
--bs-form-control-sm-padding-y: var(--bs-ref-spacer-1);
--bs-form-control-sm-font-weight: var(--bs-fw-normal);
--bs-form-control-sm-font-size: 0.875rem;
--bs-form-control-sm-line-height: 1.3125rem;
--bs-placeholder-color: var(--bs-secondary-color);
--bs-form-control-padding-x: var(--bs-ref-spacer-4);
--bs-form-control-padding-y: 0.4375rem;
--bs-form-control-font-weight: var(--bs-fw-normal);
--bs-form-control-gap: var(--bs-ref-spacer-2);
--bs-form-control-font-size: 1rem;
--bs-form-control-line-height: 1.5rem;
--bs-form-control-file-bg: var(--bs-gray-25);
--bs-form-control-file-hover-bg: var(--bs-gray-100);
--bs-form-control-lg-padding-x: var(--bs-ref-spacer-4);
--bs-form-control-lg-padding-y: var(--bs-ref-spacer-4);
--bs-form-control-lg-font-weight: var(--bs-fw-normal);
--bs-form-control-lg-font-size: 1.25rem;
--bs-form-control-lg-line-height: 1.875rem;
}
.form-text {
--bs-form-text-padding: 0rem;
--bs-form-text-gap: var(--bs-ref-spacer-1);
--bs-form-text-color: var(--bs-body-color);
}
.form-select {
--bs-form-select-sm-font-weight: var(--bs-fw-normal);
--bs-form-select-sm-font-size: 0.875rem;
--bs-form-select-background-color: var(--bs-gray-25);
--bs-form-select-sm-line-height: 1.3125rem;
--bs-form-select-lg-padding-x: var(--bs-ref-spacer-2);
--bs-form-select-lg-padding-y: var(--bs-ref-spacer-4);
--bs-form-select-lg-font-weight: var(--bs-fw-normal);
--bs-form-select-lg-font-size: 1.25rem;
--bs-form-select-lg-line-height: 1.875rem;
--bs-form-select-color: var(--bs-body-color);
--bs-form-select-border-color: var(--bs-input-group-border-color);
--bs-form-select-focus-border-color: var(--bs-input-group-focus-border-color);
--bs-form-select-disabled-bg: var(--bs-input-group-disabled-bg);
--bs-form-select-disabled-color: var(--bs-input-group-disabled-color);
--bs-form-select-disabled-border-color: var(--bs-input-group-disabled-border-color);
--bs-form-select-border-radius: var(--bs-input-group-border-radius-top);
--bs-form-select-border-width: var(--bs-input-group-border-width);
--bs-form-select-font-weight: var(--bs-fw-normal);
--bs-form-select-font-size: 1rem;
--bs-form-select-line-height: 1.5rem;
--bs-form-select-padding-x: var(--bs-ref-spacer-2);
--bs-form-select-padding-y: 0.4375rem;
}
/* Input Pin */
.input-pin {
--bs-input-pin-gap: var(--bs-ref-spacer-3);
--bs-input-pin-form-control-size: var(--bs-ref-spacer-11);
}
/* Link */
:root {
--custom-font-body-small-line-height: 1.3125rem;
}
.link-primary {
--custom-color: rgb(var(--bs-link-color-rgb));
--custom-icon-color: var(--bs-primary-600);
--custom-hover-color: rgb(var(--bs-link-hover-color-rgb));
--custom-hover-icon-color: var(--bs-primary-700);
}
.link-secondary {
--custom-color: var(--bs-secondary-500);
--custom-hover-color: var(--bs-secondary-600);
}
.link-info {
--custom-color: var(--bs-info-500);
--custom-hover-color: var(--bs-info-600);
}
.link-warning {
--custom-color: var(--bs-warning-500);
--custom-hover-color: var(--bs-warning-600);
}
.link-danger {
--custom-color: var(--bs-danger-500);
--custom-hover-color: var(--bs-danger-600);
}
.link-success {
--custom-color: var(--bs-success-500);
--custom-hover-color: var(--bs-success-600);
}
.link-light {
--custom-color: var(--bs-white);
--custom-hover-color: var(--bs-gray-100);
}
.link-dark {
--custom-color: var(--bs-body-color);
--custom-hover-color: var(--bs-body-color);
}
/* List group */
.list-group-item {
--bs-list-group-item-color: var(--bs-body-color);
--custom-list-group-item-gap: var(--bs-ref-spacer-2);
--bs-list-group-item-bg: var(--bs-white);
--bs-list-group-item-border-color: var(--bs-gray-100);
--bs-list-group-item-hover-bg: var(--bs-primary-50);
--bs-list-group-item-active-bg: var(--bs-primary-100);
--bs-list-group-item-padding-x: var(--bs-ref-spacer-4);
--bs-list-group-item-padding-y: var(--bs-ref-spacer-3);
--bs-list-group-item-border-radius: var(--bs-border-radius);
--bs-list-group-item-primary-color: var(--bs-primary-800);
--bs-list-group-item-secondary-color: var(--bs-secondary-900);
--bs-list-group-item-secondary-bg: var(--bs-secondary-100);
--bs-list-group-item-secondary-hover-bg: var(--bs-secondary-200);
--bs-list-group-item-secondary-active-bg: var(--bs-secondary-300);
--bs-list-group-item-secondary-border-color: var(--bs-secondary-500);
--bs-list-group-item-primary-bg: var(--bs-primary-100);
--bs-list-group-item-primary-hover-bg: var(--bs-primary-200);
--bs-list-group-item-primary-active-bg: var(--bs-primary-300);
--bs-list-group-item-primary-border-color: var(--bs-primary-500);
--bs-list-group-item-info-color: var(--bs-info-900);
--bs-list-group-item-info-bg: var(--bs-info-100);
--bs-list-group-item-info-hover-bg: var(--bs-info-200);
--bs-list-group-item-info-active-bg: var(--bs-info-300);
--bs-list-group-item-info-border-color: var(--bs-info-500);
--bs-list-group-item-warning-color: var(--bs-warning-900);
--bs-list-group-item-warning-bg: var(--bs-warning-100);
--bs-list-group-item-warning-hover-bg: var(--bs-warning-200);
--bs-list-group-item-warning-active-bg: var(--bs-warning-300);
--bs-list-group-item-warning-border-color: var(--bs-warning-500);
--bs-list-group-item-danger-color: var(--bs-danger-900);
--bs-list-group-item-success-color: var(--bs-secondary-900);
--bs-list-group-item-success-bg: var(--bs-success-100);
--bs-list-group-item-success-hover-bg: var(--bs-success-200);
--bs-list-group-item-success-active-bg: var(--bs-success-300);
--bs-list-group-item-success-border-color: var(--bs-success-500);
--bs-list-group-item-danger-bg: var(--bs-danger-100);
--bs-list-group-item-danger-hover-bg: var(--bs-danger-200);
--bs-list-group-item-danger-active-bg: var(--bs-danger-300);
--bs-list-group-item-danger-border-color: var(--bs-danger-500);
--bs-list-group-item-dark-color: var(--bs-white);
--bs-list-group-item-dark-bg: var(--bs-gray-700);
--bs-list-group-item-dark-hover-bg: var(--bs-gray-800);
--bs-list-group-item-dark-active-bg: var(--bs-gray-900);
--bs-list-group-item-dark-border-color: var(--bs-gray-600);
--bs-list-group-item-light-color: var(--bs-body-color);
--bs-list-group-item-light-bg: var(--bs-gray-100);
--bs-list-group-item-light-hover-bg: var(--bs-gray-200);
--bs-list-group-item-light-active-bg: var(--bs-gray-300);
--bs-list-group-item-light-border-color: var(--bs-gray-500);
}
/* Modal */
.modal {
--bs-modal-padding: var(--bs-ref-spacer-4);
--bs-modal-color: var(--bs-body-color);
--bs-modal-bg: var(--bs-white);
--bs-modal-border-color: rgb(var(--bs-gray-100-rgb));
--bs-modal-border-width: var(--bs-border-width);
--bs-modal-border-radius: var(--bs-border-radius);
--bs-modal-header-padding: var(--bs-ref-spacer-4);
--bs-modal-header-border-color: var(--bs-gray-100);
--bs-modal-header-border-width: var(--bs-border-width);
--bs-modal-footer-gap: var(--bs-ref-spacer-4);
--bs-modal-footer-bg: var(--bs-white);
--bs-modal-footer-border-color: var(--bs-gray-100);
--bs-modal-footer-border-width: var(--bs-border-width);
--custom-modal-gap: var(--bs-ref-spacer-4);
}
/* Nav & tabs */
.nav {
--bs-nav-padding-x: var(--bs-ref-spacer-4);
--bs-nav-padding-y: var(--bs-ref-spacer-2);
--bs-nav-link-color: var(--bs-link-color);
--bs-nav-link-hover-color: var(--bs-link-hover-color);
--bs-nav-link-disabled-color: var(--bs-gray-300);
--bs-nav-tabs-border-color: var(--bs-gray-300);
--bs-nav-tabs-border-radius: var(--bs-border-radius-sm);
--bs-nav-tabs-link-hover-border-color: var(--bs-gray-300);
--bs-nav-tabs-link-active-color: var(--bs-black);
--bs-nav-tabs-link-active-bg: var(--bs-white);
--bs-nav-tabs-link-active-border-color: var(--bs-gray-300);
--bs-nav-tabs-border-width: var(--bs-border-width);
--bs-nav-pills-border-radius: var(--bs-border-radius-sm);
--bs-nav-pills-link-active-color: var(--bs-white);
--bs-nav-pills-link-active-bg: var(--bs-primary);
--bs-nav-underline-link-active-color: var(--bs-black);
--bs-nav-underline-border-width: 0.125rem;
--custom-nav-link-gap: var(--bs-ref-spacer-1);
--custom-nav-link-color: var(--link-dark-custom-color);
--custom-nav-link-hover-color: var(--link-dark-custom-hover-color);
}
/* Navbar + (Main navegation)) */
:root {
--bs-navbar-color: var(--bs-gray-600);
--bs-navbar-hover-color: var(--bs-primary-700);
--bs-navbar-disabled-color: var(--bs-gray-300);
--bs-navbar-active-color: rgb(var(--bs-primary-600-rgb));
--bs-navbar-border-active-color: rgb(var(--bs-primary-600-rgb));
--custom-navbar-bg: var(--bs-white);
--custom-navbar-border-color: var(--bs-secondary-100);
--lab-navbar-padding-x: var(--bs-ref-spacer-18);
--custom-secondary-nav-bg: var(--bs-gray-700);
--custom-secondary-nav-font-size: var(--bs-fs-body-small);
--custom-secondary-nav-padding-top: var(--bs-ref-spacer-1);
--custom-megamenu-items-level-02-color: var(--bs-body-color);
--custom-megamenu-items-level-02-icon-color: var(--bs-body-color);
--custom-megamenu-items-level-02-bg: var(--bs-white);
--custom-megamenu-items-level-02-hover-color: var(--bs-primary-500);
--custom-megamenu-items-level-02-hover-icon-color: var(--bs-primary-500);
--custom-megamenu-items-level-02-hover-bg: var(--bs-primary-50);
--custom-megamenu-items-level-02-active-color: var(--bs-primary-500);
--custom-megamenu-items-level-02-active-icon-color: var(--bs-primary-500);
--custom-megamenu-items-level-02-active-bg: var(--bs-primary-50);
--custom-megamenu-items-level-02-border-radius: var(--bs-ref-spacer-0);
--custom-megamenu-items-level-02-padding-x: var(--bs-ref-spacer-3);
--custom-megamenu-items-level-02-padding-y: var(--bs-ref-spacer-3);
--custom-megamenu-items-level-02-gap: var(--bs-ref-spacer-2);
--custom-megamenu-items-level-03-color: var(--bs-body-color);
--custom-megamenu-items-level-03-hover-color: var(--bs-primary-500);
--custom-megamenu-items-level-03-active-color: var(--bs-primary-500);
--custom-megamenu-items-level-03-padding-x: var(--bs-ref-spacer-3);
--custom-megamenu-items-level-03-padding-y: var(--bs-ref-spacer-2);
--custom-megamenu-items-level-03-gap: var(--bs-ref-spacer-1);
--custom-megamenu-items-items-group-padding-x: var(--bs-ref-spacer-2);
--custom-megamenu-items-items-group-padding-y: var(--bs-ref-spacer-2);
--custom-megamenu-items-items-group-gap: var(--bs-ref-spacer-3);
--custom-megamenu-items-items-group-border-color: var(--bs-primary-100);
--custom-segments-bg: var(--bs-secondary-700);
--custom-segments-disabled-bg: var(--bs-gray-300);
--custom-segments-color: rgb(var(--bs-white-rgb));
--custom-segments-border-color: var(--bs-secondary-700);
--custom-segments-hover-bg: var(--bs-secondary-500);
--custom-segments-hover-color: var(--bs-white);
--custom-segments-hover-border-color: var(--bs-secondary-500);
--custom-segments-active-bg: var(--bs-white);
--custom-segments-active-color: var(--bs-body-color);
--custom-segments-active-border-color: var(--bs-white);
--custom-segments-disabled-color: var(--bs-white);
--custom-segments-disabled-border-color: var(--bs-gray-300);
--custom-segments-focus-border-color: var(--bs-focus-primary-border-color);
--custom-segments-padding-x: var(--bs-ref-spacer-3);
--custom-segments-padding-y: var(--bs-ref-spacer-1);
--custom-segments-gap: var(--bs-ref-spacer-0);
--custom-segments-border-radius-top-left: var(--bs-border-radius-sm);
--custom-segments-border-radius-top-right: var(--bs-border-radius-sm);
--custom-segments-border-radius-bottom-left: 0rem;
--custom-segments-border-radius-bottom-right: 0rem;
--custom-other-sites-bg: var(--bs-secondary-700);
--custom-other-sites-color: var(--bs-white);
--custom-other-sites-border-color: var(--bs-secondary-700);
--custom-other-sites-hover-bg: var(--bs-secondary-500);
--custom-other-sites-hover-color: var(--bs-white);
--custom-other-sites-hover-border-color: var(--bs-secondary-500);
--custom-other-sites-active-bg: var(--bs-secondary-50);
--custom-other-sites-active-color: var(--bs-body-color);
--custom-other-sites-active-border-color: var(--bs-secondary-50);
--custom-other-sites-padding-x: var(--bs-ref-spacer-2);
--custom-other-sites-padding-y: var(--bs-ref-spacer-1);
--custom-other-sites-gap: var(--bs-ref-spacer-0);
--custom-other-sites-border-radius-top-left: var(--bs-border-radius-sm);
--custom-other-sites-border-radius-top-right: var(--bs-border-radius-sm);
--custom-other-sites-border-radius-bottom-left: 0rem;
--custom-other-sites-border-radius-bottom-right: 0rem;
--custom-shortcuts-bg: var(--custom-opacity-transparent-rgba);
--custom-shortcuts-disabled-bg: var(--bs-gray-700);
--custom-shortcuts-color: var(--bs-white);
--custom-shortcuts-border-color: var(--bs-secondary-700);
--custom-shortcuts-padding-x: var(--bs-ref-spacer-0);
--custom-shortcuts-padding-y: var(--bs-ref-spacer-0);
--custom-shortcuts-gap: var(--bs-ref-spacer-4);
--custom-shortcuts-border-radius-top-left: 0rem;
--custom-shortcuts-border-radius-top-right: 0rem;
--custom-shortcuts-border-radius-bottom-left: 0rem;
--custom-shortcuts-border-radius-bottom-right: 0rem;
--custom-shortcuts-hover-bg: var(--custom-opacity-transparent-rgba);
--custom-shortcuts-hover-color: var(--bs-gray-100);
--custom-shortcuts-hover-border-color: var(--bs-secondary-700);
--custom-shortcuts-active-bg: var(--custom-opacity-transparent-rgba);
--custom-shortcuts-active-color: var(--bs-gray-100);
--custom-shortcuts-active-border-color: var(--bs-gray-700);
--custom-shortcuts-disabled-color: var(--bs-white);
--custom-shortcuts-disabled-border-color: var(--bs-gray-300);
--custom-shortcuts-focus-border-color: var(--bs-focus-primary-border-color);
--custom-megamenu-bg: var(--bs-white);
--custom-megamenu-padding-x: var(--bs-ref-spacer-18);
--custom-megamenu-padding-y: var(--bs-ref-spacer-4);
--custom-megamenu-gap: var(--bs-ref-spacer-0);
--custom-megamenu-mobile-items-level-01-color: var(--bs-body-color);
--custom-megamenu-mobile-items-level-01-icon-color: var(--bs-body-color);
--custom-megamenu-mobile-items-level-01-bg: var(--bs-white);
--custom-megamenu-mobile-items-level-01-border-radius: var(--bs-ref-spacer-0);
--custom-megamenu-mobile-items-level-01-padding-x: var(--bs-ref-spacer-3);
--custom-megamenu-mobile-items-level-01-padding-y: var(--bs-ref-spacer-3);
--custom-megamenu-mobile-items-level-01-gap: var(--bs-ref-spacer-2);
--custom-megamenu-mobile-items-level-01-active-color: var(--bs-body-color);
--custom-megamenu-mobile-items-level-01-active-icon-color: var(--bs-body-color);
--custom-megamenu-mobile-items-level-01-active-bg: var(--bs-primary-100);
--custom-megamenu-mobile-items-level-02-color: var(--bs-body-color);
--custom-megamenu-mobile-items-level-02-icon-color: var(--bs-body-color);
--custom-megamenu-mobile-items-level-02-bg: var(--bs-primary-25);
--custom-megamenu-mobile-items-level-02-active-color: var(--bs-primary-600);
--custom-megamenu-mobile-items-level-02-active-icon-color: var(--bs-primary-600);
--custom-megamenu-mobile-items-level-02-active-bg: var(--bs-primary-25);
--custom-megamenu-mobile-items-level-02-border-radius: var(--bs-ref-spacer-0);
--custom-megamenu-mobile-items-level-02-padding-x: var(--bs-ref-spacer-3);
--custom-megamenu-mobile-items-level-02-padding-y: var(--bs-ref-spacer-4);
--custom-megamenu-mobile-items-level-02-gap: var(--bs-ref-spacer-2);
--custom-megamenu-mobile-items-level-03-color: var(--bs-body-color);
--custom-megamenu-mobile-items-level-03-active-color: var(--bs-primary-600);
--custom-megamenu-mobile-items-level-03-padding-x: var(--bs-ref-spacer-3);
--custom-megamenu-mobile-items-level-03-padding-y: var(--bs-ref-spacer-3);
--custom-megamenu-mobile-items-level-03-gap: var(--bs-ref-spacer-1);
--custom-megamenu-mobile-items-items-group-padding-x: var(--bs-ref-spacer-2);
--custom-megamenu-mobile-items-items-group-padding-y: var(--bs-ref-spacer-2);
--custom-megamenu-mobile-items-items-group-gap: var(--bs-ref-spacer-0);
--custom-megamenu-mobile-items-items-group-border-color: var(--bs-primary-100);
--custom-megamenu-mobile-bg: var(--bs-white);
--custom-megamenu-mobile-padding-x: var(--bs-ref-spacer-18);
--custom-megamenu-mobile-padding-y: var(--bs-ref-spacer-4);
--custom-megamenu-mobile-gap: var(--bs-ref-spacer-0);
--custom-megamenu-mobile-items-segment-title-color: var(--bs-body-color);
--custom-megamenu-mobile-items-segment-title-bg: var(--bs-gray-50);
--custom-megamenu-mobile-items-segment-title-padding-x: var(--bs-ref-spacer-3);
--custom-megamenu-mobile-items-segment-title-padding-y: var(--bs-ref-spacer-3);
--custom-segments-bg-2: var(--bs-secondary-700);
}
.navbar {
--bs-navbar-padding-y: var(--bs-ref-spacer-2);
--bs-navbar-brand-padding-y: var(--bs-ref-spacer-1);
--bs-navbar-brand-margin-end: var(--bs-ref-spacer-10);
--bs-navbar-nav-link-padding-x: var(--bs-ref-spacer-2);
--bs-navbar-nav-link-padding-y: var(--bs-ref-spacer-2);
--bs-navbar-nav-link-font-size: var(--bs-body-font-size);
--bs-navbar-nav-link-font-weight: var(--bs-fw-normal);
--bs-navbar-nav-link-color: var(--bs-body-color);
--bs-navbar-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-navbar-nav-link-active-color: var(--bs-navbar-active-color);
--bs-navbar-nav-link-disabled-color: var(--bs-navbar-disabled-color);
}
.navbar-nav {
--bs-nav-link-padding-x: 0rem;
--bs-nav-link-padding-y: 0rem;
--bs-nav-link-color: var(--bs-navbar-color);
--bs-nav-link-hover-color: var(--bs-navbar-hover-color);
--bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
}
/* Offcanvas */
.offcanvas {
--bs-offcanvas-padding-x: var(--bs-ref-spacer-4);
--bs-offcanvas-padding-y: var(--bs-ref-spacer-4);
--bs-offcanvas-color: var(--bs-body-color);
--bs-offcanvas-bg: var(--bs-white);
--bs-offcanvas-border-color: var(--custom-opacity-transparent-rgba);
--custom-offcanvas-gap: var(--bs-ref-spacer-4);
}
/* Options */
:root {
--bs-option-bg: var(--bs-body-bg);
--bs-option-border-color: var(--bs-gray-100);
--bs-option-color: var(--bs-body-color);
--bs-option-hover-bg: var(--bs-secondary-50);
--bs-option-hover-color: var(--bs-body-color);
--bs-option-focus-bg: var(--bs-primary-25);
--bs-option-focus-color: var(--bs-body-color);
--bs-option-select-bg: rgb(var(--bs-body-bg-rgb));
--bs-option-select-color: var(--bs-primary-500);
--bs-option-border-radius: var(--bs-border-radius);
--bs-option-padding-right: var(--bs-ref-spacer-4);
--bs-option-padding-left: var(--bs-ref-spacer-4);
--bs-option-padding-top: var(--bs-ref-spacer-2);
--bs-option-padding-bottom: var(--bs-ref-spacer-2);
--bs-option-gap: var(--bs-ref-spacer-1);
}
/* Pagination */
.pagination {
--bs-pagination-color: var(--bs-link-color);
--bs-pagination-bg: var(--bs-body-bg);
--bs-pagination-border-color: var(--bs-body-bg);
--bs-pagination-border-radius: var(--bs-border-radius-sm);
--bs-pagination-padding-y: var(--bs-ref-spacer-1);
--bs-pagination-padding-x: var(--bs-ref-spacer-2);
--bs-pagination-hover-color: var(--bs-link-hover-color);
--bs-pagination-hover-bg: var(--bs-body-bg);
--bs-pagination-hover-border-color: var(--bs-primary-500);
--bs-pagination-focus-color: var(--bs-btn-link-primary-hover-color);
--bs-pagination-focus-bg: var(--bs-body-bg);
--bs-pagination-active-color: var(--bs-body-bg);
--bs-pagination-disabled-color: var(--bs-gray-300);
--bs-pagination-disabled-bg: var(--bs-body-bg);
--bs-pagination-disabled-border-color: var(--bs-body-bg);
--bs-pagination-active-bg: var(--bs-primary-500);
--bs-pagination-active-border-color: var(--bs-primary-500);
}
/* Popovers */
.popovers {
--bs-popovers-border-color: var(--bs-primary-300);
--bs-popovers-bg: var(--bs-primary-50);
--bs-popovers-border-radius: var(--bs-border-radius);
--bs-popovers-header-color: var(--bs-body-color);
--bs-popovers-header-bg: var(--bs-primary-100);
--bs-popovers-header-padding-x: var(--bs-ref-spacer-2);
--bs-popovers-header-padding-y: var(--bs-ref-spacer-1);
--bs-popovers-body-color: var(--bs-body-color);
--bs-popovers-body-padding-x: var(--bs-ref-spacer-2);
--bs-popovers-body-padding-y: var(--bs-ref-spacer-2);
}
/* Progress Bars */
.progress {
--bs-progress-bg: var(--bs-gray-200);
--bs-progress-bar-color: var(--bs-white);
--bs-progress-border-radius: var(--bs-border-radius);
--bs-progress-bar-bg: var(--bs-primary-500);
--bs-progress-success-color: var(--bs-white);
--bs-progress-success-bg: var(--bs-success-500);
--bs-progress-info-color: var(--bs-body-color);
--bs-progress-info-bg: var(--bs-info-500);
--bs-progress-warning-color: var(--bs-body-color);
--bs-progress-warning-bg: var(--bs-warning-500);
--bs-progress-danger-color: var(--bs-white);
--bs-progress-danger-bg: var(--bs-danger-500);
}
/* Range */
.form-range {
--lab-form-range-track-bg: var(--bs-gray-300);
--lab-form-range-track-active-bg: var(--bs-primary-500);
--lab-form-range-track-disabled-bg: var(--bs-gray-500);
--lab-form-range-track-border-radius: var(--bs-border-radius-lg);
--lab-form-range-thumb-width: var(--bs-ref-spacer-4);
--lab-form-range-thumb-height: var(--form-range-lab-form-range-thumb-width);
--lab-form-range-thumb-bg: var(--bs-primary-500);
--lab-form-range-thumb-border: var(--bs-ref-spacer-0);
--lab-form-range-thumb-border-radius: var(--bs-border-radius-lg);
--lab-form-range-thumb-box-shadow*: 0 .1rem .25rem rgba(000, .1);;
--lab-form-range-thumb-active-bg: var(--bs-primary-300);
--lab-form-range-thumb-disabled-bg: var(--bs-gray-500);
}
/* Search */
.search {
--custom-search-bar-bg: var(--bs-gray-50);
--custom-search-bar-divider-color: var(--bs-primary-200);
--custom-search-options-bg: var(--bs-white);
--custom-search-options-color: var(--bs-gray-600);
--custom-search-options-icon-color: var(--bs-gray-600);
--custom-search-options-border-color: var(--bs-primary-200);
--custom-search-options-hover-bg: var(--bs-gray-50);
--custom-search-options-hover-color: var(--bs-body-color);
--custom-search-options-active-color: var(--bs-body-color);
--custom-search-options-padding-y: var(--bs-ref-spacer-2);
--custom-search-options-padding-x: var(--bs-ref-spacer-2);
--custom-search-options-gap: var(--bs-ref-spacer-1);
--custom-search-options-gap-group: var(--bs-ref-spacer-3);
--custom-search-bar-gap: var(--bs-ref-spacer-4);
--custom-search-bg: var(--bs-white);
--custom-search-bar-padding-y: var(--bs-ref-spacer-0);
--custom-search-padding-y: var(--bs-ref-spacer-3);
--custom-search-bar-padding-x: var(--bs-ref-spacer-0);
--custom-search-bar-border-radius: var(--bs-border-radius-lg);
--custom-search-padding-x: var(--bs-ref-spacer-3);
--custom-search-gap: var(--bs-ref-spacer-6);
--custom-search-border-radius: var(--bs-border-radius-lg);
}
/* Spinners */
.border-spinner {
--custom-border-spinner-border-color: var(--bs-primary-500);
--custom-border-spinner-primary-border-color: var(--bs-primary-500);
--custom-border-spinner-secondary-border-color: var(--bs-secondary-500);
--custom-border-spinner-info-border-color: var(--bs-info-500);
--custom-border-spinner-warning-border-color: var(--bs-warning-500);
--custom-border-spinner-danger-border-color: var(--bs-danger-500);
--custom-border-spinner-success-border-color: var(--bs-success-500);
--custom-border-spinner-light-border-color: var(--bs-white);
--custom-border-spinner-dark-border-color: var(--bs-gray-800);
}
/* Table */
.table {
--bs-table-color: var(--bs-body-color);
--bs-table-bg: var(--bs-white);
--bs-table-border: var(--bs-primary-50);
--bs-table-striped-color: var(--bs-emphasis-color);
--bs-table-striped-bg: var(--bs-primary-25);
--bs-table-active-color: var(--bs-body-color);
--bs-table-active-bg: var(--bs-primary-25);
--bs-table-hover-color: var(--bs-emphasis-color);
--bs-table-hover-bg: rgb(var(--custom-opacity-black-65-rgb));
--bs-table-table-cell-padding-x: var(--bs-ref-spacer-2);
--bs-table-table-cell-padding-y: var(--bs-ref-spacer-2);
--bs-table-table-cell-padding-x-sm: var(--bs-ref-spacer-1);
--bs-table-table-cell-padding-y-sm: var(--bs-ref-spacer-1);
--bs-table-dark-color: var(--bs-white);
--bs-table-dark-bg: var(--bs-gray-800);
--bs-table-dark-border-color: var(--bs-gray-800);
--bs-table-dark-striped-color: var(--bs-emphasis-color);
--bs-table-dark-striped-bg: var(--bs-primary-25);
--bs-table-dark-active-color: var(--bs-body-color);
--bs-table-dark-active-bg: var(--bs-primary-25);
--bs-table-dark-hover-color: var(--bs-white);
--bs-table-dark-hover-bg: rgb(var(--custom-opacity-black-65-rgb));
}
/* Toast */
.toast {
--bs-toast-color: var(--bs-body-color);
--bs-toast-bg: var(--bs-white);
--bs-toast-border-color: var(--bs-gray-300);
--bs-toast-icon-color: var(--bs-secondary-500);
--bs-toast-divider-color: var(--toast-bs-toast-border-color);
--bs-toast-gap: var(--bs-ref-spacer-2);
--bs-toast-padding-y: var(--bs-ref-spacer-2);
--bs-toast-padding-x: var(--bs-ref-spacer-4);
--bs-toast-border-radius: var(--bs-border-radius);
}
/* Tooltip */
.tooltip {
--bs-tooltip-color: var(--bs-white);
--bs-tooltip-bg: var(--bs-gray-900);
--bs-tooltip-padding-y: var(--bs-ref-spacer-1);
--bs-tooltip-padding-x: var(--bs-ref-spacer-2);
--bs-tooltip-border-radius: var(--bs-border-radius);
}
/* Typography */
:root {
--custom-font-fs-1-font-size: var(--bs-fs-1);
--custom-font-fs-1-line-height: 3.125rem;
--custom-font-fs-1-letter-spacing: 0rem;
--custom-font-fs-2-font-size: var(--bs-fs-2);
--custom-font-fs-2-line-height: 2.5625rem;
--custom-font-fs-2-letter-spacing: 0rem;
--custom-font-fs-3-font-size: var(--bs-fs-3);
--custom-font-fs-3-line-height: 2.25rem;
--custom-font-fs-3-letter-spacing: 0rem;
--custom-font-fs-4-font-size: var(--bs-fs-4);
--custom-font-fs-4-line-height: 1.9375rem;
--custom-font-fs-4-letter-spacing: 0rem;
--custom-font-fs-5-font-size: var(--bs-fs-5);
--custom-font-fs-5-line-height: 1.625rem;
--custom-font-fs-5-letter-spacing: 0rem;
--custom-font-fs-6-font-size: var(--bs-fs-6);
--custom-font-fs-6-line-height: 1.375rem;
--custom-font-fs-6-letter-spacing: 0rem;
--custom-font-fs-display-1-font-size: var(--bs-fs-display-1);
--custom-font-fs-display-1-line-height: 6.125rem;
--custom-font-fs-display-1-letter-spacing: 0rem;
--custom-font-fs-display-2-font-size: var(--bs-fs-display-2);
--custom-font-fs-display-2-line-height: 5.5625rem;
--custom-font-fs-display-2-letter-spacing: 0rem;
--custom-font-fs-display-3-font-size: var(--bs-fs-display-3);
--custom-font-fs-display-3-line-height: 4.9375rem;
--custom-font-fs-display-3-letter-spacing: 0rem;
--custom-font-fs-display-4-font-size: var(--bs-fs-display-4);
--custom-font-fs-display-4-line-height: 4.375rem;
--custom-font-fs-display-4-letter-spacing: 0rem;
--custom-font-fs-display-5-font-size: var(--bs-fs-display-5);
--custom-font-fs-display-5-line-height: 3.75rem;
--custom-font-fs-display-5-letter-spacing: 0rem;
--custom-font-fs-display-6-size-desktop: var(--bs-fs-display-6);
--custom-font-fs-display-6-line-height: 3.125rem;
--custom-font-fs-display-6-letter-spacing: 0rem;
--custom-font-fw-lighter: var(--bs-fw-lighter);
--custom-font-fw-light: var(--bs-fw-light);
--custom-font-fw-normal: var(--bs-fw-normal);
--custom-font-fw-medium: var(--bs-fw-medium);
--custom-font-fw-semibold: var(--bs-fw-semibold);
--custom-font-fw-bold: var(--bs-fw-bold);
--custom-font-fw-bolder: var(--bs-fw-bolder);
--custom-font-body-large-font-size: var(--bs-fs-body-large);
--custom-font-body-large-line-height: 2.4375rem;
--custom-font-body-large-letter-spacing: 0rem;
--custom-font-body-medium-font-size: var(--bs-fs-body-medium);
--custom-font-body-medium-line-height: 2.0625rem;
--custom-font-body-medium-letter-spacing: 0rem;
--custom-font-body-normal-font-size: var(--bs-fs-body-normal);
--custom-font-body-normal-line-height: 1.6875rem;
--custom-font-body-normal-letter-spacing: 0rem;
--custom-font-body-small-font-size: var(--bs-fs-body-small);
--custom-font-body-small-line-height: 1.5rem;
--custom-font-body-small-letter-spacing: 0rem;
--custom-font-body-tiny-font-size: var(--bs-fs-body-tiny);
--custom-font-body-tiny-line-height: 1.3125rem;
--custom-font-body-tiny-letter-spacing: 0rem;
}
.text {
--lab-primary: rgb(var(--bs-primary-rgb));
--lab-primary-emphasis: var(--bs-primary-text-emphasis);
--lab-secondary: rgb(var(--bs-secondary-rgb));
--lab-secondary-emphasis: var(--bs-secondary-text-emphasis);
--lab-success: rgb(var(--bs-success-rgb));
--lab-success-emphasis: var(--bs-success-text-emphasis);
--lab-danger: rgb(var(--bs-danger-rgb));
--lab-danger-emphasis: var(--bs-danger-text-emphasis);
--lab-warning: rgb(var(--bs-warning-rgb));
--lab-warning-emphasis: var(--bs-warning-text-emphasis);
--lab-info: rgb(var(--bs-info-rgb));
--lab-info-emphasis: var(--bs-info-text-emphasis);
--lab-light: rgb(var(--bs-light-rgb));
--lab-light-emphasis: var(--bs-light-text-emphasis);
--lab-dark: rgb(var(--bs-dark-rgb));
--lab-dark-emphasis: var(--bs-dark-text-emphasis);
--lab-body: rgb(var(--bs-body-color-rgb));
--lab-body-emphasis: var(--bs-secondary-text-emphasis);
--lab-body-secondary: var(--bs-secondary-color);
--lab-body-tertiary: var(--bs-tertiary-color);
--lab-black: rgb(var(--bs-black-rgb));
--lab-black-50: rgba(0, 0, 0, 0.50);
--lab-white: rgb(var(--bs-white-rgb));
--lab-white-50: rgba(255, 255, 255, 0.50);
} 
}
@layer overrides {
	.link-primary, 
	.link-secondary,
	.link-info,
	.link-warning
	.link-danger,
	.link-success,
	.link-light,
	.link-dark {
		color: var(--custom-color) !important;
		-webkit-text-decoration-color: var(--custom-color) !important;
		text-decoration-color: var(--custom-color) !important;
	}

	.link-primary:hover,
	.link-secondary:hover,
	.link-info:hover,
	.link-warning:hover,
	.link-danger:hover,
	.link-success:hover,
	.link-light:hover,
	.link-dark:hover {
		color: var(--custom-hover-color) !important;
		-webkit-text-decoration-color: var(--custom-hover-color) !important;
		text-decoration-color: var(--custom-hover-color) !important;
	}
}
body {
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Material Symbols Outlined';
	font-style: normal;
	font-weight: 100 700;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v192/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2) format('woff2');
}

.material-symbols-outlined {
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	max-width: 1em;
}




/* Layout páginas */

html, body {
	height: 100%; 
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

/* Utilidades */

.flex-basis-0 {
	flex-basis: 0;
}

.bg-placeholder {
	--bs-bg-opacity: 1;
	background-color: rgba(var(--bs-gray-50-rgb), var(--bs-bg-opacity));
}	

.fs-1,
.fs-2,
.fs-3,
.fs-4,
.fs-5,
.fs-6 {
	line-height: 1.2;
}

/* Estilos de las secciones */
.section {
	padding: 2.5rem 0;
}

.section__title {
	font-size: var(--bs-fs-3);
	font-weight: var(--bs-fw-normal);
	font-weight: bold;
	color: #161819;
}

.section__description {
	font-size: 1.25rem;
	line-height: normal;
	margin-top: 1rem;
	margin-bottom: 0;
}

.section__detail {
	margin-top: 1.5rem;
}

.section__detail ul, 
.section__detail p {
	margin-bottom: 0;
}

.section__detail ul {
	padding-left: 1rem;
}

.section__detail ul, 
.section__detail ul li:not(:last-child) {
	margin-bottom: .5rem;
}

.section__link-view-more {
	--bs-btn-border-radius: var(--bs-border-radius-sm);
}


.section--informative {
	position: relative;
}

.section--informative::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 20%;
	background-color: rgb(var(--bs-secondary-50-rgb));
	z-index: -1;
}

@media(min-width: 1200px) {
	.section {
		padding: 4rem 0;
	}

	.section__title {
		font-size: var(--bs-fs-2);
	}
	
	.section__description {
		font-size: var(--bs-fs-body-large);
		line-height: var(--custom-font-body-large-line-height);
	}
	.section--informative::before {
		width: 50%;
		height: 100%;
	} 
}

/* Distancia entre elementos de las secciones */
.section > .container-xl > .row {
	gap: 2.5rem;
}
img {
	display: block;
}

/* Links  */
.link {
	font-size: var(--custom-font-size);
	font-weight: var(--custom-font-weight);
	gap: var(--custom-gap);	
}

/* Badge */
.badge.badge-primary {
 color: var(--bs-badge-primary-color);
 background-color: var(--bs-badge-primary-bg);
}
.badge.badge-secondary {
 color: var(--bs-badge-secondary-color);
 background-color: var(--bs-badge-secondary-bg);
}
.badge.badge-info {
 color: var(--bs-badge-info-color);
 background-color: var(--bs-badge-info-bg);
}
.badge.badge-warning {
 color: var(--bs-badge-warning-color);
 background-color: var(--bs-badge-warning-bg);
}
.badge.badge-danger {
 color: var(--bs-badge-danger-color);
 background-color: var(--bs-badge-danger-bg);
}
.badge.badge-success {
 color: var(--bs-badge-success-color);
 background-color: var(--bs-badge-success-bg);
}
.badge.badge-light {
 color: var(--bs-badge-light-color);
 background-color: var(--bs-badge-light-bg);
}
.badge.badge-dark {
 color: var(--bs-badge-dark-color);
 background-color: var(--bs-badge-dark-bg);
}
/* Badges soft */
.badge.badge-soft-primary {
 color: var(--bs-badge-soft-primary-color);
 background-color: var(--bs-badge-soft-primary-bg);
}
.badge.badge-soft-secondary {
 color: var(--bs-badge-soft-secondary-color);
 background-color: var(--bs-badge-soft-secondary-bg);
}
.badge.badge-soft-info {
 color: var(--bs-badge-soft-info-color);
 background-color: var(--bs-badge-soft-info-bg);
}
.badge.badge-soft-warning {
 color: var(--bs-badge-soft-warning-color);
 background-color: var(--bs-badge-soft-warning-bg);
}
.badge.badge-soft-danger {
 color: var(--bs-badge-soft-danger-color);
 background-color: var(--bs-badge-soft-danger-bg);
}
.badge.badge-soft-success {
 color: var(--bs-badge-soft-success-color);
 background-color: var(--bs-badge-soft-success-bg);
}
.badge.badge-soft-light {
 color: var(--bs-badge-soft-light-color);
 background-color: var(--bs-badge-soft-light-bg);
}
.badge.badge-soft-dark {
 color: var(--bs-badge-soft-dark-color);
 background-color: var(--bs-badge-soft-dark-bg);
}

/* Alert */
.alert.alert-primary {
 color: var(--bs-alert-primary-color);
 border-color: var(--bs-alert-primary-border-color);
 background-color: var(--bs-alert-primary-bg);
}
.alert.alert-secondary {
 color: var(--bs-alert-secondary-color);
 border-color: var(--bs-alert-secondary-border-color);
 background-color: var(--bs-alert-secondary-bg);
}
.alert.alert-info {
 color: var(--bs-alert-info-color);
 border-color: var(--bs-alert-info-border-color);
 background-color: var(--bs-alert-info-bg);
}
.alert.alert-warning {
 color: var(--bs-alert-warning-color);
 border-color: var(--bs-alert-warning-border-color);
 background-color: var(--bs-alert-warning-bg);
}
.alert.alert-danger {
 color: var(--bs-alert-danger-color);
 border-color: var(--bs-alert-danger-border-color);
 background-color: var(--bs-alert-danger-bg);
}
.alert.alert-success {
 color: var(--bs-alert-success-color);
 border-color: var(--bs-alert-success-border-color);
 background-color: var(--bs-alert-success-bg);
}

/* Pagination */
.pagination {
	flex-wrap: wrap;
}

.pagination .page-item {
	color: var(--bs-pagination-color);
	background-color: var(--bs-pagination-bg);
	border-color: var(--bs-pagination-border-color);
	border-radius: var(--bs-pagination-border-radius);
	padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
}
.pagination .page-item:hover {
	color: var(--bs-pagination-hover-color);
	background-color: var(--bs-pagination-hover-bg);
	border-color: var(--bs-pagination-hover-border-color);
}
.pagination .page-item:focus {
	color: var(--bs-pagination-focus-color);
	background-color: var(--bs-pagination-focus-bg);
}
.pagination .page-item.active {
	color: var(--bs-pagination-active-color);
	background-color: var(--bs-pagination-active-bg);
	border-color: var(--bs-pagination-active-border-color);
}
.pagination .page-item.disabled {
	color: var(--bs-pagination-disabled-color);
	background-color: var(--bs-pagination-disabled-bg);
	border-color: var(--bs-pagination-disabled-border-color);
}
/*.pagination .page-item [aria-label='Previous'] span, .pagination .page-item [aria-label='Next'] span {
	display:none;
}*/
@media screen and (min-width: 1200px) {
	.pagination .page-item [aria-label='Previous']:after {
		content: 'Anterior';
		padding-left: 8px;
	}
	.pagination .page-item [aria-label='Next']:before {
		content: 'Siguiente';
		padding-right: 8px;
	}
}

/* Forms */
label {
	color: var(--bs-label-color);
	font-weight: var(--bs-label-font-weight);
	font-size: var(--bs-label-font-size);
	padding: var(--bs-label-padding-y) var(--bs-label-padding-x);
	margin-bottom: var(--bs-label-margin-bottom);
}

.form-select {
  appearance: none;
  -webkit-appearance: none;
  font-size: var(--bs-form-select-font-size);
	line-height: var(--bs-form-select-line-height);
	font-weight: var(--bs-form-select-font-weight);
  padding: var(--bs-form-select-padding-y) var(--bs-form-select-padding-x);
  background-color: var(--bs-form-select-background-color);
	color: var(--bs-form-select-color);
  width: 100%;
  cursor: pointer;
	background-size: 10px;
	padding-right: 32px;
	border: var(--bs-form-select-border-width) solid var(--bs-form-select-border-color);
	border-radius: var(--bs-form-select-border-radius);
}
.form-select:focus {
	border-color: var(--bs-form-select-focus-border-color);
}
.form-select.disabled {
	background-color: var(--bs-form-select-disabled-bg);
	color: var(--bs-form-select-disabled-color);
	border-color: var(--bs-form-select-disabled-border-color);
}
.custom-select .form-select {
	text-align: left;
}
.custom-select .dropdown-menu {
	border-radius: var(--bs-option-border-radius);
	gap: var(--bs-option-gap);
	width: 100%;
	max-height: 180px;
	overflow: auto;
	transform: translate(0px, 58px) !important;
}
@media(min-width: 1200px) {
	.custom-select { min-width: 300px; }
	.custom-select .dropdown-menu { max-height: 380px; }
}
option, .custom-select .dropdown-item {
	background-color: var(--bs-option-bg);
	color: var(--bs-option-color);
	padding-right: var(--bs-option-padding-right);
	padding-left: var(--bs-option-padding-left);
	padding-top: var(--bs-option-padding-top);
	padding-bottom: var(--bs-option-padding-bottom);
	border-radius: 0;
}
option:focus, .custom-select .dropdown-item:focus {
	background-color: var(--bs-option-focus-bg);
	color: var(--bs-option-focus-color);
}
.custom-select .dropdown-item:hover {
	cursor: pointer;
	color: var(--bs-option-hover-color);
	background-color: var(--bs-option-hover-bg);
}
option[selected], .custom-select .dropdown-item.selected {
	background-color: var(--bs-option-select-bg);
	color: var(--bs-option-select-color);
}

/* Catálogo de componentes */
.catalog-item-separator {
	margin-top: 50px; 
	margin-bottom: 0;
}
.catalog-item { 
	margin-top: 50px; 
	margin-bottom: 50px;
	background: var(--bs-gray-50);
	padding: 20px;
	border-radius: 0.5rem;
}
.catalog-item__title {
	font-size: var(--bs-fs-4);
}
.catalog-item__description { 
	margin-top: 0.5rem;
	font-size: var(--bs-fs-6);
	font-weight: var(--font-weight-light);
	color: var(--bs-gray-400);
}

/* Table */
table {
	margin-top: 0;
}
table tr td {
	border: 1px solid var(--bs-gray-100);
	padding: 0.5rem;
}
table thead tr td {
	background: var(--bs-gray-50);
}
	
 table thead th {
	padding: .5rem;
}

table thead tr {
	background-color: var(--bs-primary-25);
}
		 
table tr td {
	border: 0;
}
		
table tr {
	/*border-bottom: 1px solid var(--bs-primary-50);*/
}
	

/* Navbar */

.main-menu-nav.navbar-nav {
	border-right: 1px solid var(--bs-btn-outline-primary-border-color);
}

.navbar-nav .nav-link {
	cursor: pointer;
}

/* Breadcrumbs */

.breadcrumb {
	margin-bottom: 0;
}

/* Card icon */
.card-icon-list .card-icon-list-item {
	min-height: 7.875rem;
}

.card-icon-list .card-icon-list-link,
.card-icon-list .card-icon-list-body {
	display: flex; 
	flex-direction: column;
	align-items: center;
	border: 1px solid #ccc;
	padding: 1.25rem 1rem;
	text-align: center;
	text-decoration: none;
	color: #333;
	height: 100%;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	justify-content: center;
	gap: .25rem;
}

.card-icon-list .card-icon-list-text {
	text-align: center;
}
		
.card-icon-list .card-icon-list-icon {
	font-size: 1.75rem;
	color: var(--bs-secondary-400);
}

.card-icon-list .card-icon-list-link:hover,
.card-icon-list .card-icon-list-body:hover {
	background-color: var(--bs-primary-50);
}
		
.card-icon-list .card-icon-list-link:hover .card-icon-list-icon,
.card-icon-list .card-icon-list-body:hover .card-icon-list-icon {
	color: var(--bs-primary);
}

/* Otros */

@media (min-width: 1200px) {
	.visually-hidden-xl {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}
}

/* ========================================================================= */
/* 1. ESTILOS GLOBALES DE SCROLLBAR (Para toda la página) */
/* ========================================================================= */

/* Aplicable a WebKit (Chrome, Safari, Edge) */
::-webkit-scrollbar {
  /* Ancho estándar para un diseño limpio */
  width: 10px;
  height: 10px; 
}

/* Pista o Fondo (Track) de la barra de desplazamiento */
::-webkit-scrollbar-track {
  /* Fondo muy sutil y profesional */
  background: var(--bs-gray-200); 
}

/* Pulgar (Thumb): Verde vibrante */
::-webkit-scrollbar-thumb {
  /* Usamos Success 400 para un verde más fácil de ver */
  background: var(--bs-success-400); 
  border-radius: 5px; 
}

/* Pulgar (Thumb) en estado Hover */
::-webkit-scrollbar-thumb:hover {
  /* Usamos Success 500 para un feedback visual más oscuro */
  background: var(--bs-success-500);
}

/* Aplicable a Firefox */
html {
  /* Ancho delgado */
  scrollbar-width: thin;
  /* Color del Pulgar (Success 400) y Pista (Gray 200) */
  scrollbar-color: var(--bs-success-400) var(--bs-gray-200);
}

.tabs.fade-left-hidden::before,
.tabs.fade-right-hidden::after,
.tabs.fade-left-hidden .tabs__buttons-container::before,
.tabs.fade-left-hidden .tabs__buttons-container::after {
	opacity: 0;
}

@media (min-width: 1200px) {
    .w-xl-40 {
        width: 40% !important;
    }
}