/* 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: 244, 50, 63;
--bs-orange-rgb: 242, 143, 0;
--bs-yellow-rgb: 255, 206, 0;
--bs-green-rgb: 0, 179, 60;
--bs-teal-rgb: 32, 201, 151;
--bs-cyan-rgb: 63, 177, 226;
--bs-black-rgb: 0, 0, 0;
--bs-white-rgb: 255, 255, 255;
--bs-gray-rgb: 204, 209, 217;
--bs-gray-dark-rgb: 54, 55, 68;
--bs-primary-rgb: 0, 147, 48;
--bs-mibanco-yellow-rgb: 250, 181, 0;
--bs-mibanco-blue-rgb: 28, 180, 167;
--bs-mibanco-green-rgb: 113, 183, 76;
--bs-primary-soft-rgb: var(--bs-primary-50-rgb);
--bs-secondary-rgb: var(--bs-yellow-rgb);
--bs-secondary-soft-rgb: var(--bs-secondary-50-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-50-rgb);
--bs-danger-25-rgb: 255, 245, 246;
--bs-danger-50-rgb: 254, 231, 232;
--bs-danger-100-rgb: 253, 214, 217;
--bs-danger-200-rgb: 251, 173, 179;
--bs-danger-300-rgb: 249, 132, 140;
--bs-danger-400-rgb: 247, 91, 102;
--bs-danger-500-rgb: var(--bs-danger-rgb);
--bs-danger-600-rgb: 196, 40, 51;
--bs-danger-700-rgb: 147, 30, 38;
--bs-danger-800-rgb: 128, 26, 32;
--bs-danger-900-rgb: 49, 10, 13;
--bs-success-soft-rgb: var(--bs-success-50-rgb);
--bs-success-25-rgb: 243, 252, 246;
--bs-success-50-rgb: 219, 239, 226;
--bs-success-100-rgb: 204, 240, 216;
--bs-success-200-rgb: 153, 225, 177;
--bs-success-300-rgb: 102, 210, 138;
--bs-success-400-rgb: 51, 195, 99;
--bs-success-500-rgb: var(--bs-success-rgb);
--bs-success-600-rgb: 0, 144, 48;
--bs-success-700-rgb: 0, 108, 36;
--bs-success-800-rgb: 0, 77, 26;
--bs-success-900-rgb: 0, 36, 12;
--bs-warning-rgb: var(--bs-orange-rgb);
--bs-warning-soft-rgb: var(--bs-warning-50-rgb);
--bs-warning-25-rgb: 255, 252, 243;
--bs-warning-50-rgb: 255, 244, 229;
--bs-warning-100-rgb: 253, 233, 204;
--bs-warning-200-rgb: 250, 211, 153;
--bs-warning-300-rgb: 248, 188, 102;
--bs-warning-400-rgb: 245, 166, 51;
--bs-warning-500-rgb: var(--bs-warning-rgb);
--bs-warning-600-rgb: 194, 115, 0;
--bs-warning-700-rgb: 180, 106, 0;
--bs-warning-800-rgb: 97, 58, 0;
--bs-warning-900-rgb: 49, 29, 0;
--bs-info-rgb: var(--bs-cyan-rgb);
--bs-gray-soft-rgb: var(--bs-gray-25-rgb);
--bs-gray-25-rgb: 251, 252, 253;
--bs-gray-50-rgb: 249, 250, 250;
--bs-gray-100-rgb: 248, 249, 251;
--bs-gray-200-rgb: 246, 248, 250;
--bs-gray-300-rgb: 242, 244, 248;
--bs-gray-400-rgb: 230, 233, 237;
--bs-gray-500-rgb: var(--bs-gray-rgb);
--bs-gray-600-rgb: 170, 178, 189;
--bs-gray-700-rgb: 101, 109, 120;
--bs-gray-800-rgb: 67, 74, 84;
--bs-gray-900-rgb: 20, 21, 24;
--bs-light-rgb: var(--bs-gray-100-rgb);
--bs-info-soft-rgb: var(--bs-info-50-rgb);
--bs-info-25-rgb: 245, 252, 254;
--bs-info-50-rgb: 241, 249, 253;
--bs-info-100-rgb: 217, 240, 250;
--bs-info-200-rgb: 179, 224, 244;
--bs-info-300-rgb: 140, 209, 238;
--bs-info-400-rgb: 102, 193, 232;
--bs-info-500-rgb: var(--bs-info-rgb);
--bs-info-600-rgb: 51, 142, 181;
--bs-info-700-rgb: 23, 116, 155;
--bs-info-800-rgb: 26, 71, 91;
--bs-info-900-rgb: 13, 36, 46;
--bs-dark-rgb: var(--bs-gray-900-rgb);
--bs-body-color-rgb: var(--bs-gray-900-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, 250, 245;
--bs-primary-50-rgb: 219, 239, 226;
--bs-primary-100-rgb: 204, 234, 214;
--bs-primary-200-rgb: 184, 226, 205;
--bs-primary-300-rgb: 112, 194, 139;
--bs-primary-400-rgb: 51, 169, 90;
--bs-primary-500-rgb: var(--bs-primary-rgb);
--bs-primary-600-rgb: 0, 126, 63;
--bs-body-font-family: var(--custom-font-family-sans-serif);
--bs-primary-700-rgb: 0, 102, 51;
--bs-primary-800-rgb: 0, 51, 16;
--bs-secondary-25-rgb: 255, 253, 243;
--bs-primary-900-rgb: 0, 30, 10;
--bs-secondary-50-rgb: 255, 250, 229;
--bs-secondary-100-rgb: 255, 246, 204;
--bs-secondary-200-rgb: 255, 229, 128;
--bs-secondary-300-rgb: 255, 226, 102;
--bs-secondary-400-rgb: 255, 216, 51;
--bs-secondary-500-rgb: var(--bs-yellow-rgb);
--bs-secondary-600-rgb: 229, 184, 0;
--bs-secondary-700-rgb: 204, 165, 0;
--bs-secondary-800-rgb: 102, 82, 0;
--bs-secondary-900-rgb: 51, 42, 0;
--bs-link-color-rgb: var(--bs-primary-500-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-primary-600-rgb);
--bs-focus-ring-width: 0.25rem;
--bs-surface-primary-rgb: var(--bs-primary-50-rgb);
--bs-border-width: 0.0625rem;
--bs-border-color: var(--bs-gray-600);
--bs-border-color-translucent: var(--custom-opacity-black-25-rgb);
--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);
--custom-font-family-sans-serif: Lato;
--custom-font-family-heading: Brevia;
--custom-opacity-transparent-rgba: rgba(255, 255, 255, 0.00);
--custom-opacity-primary-10-rgba: rgba(0, 147, 48, 0.10);
--custom-opacity-primary-25-rgba: rgba(0, 147, 48, 0.25);
--custom-opacity-primary-65-rgba: rgba(0, 147, 48, 0.65);
--custom-opacity-secondary-10-rgba: rgba(255, 206, 0, 0.10);
--custom-opacity-secondary-25-rgba: rgba(255, 206, 0, 0.25);
--custom-opacity-secondary-65-rgba: rgba(255, 206, 0, 0.65);
--custom-opacity-success-10-rgba: rgba(0, 179, 60, 0.10);
--custom-opacity-success-25-rgba: rgba(0, 179, 60, 0.25);
--custom-opacity-success-65-rgba: rgba(0, 179, 60, 0.65);
--custom-opacity-danger-10-rgba: rgba(244, 50, 63, 0.10);
--custom-opacity-danger-25-rgba: rgba(244, 50, 63, 0.25);
--custom-opacity-danger-65-rgba: rgba(244, 50, 63, 0.65);
--custom-opacity-light-10-rgba: rgba(255, 255, 255, 0.10);
--custom-opacity-light-25-rgba: rgba(255, 255, 255, 0.25);
--custom-opacity-light-65-rgba: rgba(255, 255, 255, 0.65);
--custom-opacity-dark-10-rgba: rgba(16, 24, 40, 0.10);
--custom-opacity-dark-25-rgba: rgba(16, 24, 40, 0.25);
--custom-opacity-dark-65-rgba: rgba(16, 24, 40, 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-rgba: rgba(0, 0, 0, 0.65);
--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-x: 0rem;
--lab-shadow-y: 0.75rem;
--lab-shadow-blur: 1rem;
--lab-shadow-spread: -0.25rem;
--lab-shadow-color: rgba(16, 24, 40, 0.08);
--lab-shadow-light-x: 0rem;
--lab-shadow-light-y: 0.75rem;
--lab-shadow-light-blur: 1rem;
--lab-shadow-light-spread: -0.25rem;
--lab-shadow-light-color: rgba(16, 24, 40, 0.25);
--lab-shadow-primary-x: 0rem;
--lab-shadow-primary-y: 0.75rem;
--lab-shadow-primary-blur: 1rem;
--lab-shadow-primary-spread: -0.25rem;
--lab-shadow-primary-color: rgba(0, 147, 48, 0.08);
--lab-shadow-secondary-x: 0rem;
--lab-shadow-secondary-y: 0.75rem;
--lab-shadow-secondary-blur: 1rem;
--lab-shadow-secondary-spread: -0.25rem;
--lab-shadow-secondary-color: rgba(255, 206, 0, 0.08);
--lab-shadow-success-x: 0rem;
--lab-shadow-success-y: 0.75rem;
--lab-shadow-success-blur: 1rem;
--lab-shadow-success-spread: -0.25rem;
--lab-shadow-success-color: rgba(0, 179, 60, 0.08);
--lab-shadow-danger-x: 0rem;
--lab-shadow-danger-y: 0.75rem;
--lab-shadow-danger-blur: 1rem;
--lab-shadow-danger-spread: -0.25rem;
--lab-shadow-danger-color: rgba(244, 50, 63, 0.08);
--lab-shadow-white-x: 0rem;
--lab-shadow-white-y: 0.75rem;
--lab-shadow-white-blur: 1rem;
--lab-shadow-white-spread: -0.25rem;
--lab-shadow-white-color: rgba(255, 255, 255, 0.08);
--lab-shadow-black-x: 0rem;
--lab-shadow-black-y: 0.75rem;
--lab-shadow-black-blur: 1rem;
--lab-shadow-black-spread: -0.25rem;
--lab-shadow-black-color: rgba(0, 0, 0, 0.08);
--lab-shadow-sm-x: 0rem;
--lab-shadow-sm-y: 0.25rem;
--lab-shadow-sm-blur: 0.5rem;
--lab-shadow-sm-spread: -0.125rem;
--lab-shadow-sm-color: rgba(16, 24, 40, 0.10);
--lab-shadow-sm-light-x: 0rem;
--lab-shadow-sm-light-y: 0.25rem;
--lab-shadow-sm-light-blur: 0.5rem;
--lab-shadow-sm-light-spread: -0.125rem;
--lab-shadow-sm-light-color: rgba(16, 24, 40, 0.10);
--lab-shadow-sm-primary-x: 0rem;
--lab-shadow-sm-primary-y: 0.25rem;
--lab-shadow-sm-primary-blur: 0.5rem;
--lab-shadow-sm-primary-spread: -0.125rem;
--lab-shadow-sm-primary-color: var(--custom-opacity-primary-10-rgb);
--lab-shadow-sm-secondary-x: 0rem;
--lab-shadow-sm-secondary-y: 0.25rem;
--lab-shadow-sm-secondary-blur: 0.5rem;
--lab-shadow-sm-secondary-spread: -0.125rem;
--lab-shadow-sm-secondary-color: var(--custom-opacity-secondary-10-rgb);
--lab-shadow-sm-success-x: 0rem;
--lab-shadow-sm-success-y: 0.25rem;
--lab-shadow-sm-success-blur: 0.5rem;
--lab-shadow-sm-success-spread: -0.125rem;
--lab-shadow-sm-success-color: var(--custom-opacity-success-10-rgb);
--lab-shadow-sm-danger-x: 0rem;
--lab-shadow-sm-danger-y: 0.25rem;
--lab-shadow-sm-danger-blur: 0.5rem;
--lab-shadow-sm-danger-spread: -0.125rem;
--lab-shadow-sm-danger-color: var(--custom-opacity-danger-10-rgb);
--lab-shadow-sm-white-x: 0rem;
--lab-shadow-sm-white-y: 0.25rem;
--lab-shadow-sm-white-blur: 0.5rem;
--lab-shadow-sm-white-spread: -0.125rem;
--lab-shadow-sm-white-color: var(--custom-opacity-white-10-rgb);
--lab-shadow-sm-black-x: 0rem;
--lab-shadow-sm-black-y: 0.25rem;
--lab-shadow-sm-black-blur: 0.5rem;
--lab-shadow-lg-x: 0rem;
--lab-shadow-sm-black-spread: -0.125rem;
--lab-shadow-lg-y: 1.25rem;
--lab-shadow-lg-blur: 1.5rem;
--lab-shadow-lg-spread: -0.25rem;
--lab-shadow-lg-color: rgba(16, 24, 40, 0.08);
--lab-shadow-sm-black-color: var(--custom-opacity-black-10-rgb);
--lab-shadow-lg-light-x: 0rem;
--lab-shadow-lg-light-y: 1.25rem;
--lab-shadow-lg-light-blur: 1.5rem;
--lab-shadow-lg-light-spread: -0.25rem;
--lab-shadow-lg-light-color: rgba(16, 24, 40, 0.08);
--lab-shadow-lg-primary-x: 0rem;
--lab-shadow-lg-primary-y: 1.25rem;
--lab-shadow-lg-primary-blur: 1.5rem;
--lab-shadow-lg-primary-spread: -0.25rem;
--lab-shadow-lg-primary-color: rgba(0, 147, 48, 0.08);
--lab-shadow-lg-secondary-x: 0rem;
--lab-shadow-lg-secondary-y: 1.25rem;
--lab-shadow-lg-secondary-blur: 1.5rem;
--lab-shadow-lg-secondary-spread: -0.25rem;
--lab-shadow-lg-secondary-color: rgba(255, 206, 0, 0.08);
--lab-shadow-lg-success-x: 0rem;
--lab-shadow-lg-success-y: 1.25rem;
--lab-shadow-lg-success-blur: 1.5rem;
--lab-shadow-lg-success-spread: -0.25rem;
--lab-shadow-lg-success-color: rgba(0, 179, 60, 0.08);
--lab-shadow-lg-danger-x: 0rem;
--lab-shadow-lg-danger-y: 1.25rem;
--lab-shadow-lg-danger-blur: 1.5rem;
--lab-shadow-lg-danger-spread: -0.25rem;
--lab-shadow-lg-danger-color: rgba(244, 50, 63, 0.08);
--lab-shadow-lg-white-x: 0rem;
--lab-shadow-lg-white-y: 1.25rem;
--lab-shadow-lg-white-blur: 1.5rem;
--lab-shadow-lg-white-spread: -0.25rem;
--lab-shadow-lg-white-color: rgba(255, 255, 255, 0.08);
--lab-shadow-lg-black-x: 0rem;
--lab-shadow-lg-black-y: 1.25rem;
--lab-shadow-lg-black-blur: 1.5rem;
--lab-shadow-lg-black-spread: -0.25rem;
--lab-shadow-lg-black-color: rgba(0, 0, 0, 0.10);
/*
	--bs-fs-1: 2.5rem;
--bs-fs-2: 2rem;
--bs-fs-3: 1.75rem;
--bs-fs-4: 1.5rem;
--bs-fs-5: 1.25rem;
--bs-fs-6: 1rem;
--bs-fs-display-1: 5rem;
--bs-fs-display-2: 4.5rem;
--bs-fs-display-3: 4rem;
--bs-fs-display-4: 3.5rem;
--bs-fs-display-5: 3rem;
--bs-fs-display-6: 2.5rem;
	*/
--bs-fs-small: 0.875rem;
--bs-fs-body-large: 1.5rem;
--bs-fs-body-medium: 1.125rem;
--bs-fs-body-normal: 1rem;
--bs-fs-body-small: 0.875rem;
--bs-fs-body-tiny: 0.75rem;
--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-secondary-rgb);
--bs-secondary-bg-rgb: var(--bs-secondary-rgb);
--bs-label-color: var(--bs-gray-900);
--bs-label-font-weight: var(--bs-fw-normal);
--bs-label-font-size: 1rem;
--bs-label-padding-x: var(--bs-ref-spacer-2);
--bs-label-padding-y: var(--bs-ref-spacer-2);
--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-mibanco-yellow-rgb: var(--bs-mibanco-yellow-rgb);
--bs-mibanco-yellow-soft-rgb: var(--bs-primary-25-rgb);
--bs-mibanco-yellow-25-rgb: 255, 254, 247;
--bs-mibanco-yellow-50-rgb: 255, 252, 238;
--bs-mibanco-yellow-100-rgb: 255, 249, 221;
--bs-mibanco-yellow-200-rgb: 255, 243, 187;
--bs-mibanco-yellow-300-rgb: 255, 236, 153;
--bs-mibanco-yellow-400-rgb: 255, 230, 119;
--bs-mibanco-yellow-500-rgb: var(--bs-mibanco-yellow-rgb);
--bs-mibanco-yellow-600-rgb: 204, 179, 68;
--bs-mibanco-yellow-700-rgb: 153, 134, 51;
--bs-mibanco-yellow-800-rgb: 102, 90, 34;
--bs-mibanco-yellow-900-rgb: 51, 45, 17;
--bs-mibanco-blue-rgb: var(--bs-mibanco-blue-rgb);
--bs-mibanco-blue-soft-rgb: var(--bs-secondary-25-rgb);
--bs-mibanco-blue-25-rgb: 246, 252, 254;
--bs-mibanco-blue-50-rgb: 236, 248, 253;
--bs-mibanco-blue-100-rgb: 217, 240, 250;
--bs-mibanco-blue-200-rgb: 179, 224, 244;
--bs-mibanco-blue-300-rgb: 140, 209, 238;
--bs-mibanco-blue-400-rgb: 102, 193, 232;
--bs-mibanco-blue-500-rgb: var(--bs-mibanco-blue-rgb);
--bs-mibanco-blue-600-rgb: 51, 142, 181;
--bs-mibanco-blue-700-rgb: 38, 107, 136;
--bs-mibanco-blue-800-rgb: 26, 71, 91;
--bs-mibanco-blue-900-rgb: 13, 36, 46;
--bs-mibanco-blue-color-rgb: var(--bs-mibanco-blue-rgb);
--bs-mibanco-blue-bg-rgb: var(--bs-mibanco-blue-rgb);
--bs-mibanco-red-rgb: var(--bs-mibanco-green-rgb);
--bs-mibanco-red-soft-rgb: var(--bs-secondary-25-rgb);
--bs-mibanco-red-25-rgb: 255, 245, 246;
--bs-mibanco-red-50-rgb: 254, 235, 236;
--bs-mibanco-red-100-rgb: 253, 214, 217;
--bs-mibanco-red-200-rgb: 251, 173, 179;
--bs-mibanco-red-300-rgb: 249, 132, 140;
--bs-mibanco-red-400-rgb: 247, 91, 102;
--bs-mibanco-red-500-rgb: var(--bs-mibanco-green-rgb);
--bs-mibanco-red-600-rgb: 196, 40, 51;
--bs-mibanco-red-700-rgb: 147, 30, 38;
--bs-mibanco-red-800-rgb: 98, 20, 26;
--bs-mibanco-red-900-rgb: 49, 10, 13;
--bs-mibanco-red-color-rgb: var(--bs-mibanco-green-rgb);
--bs-mibanco-red-bg-rgb: var(--bs-mibanco-green-rgb);
}
/* 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-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-700-rgb));
--bs-primary-bg-subtle: rgb(var(--bs-primary-100-rgb));
--bs-primary-border-subtle: rgb(var(--bs-primary-100-rgb));
--bs-primary-soft: rgb(var(--bs-primary-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-700-rgb));
--bs-secondary-bg-subtle: rgb(var(--bs-secondary-100-rgb));
--bs-secondary-border-subtle: rgb(var(--bs-secondary-100-rgb));
--bs-secondary-soft: rgb(var(--bs-secondary-soft-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: rgb(var(--custom-opacity-primary-25-rgb));
--bs-focus-primary-border-color: rgb(var(--bs-primary-500-rgb));
--bs-focus-secondary-ring-color: rgb(var(--custom-opacity-secondary-25-rgb));
--bs-focus-secondary-border-color: rgb(var(--bs-secondary-500-rgb));
--bs-focus-success-ring-color: rgb(var(--custom-opacity-success-25-rgb));
--bs-focus-success-border-color: rgb(var(--bs-success-500-rgb));
--bs-focus-danger-ring-color: rgb(var(--custom-opacity-danger-25-rgb));
--bs-focus-danger-border-color: rgb(var(--bs-danger-500-rgb));
--custom-opacity-transparent: rgb(var(--custom-opacity-transparent-rgb));
--custom-opacity-primary-65: rgb(var(--custom-opacity-primary-65-rgb));
--custom-opacity-primary-25: rgb(var(--custom-opacity-primary-25-rgb));
--custom-opacity-secondary-65: rgb(var(--custom-opacity-secondary-65-rgb));
--custom-opacity-secondary-25: rgb(var(--custom-opacity-secondary-25-rgb));
--custom-opacity-danger-65: rgb(var(--custom-opacity-danger-65-rgb));
--custom-opacity-danger-25: rgb(var(--custom-opacity-danger-25-rgb));
--custom-opacity-success-65: rgb(var(--custom-opacity-transparent-rgb));
--custom-opacity-success-25: rgb(var(--custom-opacity-success-25-rgb));
--custom-opacity-dark-65: rgb(var(--custom-opacity-dark-65-rgb));
--custom-opacity-dark-25: rgb(var(--custom-opacity-dark-65-rgb));
--custom-opacity-light-65: rgb(var(--custom-opacity-light-65-rgb));
--custom-opacity-light-25: rgb(var(--custom-opacity-light-25-rgb));
--custom-opacity-white-65: rgb(var(--custom-opacity-white-65-rgb));
--custom-opacity-white-25: rgb(var(--custom-opacity-white-25-rgb));
--custom-opacity-white-10: rgb(var(--custom-opacity-white-10-rgb));
--custom-opacity-black-65: rgb(var(--custom-opacity-black-65-rgb));
--custom-opacity-black-25: rgb(var(--custom-opacity-black-25-rgb));
--bs-mibanco-yellow-25: rgb(var(--bs-mibanco-yellow-25-rgb));
--bs-mibanco-blue-25: rgb(var(--bs-mibanco-blue-25-rgb));
--bs-mibanco-blue-50: rgb(var(--bs-mibanco-blue-50-rgb));
--bs-mibanco-blue-100: rgb(var(--bs-mibanco-blue-100-rgb));
--bs-mibanco-blue-200: rgb(var(--bs-mibanco-blue-200-rgb));
--bs-mibanco-blue-300: rgb(var(--bs-mibanco-blue-300-rgb));
--bs-mibanco-blue-400: rgb(var(--bs-mibanco-blue-400-rgb));
--bs-mibanco-blue-500: rgb(var(--bs-mibanco-blue-500-rgb));
--bs-mibanco-blue-600: rgb(var(--bs-mibanco-blue-600-rgb));
--bs-mibanco-blue-700: rgb(var(--bs-mibanco-blue-700-rgb));
--bs-mibanco-blue-800: rgb(var(--bs-mibanco-blue-800-rgb));
--bs-mibanco-blue-900: rgb(var(--bs-mibanco-blue-900-rgb));
--bs-mibanco-blue-text-emphasis: rgb(var(--bs-mibanco-blue-800-rgb));
--bs-mibanco-blue-bg-subtle: rgb(var(--bs-mibanco-blue-100-rgb));
--bs-mibanco-blue-border-subtle: rgb(var(--bs-mibanco-blue-100-rgb));
--bs-mibanco-blue-soft: rgb(var(--bs-mibanco-blue-soft-rgb));
--bs-mibanco-yellow-50: rgb(var(--bs-mibanco-yellow-50-rgb));
--bs-mibanco-yellow-100: rgb(var(--bs-mibanco-yellow-100-rgb));
--bs-mibanco-yellow-200: rgb(var(--bs-mibanco-yellow-200-rgb));
--bs-mibanco-yellow-300: rgb(var(--bs-mibanco-yellow-300-rgb));
--bs-mibanco-yellow-400: rgb(var(--bs-mibanco-yellow-400-rgb));
--bs-mibanco-yellow-500: rgb(var(--bs-mibanco-yellow-500-rgb));
--bs-mibanco-yellow-600: rgb(var(--bs-mibanco-yellow-600-rgb));
--bs-mibanco-yellow-700: rgb(var(--bs-mibanco-yellow-700-rgb));
--bs-mibanco-yellow-800: rgb(var(--bs-mibanco-yellow-800-rgb));
--bs-mibanco-yellow-900: rgb(var(--bs-mibanco-yellow-900-rgb));
--bs-mibanco-yellow-text-emphasis: rgb(var(--bs-mibanco-yellow-800-rgb));
--bs-mibanco-yellow-bg-subtle: rgb(var(--bs-mibanco-yellow-100-rgb));
--bs-mibanco-yellow-border-subtle: rgb(var(--bs-mibanco-yellow-100-rgb));
--bs-mibanco-yellow-soft: rgb(var(--bs-mibanco-yellow-soft-rgb));
--bs-mibanco-red-25: rgb(var(--bs-mibanco-red-25-rgb));
--bs-mibanco-red-50: rgb(var(--bs-mibanco-red-50-rgb));
--bs-mibanco-red-100: rgb(var(--bs-mibanco-red-100-rgb));
--bs-mibanco-red-200: rgb(var(--bs-mibanco-red-200-rgb));
--bs-mibanco-red-300: rgb(var(--bs-mibanco-red-300-rgb));
--bs-mibanco-red-400: rgb(var(--bs-mibanco-red-400-rgb));
--bs-mibanco-red-500: rgb(var(--bs-mibanco-red-500-rgb));
--bs-mibanco-red-600: rgb(var(--bs-mibanco-red-600-rgb));
--bs-mibanco-red-700: rgb(var(--bs-mibanco-red-700-rgb));
--bs-mibanco-red-800: rgb(var(--bs-mibanco-red-800-rgb));
--bs-mibanco-red-900: rgb(var(--bs-mibanco-red-900-rgb));
--bs-mibanco-red-text-emphasis: rgb(var(--bs-mibanco-red-800-rgb));
--bs-mibanco-red-bg-subtle: rgb(var(--bs-mibanco-red-100-rgb));
--bs-mibanco-red-border-subtle: rgb(var(--bs-mibanco-red-100-rgb));
--bs-mibanco-red-soft: rgb(var(--bs-mibanco-red-soft-rgb));
}
/* Accordion */
:root {
--bs-default-accordion-color: var(--bs-body-color);
--bs-default-accordion-border-color: var(--bs-gray-200);
--bs-default-accordion-bg: var(--bs-white);
--bs-default-accordion-border-radius: var(--bs-border-radius);
--bs-default-accordion-btn-color: var(--bs-gray-800);
--bs-default-accordion-btn-bg: var(--bs-white);
--bs-default-accordion-hover-color: var(--bs-gray-800);
--bs-default-accordion-hover-bg: var(--bs-white);
--bs-default-accordion-active-color: var(--bs-gray-800);
--bs-default-accordion-active-bg: var(--bs-light);
--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);
--custom-accordion-btn-border-bottom-color: var(--bs-gray-200);
}
/* Alerts */
.alert {
--bs-alert-padding-x: var(--bs-ref-spacer-2);
--bs-alert-padding-y: var(--bs-ref-spacer-2);
--bs-alert-gap: var(--bs-ref-spacer-2);
--bs-alert-border-radius: var(--bs-border-radius-sm);
}
.alert-primary {
--bs-alert-icon-color: var(--bs-primary-500);
--bs-alert-color: var(--bs-primary-800);
--bs-alert-bg: var(--bs-primary-50);
--bs-alert-border-color: var(--bs-primary-50);
--bs-alert-link-color: var(--bs-primary-800);
}
.alert-secondary {
--bs-alert-icon-color: var(--bs-secondary-600);
--bs-alert-color: var(--bs-secondary-800);
--bs-alert-bg: var(--bs-secondary-50);
--bs-alert-border: var(--bs-secondary-50);
--bs-alert-link-color: var(--bs-secondary-900);
}
.alert-info {
--bs-alert-icon-color: var(--bs-info-500);
--bs-alert-color: var(--bs-info-700);
--bs-alert-bg: var(--bs-info-50);
--bs-alert-border: var(--bs-info-50);
--bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
--bs-alert-icon-color: var(--bs-warning-500);
--bs-alert-color: var(--bs-warning-700);
--bs-alert-bg: var(--bs-warning-50);
--bs-alert-border: var(--bs-warning-50);
--bs-alert-link-color: var(--bs-warning-800);
}
.alert-danger {
--bs-alert-icon-color: var(--bs-danger-500);
--bs-alert-color: var(--bs-danger-800);
--bs-alert-bg: var(--bs-danger-50);
--bs-alert-border: var(--bs-danger-50);
--bs-alert-link-color: var(--bs-danger-900);
}
.alert-success {
--bs-alert-icon-color: var(--bs-success-500);
--bs-alert-color: var(--bs-success-800);
--bs-alert-bg: var(--bs-success-50);
--bs-alert-border-color: var(--bs-success-50);
--bs-alert-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-1);
--bs-badge-border-radius: var(--bs-border-radius-pill);
--bs-badge-primary-color: var(--bs-white);
--bs-badge-primary-bg: var(--bs-primary-500);
--bs-badge-secondary-color: var(--bs-gray-900);
--bs-badge-secondary-bg: var(--bs-secondary-500);
--bs-badge-info-color: var(--bs-black);
--bs-badge-info-bg: var(--bs-info-500);
--bs-badge-warning-color: var(--bs-black);
--bs-badge-warning-bg: var(--bs-warning-500);
--bs-badge-danger-color: var(--bs-white);
--bs-badge-danger-bg: var(--bs-danger-500);
--bs-badge-success-color: var(--bs-white);
--bs-badge-success-bg: var(--bs-success-500);
--bs-badge-light-color: var(--bs-black);
--bs-badge-light-bg: var(--bs-gray-300);
--bs-badge-dark-color: var(--bs-white);
--bs-badge-dark-bg: var(--bs-gray-900);
--bs-badge-soft-primary-color: var(--bs-body-color);
--bs-badge-soft-primary-bg: var(--bs-primary-50);
--bs-badge-soft-secondary-color: var(--bs-body-color);
--bs-badge-soft-secondary-bg: var(--bs-secondary-50);
--bs-badge-soft-success-color: var(--bs-body-color);
--bs-badge-soft-success-bg: var(--bs-success-50);
--bs-badge-soft-danger-color: var(--bs-body-color);
--bs-badge-soft-danger-bg: var(--bs-danger-50);
--bs-badge-soft-warning-color: var(--bs-body-color);
--bs-badge-soft-warning-bg: var(--bs-warning-50);
--bs-badge-soft-info-color: var(--bs-body-color);
--bs-badge-soft-info-bg: var(--bs-info-50);
--bs-badge-soft-light-color: var(--bs-black);
--bs-badge-soft-light-bg: var(--bs-gray-300);
--bs-badge-soft-dark-color: var(--bs-white);
--bs-badge-soft-dark-bg: var(--bs-gray-800);
--custom-badge-gap: var(--bs-ref-spacer-2);
}
/* Banner */
.banner {
--custom-banner-color: var(--bs-body-color);
--custom-banner-bg: var(--bs-white);
--custom-banner-border-radius: 0rem;
--custom-banner-gap: var(--bs-ref-spacer-6);
--custom-banner-info-padding-y: var(--bs-ref-spacer-12);
--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-gray-800);
--custom-mobile-color: var(--banner-custom-banner-color);
--custom-mobile-bg: var(--banner-custom-banner-bg);
--custom-mobile-gap: var(--bs-ref-spacer-0);
--custom-mobile-border-radius: 0rem;
--custom-mobile-info-padding-x: var(--bs-ref-spacer-3);
--custom-mobile-info-padding-y: var(--bs-ref-spacer-6);
--custom-banner-img-padding-y: var(--bs-ref-spacer-0);
--custom-mobile-info-gap: var(--bs-ref-spacer-6);
--custom-banner-img-padding-left: var(--bs-ref-spacer-0);
--custom-mobile-info-body-gap: var(--bs-ref-spacer-6);
--custom-banner-img-padding-right: var(--bs-ref-spacer-0);
--custom-mobile-img-padding-x: var(--bs-ref-spacer-3);
--custom-mobile-img-padding-y: var(--bs-ref-spacer-0);
}
/* Box file */
.box-file {
--bs-box-file-bg: var(--bs-white);
--custom-box-file-color: var(--lab-form-control-color);
--custom-box-file-placeholder-color: var(--lab-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);
--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-pill);
--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-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-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-secondary-color: var(--bs-gray-900);
--bs-btn-secondary-bg: var(--bs-secondary-500);
--bs-btn-secondary-border-color: var(--bs-secondary-500);
--bs-btn-secondary-hover-color: var(--bs-gray-900);
--bs-btn-secondary-hover-bg: var(--bs-secondary-600);
--bs-btn-secondary-hover-border-color: var(--bs-secondary-600);
--bs-btn-secondary-focus-color: var(--bs-gray-900);
--bs-btn-secondary-focus-bg: var(--bs-secondary-600);
--bs-btn-secondary-focus-border-color: var(--bs-secondary-600);
--bs-btn-secondary-active-color: var(--bs-gray-900);
--bs-btn-secondary-active-bg: var(--bs-secondary-700);
--bs-btn-secondary-active-border-color: var(--bs-secondary-700);
--bs-btn-light-color: var(--bs-body-color-rgb);
--bs-btn-light-bg: var(--bs-white);
--bs-btn-light-border-color: var(--bs-white);
--bs-btn-light-hover-color: var(--bs-body-color);
--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-light-hover-bg: var(--bs-gray-100);
--bs-btn-light-hover-border-color: 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-active-border-color: var(--bs-gray-200);
--bs-btn-dark-color: var(--bs-white);
--bs-btn-dark-bg: var(--bs-gray-900);
--bs-btn-dark-border-color: var(--bs-gray-900);
--bs-btn-dark-hover-color: var(--bs-white);
--bs-btn-dark-hover-bg: var(--bs-gray-800);
--bs-btn-dark-hover-border-color: var(--bs-gray-800);
--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-dark-active-color: var(--bs-white);
--bs-btn-dark-active-bg: var(--bs-gray-700);
--bs-btn-dark-active-border-color: var(--bs-gray-700);
--bs-btn-dark-disabled-color: var(--custom-opacity-white-65);
--bs-btn-dark-disabled-bg: var(--custom-opacity-black-65);
--bs-btn-dark-disabled-border-color: var(--custom-opacity-black-65);
--bs-btn-outline-primary-color: var(--bs-primary-500);
--bs-btn-outline-primary-border-color: var(--bs-primary-500);
--bs-btn-outline-primary-bg: transparent;
--bs-btn-outline-primary-hover-color: var(--bs-primary-600);
--bs-btn-outline-primary-hover-border-color: var(--bs-primary-600);
--bs-btn-outline-primary-hover-bg: var(--bs-white);
--bs-btn-outline-primary-focus-color: var(--bs-primary-600);
--bs-btn-outline-primary-focus-border-color: var(--bs-primary-600);
--bs-btn-outline-primary-focus-bg: var(--bs-white);
--bs-btn-outline-primary-active-color: var(--bs-primary-700);
--bs-btn-outline-primary-active-border-color: var(--bs-primary-700);
--bs-btn-outline-primary-active-bg: var(--bs-primary-25);
--bs-btn-outline-primary-disabled-color: var(--bs-gray-500);
--bs-btn-outline-primary-disabled-border-color: var(--bs-gray-500);
--bs-btn-outline-secondary-color: var(--bs-secondary-500);
--bs-btn-outline-secondary-border-color: var(--bs-secondary-500);
--bs-btn-outline-secondary-bg: transparent;
--bs-btn-outline-secondary-hover-color: var(--bs-secondary-600);
--bs-btn-outline-secondary-hover-bg: var(--bs-white);
--bs-btn-outline-secondary-hover-border-color: var(--bs-secondary-600);
--bs-btn-outline-secondary-focus-color: var(--bs-secondary-600);
--bs-btn-outline-secondary-focus-bg: var(--bs-white);
--bs-btn-outline-secondary-focus-border-color: var(--bs-secondary-600);
--bs-btn-outline-secondary-active-color: var(--bs-white);
--bs-btn-outline-secondary-active-border-color: var(--bs-secondary-700);
--bs-btn-outline-secondary-active-bg: transparent;
--bs-btn-outline-secondary-disabled-color: var(--bs-gray-500);
--bs-btn-outline-secondary-disabled-border-color: var(--bs-gray-500);
--bs-btn-outline-secondary-disabled-bg: transparent;
--bs-btn-outline-light-color: var(--bs-white);
--bs-btn-outline-light-border-color: var(--bs-white);
--bs-btn-outline-light-bg: transparent;
--bs-btn-outline-light-hover-color: var(--bs-body-color);
--bs-btn-outline-light-hover-border-color: var(--bs-gray-100);
--bs-btn-outline-light-hover-bg: transparent;
--bs-btn-outline-light-focus-color: var(--bs-body-color);
--bs-btn-outline-light-focus-border-color: var(--bs-gray-100);
--bs-btn-outline-light-focus-bg: transparent;
--bs-btn-outline-light-active-color: var(--bs-body-color);
--bs-btn-outline-light-active-border-color: var(--bs-gray-200);
--bs-btn-outline-light-active-bg: transparent;
--bs-btn-outline-light-disabled-color: var(--custom-opacity-light-65);
--bs-btn-outline-light-disabled-border-color: var(--custom-opacity-light-65);
--bs-btn-outline-light-disabled-bg: transparent;
--bs-btn-outline-dark-color: var(--bs-gray-900);
--bs-btn-outline-dark-border-color: var(--bs-gray-900);
--bs-btn-outline-dark-bg: transparent;
--bs-btn-outline-dark-hover-color: var(--bs-white);
--bs-btn-outline-dark-hover-border-color: var(--bs-white);
--bs-btn-outline-dark-hover-bg: transparent;
--bs-btn-outline-dark-focus-color: var(--bs-white);
--bs-btn-outline-dark-focus-border-color: var(--bs-white);
--bs-btn-outline-dark-focus-bg: transparent;
--bs-btn-outline-dark-active-color: var(--bs-white);
--bs-btn-outline-dark-active-border-color: var(--bs-gray-700);
--bs-btn-outline-dark-disabled-color: var(--custom-opacity-dark-65);
--bs-btn-outline-dark-active-bg: transparent;
--bs-btn-outline-dark-disabled-border-color: var(--custom-opacity-dark-65);
--bs-btn-outline-dark-disabled-bg: transparent;
--bs-btn-link-primary-color: var(--bs-primary-500);
--bs-btn-link-primary-hover-color: var(--bs-primary-600);
--bs-btn-link-primary-focus-color: var(--bs-primary-600);
--bs-btn-link-primary-active-color: var(--custom-opacity-primary-65-rgb);
--bs-btn-link-primary-disabled-color: var(--bs-gray-500);
--bs-btn-link-secondary-color: var(--bs-secondary-500);
--bs-btn-link-secondary-hover-color: var(--bs-secondary-600);
--bs-btn-link-secondary-focus-color: var(--bs-secondary-600);
--bs-btn-link-secondary-active-color: var(--bs-secondary-700);
--bs-btn-link-secondary-disabled-color: var(--bs-gray-500);
--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);
--bs-btn-link-dark-color: var(--bs-body-color);
--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);
--bs-btn-lg-border-radius: var(--bs-border-radius-pill);
--bs-btn-sm-border-radius: var(--bs-border-radius-pill);
--bs-btn-outline-primary-disabled-bg: transparent;
--bs-btn-primary-disabled-color: var(--bs-gray-700);
--bs-btn-primary-disabled-bg: var(--bs-gray-500);
--bs-btn-primary-disabled-border-color: var(--bs-gray-500);
--bs-btn-secondary-disabled-color: var(--bs-gray-800);
--bs-btn-secondary-disabled-bg: var(--bs-gray-500);
--bs-btn-secondary-disabled-border-color: var(--bs-gray-500);
--bs-btn-light-disabled-color: var(--custom-opacity-black-65);
--bs-btn-light-disabled-bg: var(--custom-opacity-light-65);
--bs-btn-light-disabled-border-color: var(--custom-opacity-light-65);
--bs-btn-link-light-focus-color: var(--bs-gray-100);
--bs-btn-link-dark-focus-color: var(--bs-gray-800);
--bs-btn-outline-primary-hover-bg-2: var(--bs-white);
}
.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);
}
.btn-outline-primary {
--bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
--bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
--bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
--bs-btn-disabled-opacity: 0.65;
}
/* Cards */
.card {
--bs-card-title-color: var(--bs-body-color);
--custom-card-gap: var(--bs-ref-spacer-2);
--bs-card-title-spacer-y: var(--bs-ref-spacer-2);
--custom-card-img-padding-x: var(--bs-ref-spacer-4);
--custom-card-img-padding-y: var(--bs-ref-spacer-4);
--bs-card-subtitle-color: var(--bs-gray-dark);
--bs-card-color: var(--bs-gray-800);
--bs-card-bg: var(--bs-gray-50);
--bs-card-border-color: var(--bs-gray-500);
--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-lg);
--bs-card-cap-padding-x: var(--bs-ref-spacer-6);
--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);
}
.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-border-color: var(--bs-gray);
--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-lg);
}
.card-quote {
--custom-card-quote-color: var(--bs-body-color);
--custom-card-quote-bg: var(--bs-gray-50);
--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-lg);
}
.card-location {
--custom-card-location-color: var(--bs-body-color);
--custom-card-location-border-color: var(--bs-gray-500);
--custom-card-location-icon-color: var(--bs-success);
--custom-card-location-bg: var(--bs-white);
--custom-card-location-padding-x: var(--bs-ref-spacer-6);
--custom-card-location-padding-y: var(--bs-ref-spacer-4);
--custom-card-location-gap: var(--bs-ref-spacer-5);
--custom-card-location-body-gap: var(--bs-ref-spacer-2);
--custom-card-location-border-radius: var(--bs-border-radius-lg);
}
.card-quick-action {
--custom-card-quick-action-color: var(--bs-body-color);
--custom-card-quick-action-icon-color: var(--bs-gray-600);
--custom-card-quick-action-bg: var(--bs-gray-200);
--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-4);
--custom-card-quick-action-body-gap: var(--bs-ref-spacer-2);
--custom-card-quick-action-border-radius: var(--bs-border-radius-lg);
}
.card-indicator {
--custom-card-indicator-color: var(--bs-body-color);
--custom-card-indicator-negative-color: var(--bs-danger-500);
--custom-card-indicator-positive-color: 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-gray-800);
--custom-bg: var(--bs-white);
--custom-indicators-bg: var(--bs-primary-200);
--custom-indicators-border-color: var(--bs-primary-400);
--custom-indicators-gap: var(--bs-ref-spacer-4);
--custom-active-bg: var(--bs-white);
--custom-active-border-color: var(--bs-gray);
--custom-dark-bg: var(--bs-gray-500);
--custom-dark-border-color: var(--bs-gray-600);
--custom-dark-active-bg: var(--bs-primary);
--custom-dark-active-border-color: var(--bs-white);
--bs-carousel-control-color-hover: var(--bs-gray-900);
}
/* 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-600);
--lab-checked-border-color: var(--bs-success-500);
--lab-checked-background-color: var(--bs-success-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-600);
--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-success-500);
--lab-gap: var(--bs-ref-spacer-1);
--lab-valid-color: var(--bs-form-valid-color);
--lab-invalid-color: var(--bs-form-invalid-color);
}
/* 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: var(--bs-gray-25-rgb);
--adp-background-color-active: 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-rgb);
--adp-cell-background-color-in-range-hover: var(--custom-opacity-primary-25-rgb);
--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-1);
--bs-dropdown-link-hover-color: var(--bs-body-color);
--bs-dropdown-link-hover-bg: var(--bs-gray-300);
--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-500);
--bs-dropdown-link-color: var(--bs-body-color);
--bs-dropdown-border-color: var(--bs-gray-600);
--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);
}
/* 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);
}
/* 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-primary-500);
--custom-footer-color: var(--bs-white);
--custom-footer-padding-x: var(--bs-ref-spacer-18);
--custom-footer-padding-y: var(--bs-ref-spacer-8);
--custom-copyright-padding-y: var(--bs-ref-spacer-6);
--custom-copyright-padding-x: var(--bs-ref-spacer-18);
--custom-copyright-gap: 0rem;
--custom-copyright-bg: var(--bs-primary-700);
--custom-copyright-border-top: var(--bs-primary);
--custom-footer-nav-link-gap: var(--bs-ref-spacer-4);
--custom-footer-nav-link-color: var(--bs-white);
--custom-footer-nav-link-hover-color: var(--bs-primary-50);
--custom-footer-title-color: var(--bs-secondary-400);
--custom-footer-title-gap: var(--bs-ref-spacer-2);
--custom-footer-gap: var(--bs-ref-spacer-6);
--custom-mobile-padding-y: var(--bs-ref-spacer-14);
--custom-mobile-padding-x: var(--bs-ref-spacer-3);
--custom-mobile-copyright-padding-y: var(--bs-ref-spacer-6);
--custom-mobile-copyright-padding-x: var(--bs-ref-spacer-3);
}
/* Forms */
:root {
--lab-form-control-background-color: var(--bs-white);
--lab-form-control-color: var(--bs-body-color);
--lab-form-control-sm-padding-x: var(--bs-ref-spacer-2);
--lab-form-control-sm-padding-y: var(--bs-ref-spacer-1);
--lab-form-control-sm-font-weight: var(--bs-fw-normal);
--lab-form-control-sm-font-size: 0.875rem;
--lab-form-control-sm-line-height: 1.3125rem;
--lab-form-select-background-color: var(--bs-white);
--lab-form-select-color: var(--bs-body-color);
--lab-form-select-padding-x: var(--bs-ref-spacer-2);
--lab-form-select-padding-y: var(--bs-ref-spacer-3);
--lab-form-select-font-weight: var(--bs-fw-normal);
--lab-form-select-font-size: 1rem;
--lab-form-select-line-height: 1.5rem;
--lab-placeholder-color: var(--bs-gray-700);
--lab-floating-label-active: var(--bs-gray-800);
--lab-floating-label-gap: var(--bs-ref-spacer-2);
--lab-floating-label-padding-x: var(--bs-ref-spacer-3);
--lab-floating-label-padding-y: var(--bs-ref-spacer-3);
--lab-form-control-padding-x: var(--bs-ref-spacer-4);
--lab-form-control-padding-y: var(--bs-ref-spacer-3);
--lab-form-control-font-weight: var(--bs-fw-normal);
--lab-form-control-gap: var(--bs-ref-spacer-1);
--lab-form-control-font-size: 1rem;
--lab-form-control-line-height: 1.5rem;
--lab-form-control-file-bg: var(--bs-white);
--lab-floating-label-sm-padding-x: var(--bs-ref-spacer-1);
--lab-form-control-file-hover-bg: var(--bs-gray-100);
--lab-floating-label-sm-padding: var(--bs-ref-spacer-1);
--lab-form-select-sm-padding-x: var(--bs-ref-spacer-2);
--lab-form-select-sm-padding-y: var(--bs-ref-spacer-1);
--lab-form-select-sm-font-weight: var(--bs-fw-normal);
--lab-form-select-sm-font-size: 0.875rem;
--lab-form-select-sm-line-height: 1.3125rem;
--lab-form-select-lg-padding-x: var(--bs-ref-spacer-2);
--lab-form-select-lg-padding-y: var(--bs-ref-spacer-4);
--lab-form-control-lg-padding-x: var(--bs-ref-spacer-4);
--lab-form-select-lg-font-weight: var(--bs-fw-normal);
--lab-form-control-lg-padding-y: var(--bs-ref-spacer-4);
--lab-form-select-lg-font-size: 1.25rem;
--lab-form-control-lg-font-weight: var(--bs-fw-normal);
--lab-form-control-lg-font-size: 1.25rem;
--lab-form-select-lg-line-height: 1.875rem;
--lab-form-control-lg-line-height: 1.875rem;
}
.input-group {
--bs-input-border-color: var(--bs-border-color);
--bs-input-focus-border-color: var(--bs-primary);
--bs-input-border-width: 0.0625rem;
--bs-input-border-radius: var(--bs-border-radius);
--bs-input-disabled-bg: var(--bs-gray-100);
--bs-input-disabled-color: var(--bs-gray-700);
--bs-input-disabled-border-color: var(--bs-gray-300);
}
.form-text {
--bs-form-text-padding: 0rem;
--bs-form-text-gap: var(--bs-ref-spacer-1);
--bs-form-text-color: var(--bs-body-color);
}
/* 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 {
--bs-link-color: var(--bs-link-color-rgb);
--bs-link-hover-color: var(--bs-link-hover-color-rgb);
}
.link {
--custom-font-size: 1rem;
--custom-font-weight: var(--bs-fw-normal);
--custom-sm-font-size: 0.875rem;
--custom-sm-font-weight: var(--bs-fw-normal);
--custom-lg-font-size: 1.25rem;
--custom-lg-font-weight: var(--bs-fw-normal);
--custom-gap: var(--bs-ref-spacer-1);
}
.link-primary {
--custom-color: var(--bs-primary-500);
--custom-hover-color: var(--bs-primary-600);
}
.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-gray-800);
--bs-modal-bg: var(--bs-white);
--bs-modal-border-color: var(--bs-white);
--bs-modal-border-width: var(--bs-border-width);
--bs-modal-border-radius: var(--bs-border-radius-lg);
--bs-modal-header-padding: var(--bs-ref-spacer-4);
--bs-modal-header-border-color: var(--bs-white);
--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-white);
--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-gray-800);
--bs-nav-link-hover-color: var(--bs-gray-900);
--bs-nav-link-disabled-color: var(--bs-gray-500);
--bs-nav-tabs-border-color: var(--bs-gray-400);
--bs-nav-tabs-border-radius: var(--bs-border-radius-sm);
--bs-nav-tabs-border-width: var(--bs-border-width);
--bs-nav-tabs-link-hover-border-color: var(--bs-gray-400);
--bs-nav-tabs-link-active-color: var(--bs-gray-800);
--bs-nav-tabs-link-active-bg: var(--bs-white);
--bs-nav-tabs-link-active-border-color: var(--bs-gray-400);
--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-primary);
--bs-nav-underline-border-width: 0.0625rem;
--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-900);
--bs-navbar-hover-color: var(--bs-gray-700);
--bs-navbar-disabled-color: var(--bs-gray-300);
--bs-navbar-active-color: var(--bs-gray-800);
--custom-navbar-bg: var(--bs-white);
--custom-secondary-nav-bg: var(--bs-light);
--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-gray-200);
--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-4);
--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-active-bg: var(--bs-gray-200);
--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-4);
--custom-megamenu-items-items-group-gap: var(--bs-ref-spacer-1);
--custom-megamenu-items-items-group-border-color: var(--bs-gray-200);
--custom-segment-bg: var(--bs-secondary-700);
--custom-segment-disabled-bg: var(--bs-gray-300);
--custom-segment-color: var(--bs-body-bg);
--custom-segment-border-color: var(--bs-secondary-700);
--custom-segment-hover-bg: var(--bs-secondary-500);
--custom-segment-hover-color: var(--bs-white);
--custom-segment-hover-border-color: var(--bs-secondary-500);
--custom-segment-active-bg: var(--bs-white);
--custom-segment-active-color: var(--bs-body-color);
--custom-segment-active-border-color: var(--bs-white);
--custom-segment-disabled-color: var(--bs-body-bg);
--custom-segment-disabled-border-color: var(--bs-gray-300);
--custom-segment-focus-border-color: var(--bs-focus-primary-border-color);
--custom-segment-padding-x: var(--bs-ref-spacer-3);
--custom-segment-padding-y: var(--bs-ref-spacer-1);
--custom-segment-gap: var(--bs-ref-spacer-0);
--custom-segment-border-radius-top-left: var(--bs-border-radius-sm);
--custom-segment-border-radius-top-right: var(--bs-border-radius-sm);
--custom-segment-border-radius-bottom-left: 0rem;
--custom-segment-border-radius-bottom-right: 0rem;
--custom-other-sites-bg: var(--bs-secondary-700);
--custom-other-sites-color: var(--bs-body-bg);
--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: var(--bs-border-radius-sm);
--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-gray-800);
--custom-megamenu-mobile-items-level-01-icon-color: var(--bs-gray-800);
--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-4);
--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-gray-200);
--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-gray-50);
--custom-megamenu-mobile-items-level-02-active-color: var(--bs-body-color);
--custom-megamenu-mobile-items-level-02-active-icon-color: var(--bs-body-color);
--custom-megamenu-mobile-items-level-02-active-bg: var(--bs-gray-50);
--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-500);
--custom-megamenu-mobile-items-level-03-active-bg: var(--bs-gray-200);
--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-4);
--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-4);
--custom-megamenu-mobile-items-items-group-gap: var(--bs-ref-spacer-0);
--custom-megamenu-mobile-items-items-group-border-color: var(--bs-gray);
--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-4);
--custom-other-sites-bg-2: var(--bs-secondary-700);
--custom-other-sites-border-color-2: var(--bs-secondary-700);
--custom-other-sites-padding-x-2: var(--bs-ref-spacer-2);
--custom-other-sites-padding-y-2: var(--bs-ref-spacer-1);
--custom-other-sites-border-radius-2: var(--bs-border-radius-sm);
--custom-other-sites-bg-3: var(--bs-secondary-700);
--custom-other-sites-border-color-3: var(--bs-secondary-700);
--custom-other-sites-padding-x-3: var(--bs-ref-spacer-2);
--custom-other-sites-padding-y-3: var(--bs-ref-spacer-1);
--custom-other-sites-border-radius-3: var(--bs-border-radius-sm);
--custom-shortcuts-bg: var(--custom-opacity-transparent);
--custom-shortcuts-disabled-bg: var(--bs-gray-700);
--custom-shortcuts-color: var(--bs-primary-500);
--custom-shortcuts-border-color: var(--custom-opacity-transparent);
--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);
--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);
--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(--custom-opacity-primary-25-rgba);
}
.navbar {
--bs-navbar-color: var(--bs-gray-900);
--bs-navbar-link-hover-color: var(--bs-gray-700);
--bs-navbar-active-color: var(--bs-primary);
--bs-navbar-padding-x: var(--bs-ref-spacer-18);
--custom-navbar-icon-color: var(--bs-primary);
--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-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-hover-color: var(--bs-gray-700);
--bs-navbar-nav-link-active-color: var(--bs-navbar-color);
--bs-navbar-nav-link-disabled-color: var(--bs-navbar-disabled-color);
}
.navbar-bs-navbar-nav {
--bs-link-color: var(--navbar-nav-bs-nav-link-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-gray-800);
--bs-offcanvas-bg: var(--bs-white);
--bs-offcanvas-border-color: var(--custom-opacity-transparent-rgb);
--custom-offcanvas-gap: var(--bs-ref-spacer-4);
}
/* Options */
:root {
--lab-option-border-radius: var(--bs-border-radius);
--lab-option-bg: var(--bs-white);
--lab-option-color: var(--bs-body-color);
--lab-option-focus-bg: var(--bs-primary-300);
--lab-option-focus-color: var(--bs-white);
--lab-option-padding-right: var(--bs-ref-spacer-4);
--lab-option-padding-left: var(--bs-ref-spacer-7);
--lab-option-padding-y: var(--bs-ref-spacer-1);
--lab-option-gap: var(--bs-ref-spacer-1);
}
/* Pagination */
.pagination {
--bs-pagination-color: var(--bs-btn-link-primary-color);
--bs-pagination-bg: var(--bs-white);
--bs-pagination-border-color: var(--bs-white);
--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-1);
--bs-pagination-hover-color: var(--bs-btn-link-primary-hover-color);
--bs-pagination-hover-bg: var(--bs-primary-50);
--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-white);
--bs-pagination-active-color: var(--bs-white);
--bs-pagination-disabled-color: var(--bs-gray-300);
--bs-pagination-disabled-bg: var(--bs-white);
--bs-pagination-disabled-border-color: var(--bs-white);
--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-border-radius: var(--bs-border-radius);
--bs-progress-bar-color: var(--bs-white);
--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-track-box-shadow***: String value;
--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-padding-x: var(--bs-ref-spacer-3);
--custom-search-bar-border-radius: var(--bs-border-radius-lg);
--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-gray-300);
--bs-table-striped-color: var(--bs-emphasis-color);
--bs-table-striped-bg: var(--bs-primary-50);
--bs-table-active-color: var(--bs-body-color);
--bs-table-active-bg: var(--bs-primary-50);
--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-primary-rgb);
--bs-table-dark-border-color: var(--bs-gray-700);
--bs-table-dark-active-color: var(--bs-body-color);
--bs-table-dark-active-bg: var(--bs-primary-50);
--bs-table-dark-striped-bg: var(--bs-primary-200);
--bs-table-dark-striped-color: var(--bs-emphasis-color);
}
/* 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: 3rem;
--custom-font-fs-1-letter-spacing: 0rem;
--custom-font-fs-2-font-size: var(--bs-fs-2);
--custom-font-fs-2-line-height: 2.375rem;
--custom-font-fs-2-letter-spacing: 0rem;
--custom-font-fs-3-font-size: var(--bs-fs-3);
--custom-font-fs-3-line-height: 2.125rem;
--custom-font-fs-3-letter-spacing: 0rem;
--custom-font-fs-4-font-size: var(--bs-fs-4);
--custom-font-fs-4-line-height: 1.8125rem;
--custom-font-fs-4-letter-spacing: 0rem;
--custom-font-fs-5-font-size: var(--bs-fs-5);
--custom-font-fs-5-line-height: 1.5rem;
--custom-font-fs-5-letter-spacing: 0rem;
--custom-font-fs-6-font-size: var(--bs-fs-6);
--custom-font-fs-6-line-height: 1.25rem;
--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: 6rem;
--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.375rem;
--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.8125rem;
--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.1875rem;
--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.625rem;
--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: 3rem;
--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.25rem;
--custom-font-body-large-letter-spacing: 0rem;
--custom-font-body-medium-font-size: var(--bs-fs-body-medium);
--custom-font-body-medium-line-height: 1.875rem;
--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.5rem;
--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.3125rem;
--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.25rem;
--custom-font-body-tiny-letter-spacing: 0rem;
}
:root{
	--bs-body-font-family: var(--custom-font-family-sans-serif), sans-serif;
}
@font-face {
	font-family: 'Brevia';
	src: url('https://cdn.modyo.cloud/uploads/33916c11-4a08-4228-97e7-668b3225e4f8/original/brevia-bold-webfont.woff2') format('woff2'),
		url('https://cdn.modyo.cloud/uploads/de4bfab3-50dd-4f54-8703-870795630a8e/original/brevia-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.lato-thin {
	font-family: "Lato", sans-serif;
	font-weight: 100;
	font-style: normal;
}

.lato-light {
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-style: normal;
}

.lato-regular {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.lato-bold {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.lato-black {
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-style: normal;
}

.lato-thin-italic {
	font-family: "Lato", sans-serif;
	font-weight: 100;
	font-style: italic;
}

.lato-light-italic {
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-style: italic;
}

.lato-regular-italic {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-style: italic;
}

.lato-bold-italic {
	font-family: "Lato", sans-serif;
	font-weight: 700;
	font-style: italic;
}

.lato-black-italic {
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-style: italic;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1{
	font-family: var(--custom-font-family-heading);
	margin-bottom: 1rem;
}

img{
	font-style: italic;
}
/* BUTTON BASE */

.btn {
	display: inline-block;
	cursor: pointer;
	--bs-btn-font-weight: var(--bs-fw-normal);
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	--bs-btn-padding-x: var(--bs-ref-spacer-6);
	--bs-btn-padding-y: var(--bs-ref-spacer-3);
	--bs-btn-font-size: 1rem;
	--bs-btn-line-height: 1rem;
	--bs-btn-border-radius: var(--bs-border-radius-pill);
}

/* BUTTON SIZES */

.btn-sm {
	--bs-btn-padding-x: var(--bs-ref-spacer-4);
	--bs-btn-padding-y: var(--bs-ref-spacer-2);
	--bs-btn-font-size: 0.875rem;
	--bs-btn-line-height: 0.875rem;
}

.btn-lg {
	--bs-btn-padding-x: var(--bs-ref-spacer-6);
	--bs-btn-padding-y: var(--bs-ref-spacer-4);
	--bs-btn-font-size: 1.125rem;
	--bs-btn-line-height: 1.125rem;
}

/* PRIMARY BUTTON */

.btn-primary {
	--bs-btn-color: var(--bs-btn-primary-color);
	--bs-btn-bg: var(--bs-btn-primary-bg);
	--bs-btn-border-color: var(--bs-btn-primary-border-color);

	--bs-btn-hover-color: var(--bs-btn-primary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-primary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-primary-hover-border-color);

	--bs-btn-focus-border-color: var(--bs-focus-primary-ring-color);
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgb(var(--bs-primary-rgb), .25);

	--bs-btn-active-color: var(--bs-btn-primary-active-color);
	--bs-btn-active-bg: var(--bs-primary-700);
	--bs-btn-active-border-color: var(--bs-btn-primary-active-border-color);

	--bs-btn-primary-disabled-color: var(--bs-gray-700);
	--bs-btn-primary-disabled-bg: var(--bs-gray-500);
	--bs-btn-primary-disabled-border-color: var(--bs-gray-500);
}

.btn-primary.active,
.btn-primary:active {
	--bs-btn-active-color: var(--bs-btn-primary-active-color);
	--bs-btn-active-bg: var(--bs-primary-700);
	--bs-btn-active-border-color: var(--bs-btn-primary-active-border-color);
}

.btn-primary:focus, 
.btn-primary:focus-visible {
	--bs-btn-bg: var(--bs-btn-primary-hover-bg);
	--bs-btn-focus-border-color: var(--bs-focus-primary-ring-color);
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgb(var(--bs-primary-rgb), .25);
	outline: 0;
	box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
}

.btn-primary.disabled,
.btn-primary:disabled {
	--bs-btn-primary-disabled-color: var(--bs-gray-700);
	--bs-btn-primary-disabled-bg: var(--bs-gray-500);
	--bs-btn-primary-disabled-border-color: var(--bs-gray-500);
	cursor: not-allowed;
	pointer-events: none;
}

/* PRIMARY OUTLINE BUTTON  */

.btn-outline-primary {
	--bs-btn-color: var(--bs-btn-outline-primary-color);
	--bs-btn-bg: transparent;
	--bs-btn-border: 1px solid var(--bs-btn-outline-primary-border-color);

	--bs-btn-hover-color: var(--bs-btn-outline-primary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-outline-primary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-outline-primary-hover-border-color);

	--bs-btn-active-color: var(--bs-btn-outline-primary-active-color);
	--bs-btn-active-bg: var(--bs-btn-outline-primary-active-bg);
	--bs-btn-active-border-color: var(--bs-btn-outline-primary-active-border-color);

	--bs-btn-outline-primary-disabled-color: var(--bs-gray-500);
	--bs-btn-outline-primary-disabled-border-color: var(--bs-btn-primary-disabled-border-color);

	--bs-btn-outline-primary-focus-color: var(--bs-primary-600);
	--bs-btn-outline-primary-focus-bg: var(--bs-white);
	--bs-btn-outline-primary-focus-border-color: var(--bs-primary-600);

	--bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
	--bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
	--bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
	--bs-btn-disabled-opacity: var(--bs-btn-outline-primary-disabled-opacity);
}

.btn-outline-primary.active,
.btn-outline-primary:active {
	--bs-btn-color: var(--bs-btn-outline-primary-active-color);
	--bs-btn-bg: var(--bs-btn-outline-primary-active-bg);
	--bs-btn-border-color: var(--bs-btn-outline-primary-active-border-color);
}

.btn-outline-primary:focus, 
.btn-outline-primary:focus-visible {
	--bs-btn-outline-primary-focus-color: var(--bs-primary-600);
	--bs-btn-outline-primary-focus-bg: var(--bs-white);
	--bs-btn-outline-primary-focus-border-color: var(--bs-primary-600);
	outline: 0;
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-primary-rgb), .25);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	--bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
	--bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
	--bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
	--bs-btn-disabled-opacity: var(--bs-btn-outline-primary-disabled-opacity);
	cursor: not-allowed;
	pointer-events: none;
}

/* PRIMARY LINK BUTTON */

.btn-link-primary {
	--bs-btn-color: var(--bs-btn-link-primary-color);
	--bs-btn-bg: var(--bs-btn-link-primary-bg);
	--bs-btn-border-color: var(--bs-btn-link-primary-border-color);
	--bs-btn-box-shadow: var(--bs-btn-link-primary-box-shadow);

	--bs-btn-hover-color: var(--bs-btn-link-primary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-link-primary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-link-primary-hover-bg);

	--bs-btn-focus-color: var(--bs-btn-link-primary-focus-color);
	--bs-btn-focus-bg: var(--bs-btn-link-primary-focus-bg);
	--bs-btn-focus-border-color: var(--bs-btn-link-primary-focus-border-color);
	--bs-btn-focus-shadow-rgb: 0 0 0 0.25rem rgb(var(--bs-primary-rgb), .25);

	--bs-btn-active-color: var(--bs-btn-link-primary-active-color);
	--bs-btn-active-bg: var(--bs-btn-link-primary-hover-bg);
	--bs-btn-active-border-color: var(--bs-btn-link-primary-hover-bg);
	--bs-btn-active-box-shadow: var(--bs-btn-link-primary-active-box-shadow);

	--bs-btn-disabled-color: var(--bs-btn-link-primary-disabled-color);
	--bs-btn-disabled-bg: var(--bs-btn-link-primary-disabled-bg);
	--bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
	--bs-btn-disabled-opacity: var(--bs-btn-link-primary-disabled-opacity);
	max-width: max-content;
}

.btn-link-primary:hover {
	text-decoration: underline;
}

.btn-link-primary.active,
.btn-link-primary:active {
	--bs-btn-active-color: rgb(var(--bs-primary-rgb), .65);
	--bs-btn-bg: transparent;
}

.btn-link-primary:focus, 
.btn-link-primary:focus-visible {
	--bs-btn-bg: var(--bs-btn-link-primary-hover-bg);
	--bs-btn-box-shadow: 0 0 0 0.25rem rgb(var(--bs-primary-rgb), .25);
	--bs-btn-color: var(--bs-btn-link-primary-hover-color);
	--bs-btn-bg: transparent;
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-primary-rgb), .25);
	text-decoration: underline;
}

.btn-link-primary:disabled, 
.btn-link-primary.disabled {
	--bs-btn-disabled-color: var(--bs-btn-link-primary-disabled-color);
	--bs-btn-disabled-bg: var(--bs-btn-link-primary-disabled-bg);
	--bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
	--bs-btn-disabled-opacity: var(--bs-btn-link-primary-disabled-opacity);
}

/* SECONDARY BUTTON */

.btn-secondary {
	--bs-btn-color: var(--bs-btn-secondary-color);
	--bs-btn-bg: var(--bs-btn-secondary-bg);
	--bs-btn-border-color: var(--bs-btn-secondary-border-color);

	--bs-btn-hover-color: var(--bs-btn-secondary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-secondary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-secondary-hover-border-color);

	--bs-btn-active-color: var(--bs-btn-secondary-active-color);
	--bs-btn-active-bg: var(--bs-btn-secondary-active-bg);
	--bs-btn-active-border-color: var(--bs-btn-secondary-active-bg);

	--bs-btn-primary-disabled-color: var(--bs-gray-700);
	--bs-btn-primary-disabled-bg: var(--bs-gray-500);
	--bs-btn-primary-disabled-border-color: var(--bs-gray-500);

	--bs-btn-focus-color: var(--bs-btn-secondary-hover-color);
	--bs-btn-focus-bg: var(--bs-btn-secondary-hover-bg);
	--bs-btn-focus-border-color: var(--bs-btn-outline-secondary-focus-border-color);
	--bs-btn-focus-shadow-rgb: var(--bs-btn-outline-secondary-focus-shadow-rgb);
}

.btn-secondary.active,
.btn-secondary:active{
	--bs-btn-active-color: var(--bs-btn-secondary-active-color);
	--bs-btn-active-bg: var(--bs-btn-secondary-active-bg);
	--bs-btn-active-border-color: var(--bs-btn-secondary-active-bg);
}

.btn-secondary:focus, 
.btn-secondary:focus-visible {
	--bs-btn-focus-color: var(--bs-btn-secondary-hover-color);
	--bs-btn-bg: var(--bs-btn-secondary-hover-bg);
	--bs-btn-focus-border-color: var(--bs-btn-outline-secondary-focus-border-color);
	--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgb(var(--bs-secondary-rgb), .25);
	outline: 0;
	box-shadow: var(--bs-btn-box-shadow), var(--bs-btn-focus-box-shadow);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
	--bs-btn-primary-disabled-color: var(--bs-gray-700);
	--bs-btn-primary-disabled-bg: var(--bs-gray-500);
	--bs-btn-primary-disabled-border-color: var(--bs-gray-500);
	cursor: not-allowed;
	pointer-events: none;
}


/* SECONDARY OUTLINE BUTTON */

.btn-outline-secondary {
	--bs-btn-color: var(--bs-btn-outline-secondary-color);
	--bs-btn-bg: transparent;
	--bs-btn-border: 1px solid var(--bs-btn-outline-secondary-border-color);
	--bs-btn-border-color: var(--bs-btn-outline-secondary-border-color);

	--bs-btn-hover-color: var(--bs-btn-outline-secondary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-outline-secondary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-outline-secondary-hover-border-color);

	--bs-btn-active-color: var(--bs-btn-outline-secondary-active-color);
	--bs-btn-active-bg: var(--bs-secondary-700);
	--bs-btn-active-border-color: var(--bs-btn-outline-secondary-active-border-color);

	--bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
	--bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
	--bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
	--bs-btn-disabled-opacity: var(--bs-btn-outline-primary-disabled-opacity);

	--bs-btn-focus-color: var(--bs-btn-outline-secondary-focus-color);
	--bs-btn-focus-bg: var(--bs-btn-outline-secondary-focus-bg);
	--bs-btn-focus-border-color: var(--bs-btn-outline-secondary-focus-border-color);
	--bs-btn-focus-shadow-rgb: var(--bs-btn-outline-secondary-focus-shadow-rgb);
}

.btn-outline-secondary.active,
.btn-outline-secondary:active {
	--bs-btn-color: var(--bs-btn-outline-secondary-active-color);
	--bs-btn-active-bg: var(--bs-secondary-700);
	--bs-btn-active-border-color: var(--bs-btn-outline-secondary-active-border-color);
}

.btn-outline-secondary:focus, 
.btn-outline-secondary:focus-visible {
	--bs-btn-focus-color: var(--bs-btn-outline-secondary-focus-color);
	--bs-btn-focus-bg: var(--bs-btn-outline-secondary-focus-bg);
	--bs-btn-focus-border-color: var(--bs-btn-outline-secondary-focus-border-color);
	--bs-btn-focus-shadow-rgb: var(--bs-btn-outline-secondary-focus-shadow-rgb);
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-secondary-500-rgb), .25);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled{
	--bs-btn-disabled-color: var(--bs-btn-outline-primary-disabled-color);
	--bs-btn-disabled-border-color: var(--bs-btn-outline-primary-disabled-border-color);
	--bs-btn-disabled-bg: var(--bs-btn-outline-primary-disabled-bg);
	--bs-btn-disabled-opacity: var(--bs-btn-outline-primary-disabled-opacity);
	cursor: not-allowed;
	pointer-events: none;
}

/* SECONDARY LINK BUTTON */

.btn-link-secondary {
	--bs-btn-color: var(--bs-btn-link-secondary-color);
	--bs-btn-bg: var(--bs-btn-link-secondary-bg);
	--bs-btn-border-color: var(--bs-btn-link-secondary-border-color);
	--bs-btn-box-shadow: var(--bs-btn-link-secondary-box-shadow);

	--bs-btn-hover-color: var(--bs-btn-link-secondary-hover-color);
	--bs-btn-hover-bg: var(--bs-btn-link-secondary-hover-bg);
	--bs-btn-hover-border-color: var(--bs-btn-link-secondary-hover-border-color);

	--bs-btn-focus-color: var(--bs-btn-link-secondary-focus-color);
	--bs-btn-focus-bg: var(--bs-btn-link-secondary-focus-bg);
	--bs-btn-focus-border-color: var(--bs-btn-link-secondary-focus-border-color);
	--bs-btn-focus-shadow-rgb: var(--bs-btn-link-secondary-focus-shadow-rgb);

	--bs-btn-active-color: var(--bs-btn-link-secondary-active-color);
	--bs-btn-active-bg: var(--bs-btn-link-secondary-active-bg);
	--bs-btn-active-border-color: var(--bs-btn-link-secondary-active-border-color);
	--bs-btn-active-box-shadow: var(--bs-btn-link-secondary-active-box-shadow);

	--bs-btn-disabled-color: var(--bs-btn-link-secondary-disabled-color);
	--bs-btn-disabled-bg: var(--bs-btn-link-secondary-disabled-bg);
	--bs-btn-disabled-border-color: var(--bs-btn-link-secondary-disabled-border-color);
	--bs-btn-disabled-opacity: var(--bs-btn-link-secondary-disabled-opacity);
	max-width: max-content;
}

.btn-link-secondary:hover {
	text-decoration: underline;
}

.btn-link-secondary.active,
.btn-link-secondary:active {
	--bs-btn-active-color: var(--bs-btn-link-secondary-active-color);
	--bs-btn-active-bg: transparent;
}

.btn-link-secondary:focus, 
.btn-link-secondary:focus-visible {
	--bs-btn-color: var(--bs-btn-link-secondary-hover-color);
	--bs-btn-bg: transparent;
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-secondary-500-rgb), .25);
	text-decoration: underline;
}

.btn-link-secondary.disabled,
.btn-link-secondary:disabled {
	--bs-btn-disabled-color: var(--bs-btn-link-primary-disabled-color);
	--bs-btn-disabled-bg: var(--bs-btn-link-primary-disabled-bg);
	--bs-btn-disabled-border-color: var(--bs-btn-link-primary-disabled-border-color);
	--bs-btn-disabled-opacity: var(--bs-btn-link-primary-disabled-opacity);
}

/* ENLACES Y NAVEGACIÓN */

a:hover,
a.nav-link:hover {
	text-decoration: underline;
}

a:focus-visible,
.nav-link:focus-visible,
.nav-item:focus-visible {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-blue-rgb), 1);
	outline: 1px solid rgb(var(--bs-blue-rgb), 1);
}

/* BUTTON CLOSE */

.btn-close {
	width: .5rem;
	height: .5rem;
}

.btn-close:focus-visible {
	box-shadow: 0 0 0 0.25rem rgb(var(--bs-blue-rgb), 1);
	outline: 1px solid rgb(var(--bs-blue-rgb), 1);
}
.form-select:focus,
.form-select:focus-visible {
	box-shadow: 0 0 0 .25rem var(--bs-focus-ring-color);
}
.form-select {
	--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23009330' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
	background-size: 1rem;
}
.was-validated .form-select:invalid:not([multiple]):not([size]){
	background-size: 1rem;
}
.was-validated .form-control:invalid {
	background-size: 1rem;
}
.form-floating label {
	color: var(--bs-gray-900);
}

.static-feedback .invalid-feedback {
	display: block;
	visibility: hidden;
}
.was-validated.static-feedback :invalid~.invalid-feedback, 
.was-validated.static-feedback :invalid~.invalid-tooltip, 
.static-feedback .is-invalid~.invalid-feedback, 
.static-feedback .is-invalid~.invalid-tooltip{
	visibility: visible;
}

body {
	color: var(--bs-gray-900);
}

p {
	color: var(--bs-gray-800);
}

a {
	color: var(--bs-primary);
}

h1, h2, h3, h4, h5, h6, h7 {
  text-wrap: balance;
}

p, a{
  text-wrap: pretty;
}

img {
	width: 100%;
}

/* Carousel */

.carousel-indicators [data-bs-target] {
	background-color: var(--custom-dark-bg);
	border-radius: var(--bs-border-radius-lg);
	border: 1px solid var(--custom-dark-border-color);
	height: 14px;
	margin-left: 8px;
	margin-right: 8px;
	opacity: 1;
	width: 14px;
}

.carousel-indicators .active {
	background-color: var(--custom-dark-active-bg);
	border: 1px solid var(--custom-dark-active-border-color);
	width: 1.75rem;
}

.carousel-control-prev, 
.carousel-control-next {
	background-color: var(--bs-white);
	border-radius: var(--bs-border-radius-pill);
	bottom: auto;
	color: var(--bs-body-color);
	height: 40px;
	margin-top: -20px;
	opacity: 1;
	top: 50%;
	width: 40px;
}

.carousel-control-prev-icon, 
.carousel-control-next-icon {
	background-image: none;
}

.carousel-control-prev:hover, 
.carousel-control-prev:focus, 
.carousel-control-next:hover, 
.carousel-control-next:focus {
	color: var(--bs-body-color);
	outline: -webkit-focus-ring-color auto 1px;;
}