@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root,[data-theme=light] {
    --jb-xs: 0;
    --jb-sm: 576px;
    --jb-md: 768px;
    --jb-lg: 992px;
    --jb-xl: 1200px;
    --jb-xxl: 1400px;
    --jb-white: #ffffff;
    --jb-white-bg-rgb: 255,255,255;
    --jb-black: #000000;
    --jb-black-bg-rgb: 0,0,0;
    --jb-text-muted: #A1A5B7;
    --jb-gray-100: #f5f8fa;
    --jb-gray-200: #eff2f5;
    --jb-gray-300: #E4E6EF;
    --jb-gray-400: #B5B5C3;
    --jb-gray-500: #A1A5B7;
    --jb-gray-600: #7E8299;
    --jb-gray-700: #5E6278;
    --jb-gray-800: #3F4254;
    --jb-gray-900: #181C32;
    --jb-gray-100-rgb: 245,248,250;
    --jb-gray-200-rgb: 239,242,245;
    --jb-gray-300-rgb: 228,230,239;
    --jb-gray-400-rgb: 181,181,195;
    --jb-gray-500-rgb: 161,165,183;
    --jb-gray-600-rgb: 126,130,153;
    --jb-gray-700-rgb: 94,98,120;
    --jb-gray-800-rgb: 63,66,84;
    --jb-gray-900-rgb: 24,28,50;
    --jb-white: #ffffff;
    --jb-light: #f5f8fa;
    --jb-primary: #009ef7;
    --jb-secondary: #E4E6EF;
    --jb-success: #027563;
    --jb-info: #7239ea;
    --jb-warning: #ffc700;
    --jb-danger: #f1416c;
    --jb-dark: #181C32;
    --jb-primary-active: #0095e8;
    --jb-secondary-active: #B5B5C3;
    --jb-light-active: #eff2f5;
    --jb-success-active: #016152;
    --jb-info-active: #5014d0;
    --jb-warning-active: #f1bc00;
    --jb-danger-active: #d9214e;
    --jb-dark-active: #131628;
    --jb-primary-light: #f1faff;
    --jb-secondary-light: #f5f8fa;
    --jb-success-light: #e8fff3;
    --jb-info-light: #f8f5ff;
    --jb-warning-light: #fff8dd;
    --jb-danger-light: #fff5f8;
    --jb-dark-light: #eff2f5;
    --jb-primary-inverse: #ffffff;
    --jb-secondary-inverse: #3F4254;
    --jb-light-inverse: #7E8299;
    --jb-success-inverse: #ffffff;
    --jb-info-inverse: #ffffff;
    --jb-warning-inverse: #ffffff;
    --jb-danger-inverse: #ffffff;
    --jb-dark-inverse: #ffffff;
    --jb-white-rgb: 255,255,255;
    --jb-light-rgb: 245,248,250;
    --jb-primary-rgb: 0,158,247;
    --jb-secondary-rgb: 228,230,239;
    --jb-success-rgb: 80,205,137;
    --jb-info-rgb: 114,57,234;
    --jb-warning-rgb: 255,199,0;
    --jb-danger-rgb: 241,65,108;
    --jb-dark-rgb: 24,28,50;
    --jb-text-white: #ffffff;
    --jb-text-primary: #009ef7;
    --jb-text-secondary: #E4E6EF;
    --jb-text-light: #f5f8fa;
    --jb-text-success: #016152;
    --jb-text-info: #7239ea;
    --jb-text-warning: #ffc700;
    --jb-text-danger: #f1416c;
    --jb-text-dark: #181C32;
    --jb-text-muted: #A1A5B7;
    --jb-text-gray-100: #f5f8fa;
    --jb-text-gray-200: #eff2f5;
    --jb-text-gray-300: #E4E6EF;
    --jb-text-gray-400: #B5B5C3;
    --jb-text-gray-500: #A1A5B7;
    --jb-text-gray-600: #7E8299;
    --jb-text-gray-700: #5E6278;
    --jb-text-gray-800: #3F4254;
    --jb-text-gray-900: #181C32;
    --jb-body-bg: #ffffff;
    --jb-body-bg-rgb: 255,255,255;
    --jb-body-color: #181C32;
    --jb-link-color: #009ef7;
    --jb-link-hover-color: #0095e8;
    --jb-border-color: #eff2f5;
    --jb-border-dashed-color: #E4E6EF;
    --jb-component-active-color: #ffffff;
    --jb-component-active-bg: #009ef7;
    --jb-component-hover-color: #009ef7;
    --jb-component-hover-bg: #F4F6FA;
    --jb-component-checked-color: #ffffff;
    --jb-component-checked-bg: #009ef7;
    --jb-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --jb-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --jb-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --jb-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --jb-headings-color: #181C32;
    --jb-table-color: #181C32;
    --jb-table-bg: transparent;
    --jb-table-striped-color: #181C32;
    --jb-table-striped-bg: rgba(245, 248, 250, 0.75);
    --jb-table-accent-bg: transparent;
    --jb-table-active-color: #181C32;
    --jb-table-active-bg: #f5f8fa;
    --jb-table-hover-colorr: #181C32;
    --jb-table-hover-bg: #f5f8fa;
    --jb-table-border-color: #eff2f5;
    --jb-table-caption-color: #A1A5B7;
    --jb-table-loading-message-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --jb-table-loading-message-bg: #ffffff;
    --jb-table-loading-message-color: #5E6278;
    --jb-input-btn-focus-color: rgba(0, 158, 247, 0.25);
    --jb-input-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --jb-input-btn-focus-color-opacity: 0.25;
    --jb-input-color: #5E6278;
    --jb-input-placeholder-color: #A1A5B7;
    --jb-input-plaintext-color: #5E6278;
    --jb-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
    --jb-btn-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --jb-btn-active-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --jb-btn-disabled-opacity: 0.65;
    --jb-btn-link-color: #009ef7;
    --jb-btn-link-hover-color: #0095e8;
    --jb-btn-link-disabled-color: #7E8299;
    --jb-form-label-color: #3F4254;
    --jb-form-text-color: #A1A5B7;
    --jb-input-bg: #ffffff;
    --jb-input-disabled-bg: #eff2f5;
    --jb-input-disabled-border-color: #E4E6EF;
    --jb-input-color: #5E6278;
    --jb-input-border-color: #E4E6EF;
    --jb-input-focus-bg: #ffffff;
    --jb-input-focus-border-color: #B5B5C3;
    --jb-input-focus-color: #5E6278;
    --jb-input-solid-bg: #f5f8fa;
    --jb-input-solid-bg-focus: #eef3f7;
    --jb-input-solid-placeholder-color: #A1A5B7;
    --jb-input-solid-color: #5E6278;
    --jb-form-check-label-color: #A1A5B7;
    --jb-form-check-label-color-checked: #5E6278;
    --jb-form-check-input-active-filter: brightness(90%);
    --jb-form-check-input-bg: transparent;
    --jb-form-check-input-bg-solid: #eff2f5;
    --jb-form-check-input-border: 1px solid #E4E6EF;
    --jb-form-check-input-focus-border: #B5B5C3;
    --jb-form-check-input-focus-box-shadow: none;
    --jb-form-check-input-checked-color: #ffffff;
    --jb-form-check-input-checked-bg-color: #009ef7;
    --jb-form-check-input-checked-bg-color-solid: #009ef7;
    --jb-form-check-input-checked-border-color: #009ef7;
    --jb-form-check-input-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
    --jb-form-check-radio-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
    --jb-form-check-input-indeterminate-color: #ffffff;
    --jb-form-check-input-indeterminate-bg-color: #009ef7;
    --jb-form-check-input-indeterminate-border-color: #009ef7;
    --jb-form-check-input-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    --jb-form-check-input-disabled-opacity: 0.5;
    --jb-form-check-label-disabled-opacity: 0.5;
    --jb-form-check-btn-check-disabled-opacity: 0.65;
    --jb-form-switch-color: rgba(0, 0, 0, 0.25);
    --jb-form-switch-color-solid: #ffffff;
    --jb-form-switch-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    --jb-form-switch-bg-image-solid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    --jb-form-switch-focus-color: #B5B5C3;
    --jb-form-switch-focus-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23B5B5C3'/%3e%3c/svg%3e");
    --jb-form-switch-checked-color: #ffffff;
    --jb-form-switch-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    --jb-input-group-addon-color: #5E6278;
    --jb-input-group-addon-bg: #f5f8fa;
    --jb-input-group-addon-border-color: #E4E6EF;
    --jb-form-select-color: #5E6278;
    --jb-form-select-bg: #ffffff;
    --jb-form-select-disabled-bg: #eff2f5;
    --jb-form-select-disabled-border-color: #E4E6EF;
    --jb-form-select-indicator-color: #7E8299;
    --jb-form-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --jb-form-select-border-color: #E4E6EF;
    --jb-form-select-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --jb-form-select-focus-border-color: #B5B5C3;
    --jb-form-select-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --jb-form-file-button-color: #5E6278;
    --jb-form-file-button-bg: #f5f8fa;
    --jb-form-file-button-hover-bg: shade-color(#f5f8fa, 5%);
    --jb-nav-tabs-border-color: #eff2f5;
    --jb-nav-tabs-link-hover-border-color: #eff2f5 #eff2f5 #eff2f5;
    --jb-nav-tabs-link-active-color: #5E6278;
    --jb-nav-tabs-link-active-bg: #ffffff;
    --jb-nav-tabs-link-active-border-color: #E4E6EF #E4E6EF #ffffff;
    --jb-nav-pills-link-active-color: #ffffff;
    --jb-nav-pills-link-active-bg: #009ef7;
    --jb-dropdown-color: #181C32;
    --jb-dropdown-bg: #ffffff;
    --jb-dropdown-divider-bg: #f5f8fa;
    --jb-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --jb-dropdown-link-color: #181C32;
    --jb-dropdown-link-hover-color: shade-color(#181C32, 10%);
    --jb-dropdown-link-hover-bg: #eff2f5;
    --jb-dropdown-link-active-color: #ffffff;
    --jb-dropdown-link-active-bg: #009ef7;
    --jb-dropdown-link-disabled-color: #A1A5B7;
    --jb-dropdown-header-color: #7E8299;
    --jb-pagination-item-bg: #ffffff;
    --jb-pagination-color: #5E6278;
    --jb-pagination-bg: transparent;
    --jb-pagination-border-color: transparent;
    --jb-pagination-focus-color: #009ef7;
    --jb-pagination-focus-bg: #F4F6FA;
    --jb-pagination-focus-box-shadow: none;
    --jb-pagination-focus-outline: 0;
    --jb-pagination-hover-color: #009ef7;
    --jb-pagination-hover-bg: #F4F6FA;
    --jb-pagination-hover-border-color: transparent;
    --jb-pagination-active-color: #ffffff;
    --jb-pagination-active-bg: #009ef7;
    --jb-pagination-active-border-color: transparent;
    --jb-pagination-disabled-color: #B5B5C3;
    --jb-pagination-disabled-bg: transparent;
    --jb-card-bg: #ffffff;
    --jb-card-box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
    --jb-card-border-color: #eff2f5;
    --jb-card-border-dashed-color: #E4E6EF;
    --jb-card-cap-bg: transparent;
    --jb-accordion-color: #181C32;
    --jb-accordion-bg: #ffffff;
    --jb-accordion-border-color: #eff2f5;
    --jb-accordion-button-bg: #ffffff;
    --jb-accordion-button-color: #181C32;
    --jb-accordion-button-active-bg: #f5f8fa;
    --jb-accordion-button-active-color: #009ef7;
    --jb-accordion-button-focus-border-color: #eff2f5;
    --jb-accordion-button-focus-box-shadow: none;
    --jb-accordion-icon-color: #181C32;
    --jb-accordion-icon-active-color: #009ef7;
    --jb-accordion-button-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23181C32'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --jb-accordion-button-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009ef7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --jb-tooltip-color: #3F4254;
    --jb-tooltip-bg: #ffffff;
    --jb-tooltip-opacity: 1;
    --jb-tooltip-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --jb-popover-bg: #ffffff;
    --jb-popover-border-color: #ffffff;
    --jb-popover-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --jb-popover-header-bg: #ffffff;
    --jb-popover-header-color: #3F4254;
    --jb-popover-header-border-color: #eff2f5;
    --jb-popover-body-color: #3F4254;
    --jb-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --jb-dropdown-bg: #ffffff;
    --jb-toast-background-color: rgba(255, 255, 255, 0.85);
    --jb-toast-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --jb-toast-header-color: #7E8299;
    --jb-toast-header-background-color: rgba(255, 255, 255, 0.85);
    --jb-toast-header-border-color: rgba(0, 0, 0, 0.05);
    --jb-badge-color: #ffffff;
    --jb-modal-bg: #ffffff;
    --jb-modal-border-color: var(--bs-border-color-translucent);
    --jb-modal-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
    --jb-modal-content-bg: #ffffff;
    --jb-modal-content-border-color: var(--bs-border-color-translucent);
    --jb-modal-content-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.05);
    --jb-modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    --jb-modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
    --jb-modal-header-border-color: #eff2f5;
    --jb-modal-footer-border-color: #eff2f5;
    --jb-modal-backdrop-bg: #000000;
    --jb-modal-backdrop-opacity: 0.3;
    --jb-progress-bg: #f5f8fa;
    --jb-progress-box-shadow: none;
    --jb-list-group-color: #181C32;
    --jb-list-group-bg: #ffffff;
    --jb-list-group-border-color: rgba(0, 0, 0, 0.125);
    --jb-list-group-hover-bg: #f5f8fa;
    --jb-list-group-active-color: #ffffff;
    --jb-list-group-active-bg: #009ef7;
    --jb-list-group-active-border-colorg: #009ef7;
    --jb-list-group-disabled-color: #7E8299;
    --jb-list-group-disabled-bg: #ffffff;
    --jb-list-group-action-colorg: #5E6278;
    --jb-list-group-action-hover-color: #5E6278;
    --jb-list-group-action-active-color: #181C32;
    --jb-list-group-action-active-bg: #eff2f5;
    --jb-thumbnail-bg: #ffffff;
    --jb-thumbnail-border-color: #eff2f5;
    --jb-thumbnail-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --jb-figure-caption-color: #7E8299;
    --jb-breadcrumb-divider-color: #7E8299;
    --jb-breadcrumb-active-color: #009ef7;
    --jb-carousel-custom-indicator-default-bg-color: #eff2f5;
    --jb-carousel-custom-indicator-active-bg-color: #B5B5C3;
    --jb-carousel-custom-bullet-indicator-default-bg-color: #B5B5C3;
    --jb-carousel-custom-bullet-indicator-active-bg-color: #7E8299;
    --jb-code-bg: #F1F3F8;
    --jb-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --jb-code-color: #b93993;
    --jb-btn-close-color: #000000;
    --jb-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --jb-offcanvas-border-color: var(--bs-border-color-translucent);
    --jb-offcanvas-bg-color: #ffffff;
    --jb-offcanvas-box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    --jb-offcanvas-backdrop-bg: #000000;
    --jb-offcanvas-backdrop-opacity: 0.3;
    --jb-symbol-label-color: #3F4254;
    --jb-symbol-label-bg: #f5f8fa;
    --jb-symbol-border-color: rgba(255, 255, 255, 0.5);
    --jb-bullet-bg-color: #B5B5C3;
    --jb-scrolltop-opacity: 0;
    --jb-scrolltop-opacity-on: 0.3;
    --jb-scrolltop-opacity-hover: 1;
    --jb-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --jb-scrolltop-bg-color: #009ef7;
    --jb-scrolltop-bg-color-hover: #009ef7;
    --jb-scrolltop-icon-color: #ffffff;
    --jb-scrolltop-icon-color-hover: #ffffff;
    --jb-drawer-box-shadow: 0px 1px 9px -3px rgba(0, 0, 0, 0.05);
    --jb-drawer-bg-color: #ffffff;
    --jb-drawer-overlay-bg-color: rgba(0, 0, 0, 0.2);
    --jb-menu-dropdown-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --jb-menu-dropdown-bg-color: #ffffff;
    --jb-menu-heading-color: #A1A5B7;
    --jb-menu-link-color-hover: #009ef7;
    --jb-menu-link-color-show: #009ef7;
    --jb-menu-link-color-here: #009ef7;
    --jb-menu-link-color-active: #009ef7;
    --jb-menu-link-bg-color-hover: #F4F6FA;
    --jb-menu-link-bg-color-show: #F4F6FA;
    --jb-menu-link-bg-color-here: #F4F6FA;
    --jb-menu-link-bg-color-active: #F4F6FA;
    --jb-feedback-popup-box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
    --jb-feedback-popup-background-color: #ffffff;
    --jb-scrollbar-color: #eff2f5;
    --jb-scrollbar-hover-color: #e9edf1;
    --jb-scrollbar-width: 0.4rem;
    --jb-scrollbar-height: 0.4rem;
    --jb-scrollbar-space: 0.5rem;
    --jb-overlay-bg: rgba(0, 0, 0, 0.05);
    --jb-blockui-overlay-bg: rgba(0, 0, 0, 0.05);
    --jb-rating-color-default: #B5B5C3;
    --jb-rating-color-active: #FFAD0F;
    --jb-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(24, 28, 50, 0.1);
    --jb-ribbon-label-bg: #009ef7;
    --jb-ribbon-label-border-color: #005d91;
    --jb-ribbon-clip-bg: #181C32;
    --jb-engage-btn-bg: #ffffff;
    --jb-engage-btn-color: #7E8299;
    --jb-engage-btn-color-active: #3F4254
}

[data-theme=dark] {
    --jb-text-muted: #565674;
    --jb-gray-100: #1b1b29;
    --jb-gray-200: #2B2B40;
    --jb-gray-300: #323248;
    --jb-gray-400: #474761;
    --jb-gray-500: #565674;
    --jb-gray-600: #6D6D80;
    --jb-gray-700: #92929F;
    --jb-gray-800: #CDCDDE;
    --jb-gray-900: #FFFFFF;
    --jb-gray-100-rgb: 27,27,41;
    --jb-gray-200-rgb: 43,43,64;
    --jb-gray-300-rgb: 50,50,72;
    --jb-gray-400-rgb: 71,71,97;
    --jb-gray-500-rgb: 86,86,116;
    --jb-gray-600-rgb: 109,109,128;
    --jb-gray-700-rgb: 146,146,159;
    --jb-gray-800-rgb: 205,205,222;
    --jb-gray-900-rgb: 255,255,255;
    --jb-dark: #FFFFFF;
    --jb-light: #2B2B40;
    --jb-secondary: #323248;
    --jb-dark-active: white;
    --jb-light-active: #323248;
    --jb-secondary-active: #474761;
    --jb-primary-light: #212e48;
    --jb-success-light: #1c3238;
    --jb-info-light: #2f264f;
    --jb-warning-light: #392f28;
    --jb-danger-light: #3a2434;
    --jb-dark-light: #2B2B40;
    --jb-secondary-light: #1b1b29;
    --jb-dark-inverse: #1b1b29;
    --jb-light-inverse: #6D6D80;
    --jb-secondary-inverse: #CDCDDE;
    --jb-dark-rgb: 255,255,255;
    --jb-light-rgb: 43,43,64;
    --jb-secondary-rgb: 50,50,72;
    --jb-text-dark: #FFFFFF;
    --jb-text-muted: #565674;
    --jb-text-secondary: #323248;
    --jb-text-gray-100: #1b1b29;
    --jb-text-gray-200: #2B2B40;
    --jb-text-gray-300: #323248;
    --jb-text-gray-400: #474761;
    --jb-text-gray-500: #565674;
    --jb-text-gray-600: #6D6D80;
    --jb-text-gray-700: #92929F;
    --jb-text-gray-800: #CDCDDE;
    --jb-text-gray-900: #FFFFFF;
    --jb-body-bg: #1e1e2d;
    --jb-body-bg-rgb: 30,30,45;
    --jb-body-color: #FFFFFF;
    --jb-link-color: #009ef7;
    --jb-link-hover-color: #0095e8;
    --jb-border-color: #2B2B40;
    --jb-border-dashed-color: #323248;
    --jb-component-active-color: #ffffff;
    --jb-component-active-bg: #009ef7;
    --jb-component-hover-color: #009ef7;
    --jb-component-hover-bg: #2B2B40;
    --jb-component-checked-color: #ffffff;
    --jb-component-checked-bg: #009ef7;
    --jb-box-shadow-xs: 0 0.1rem 0.75rem 0.25rem rgba(0, 0, 0, 0.05);
    --jb-box-shadow-sm: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --jb-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --jb-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, 0.1);
    --jb-headings-color: #FFFFFF;
    --jb-table-color: #FFFFFF;
    --jb-table-bg: transparent;
    --jb-table-striped-color: #FFFFFF;
    --jb-table-striped-bg: rgba(27, 27, 41, 0.75);
    --jb-table-accent-bg: transparent;
    --jb-table-active-color: #FFFFFF;
    --jb-table-active-bg: #1b1b29;
    --jb-table-hover-colorr: #FFFFFF;
    --jb-table-hover-bg: #1b1b29;
    --jb-table-border-color: #2B2B40;
    --jb-table-caption-color: #565674;
    --jb-table-loading-message-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --jb-table-loading-message-bg: #2B2B40;
    --jb-table-loading-message-color: #92929F;
    --jb-input-btn-focus-color: rgba(0, 158, 247, 0.25);
    --jb-input-btn-focus-color-opacity: 0.25;
    --jb-input-color: #92929F;
    --jb-input-placeholder-color: #565674;
    --jb-input-plaintext-color: #92929F;
    --jb-btn-disabled-opacity: 0.65;
    --jb-btn-link-color: #009ef7;
    --jb-btn-link-hover-color: #0095e8;
    --jb-btn-link-disabled-color: #6D6D80;
    --jb-form-label-color: #CDCDDE;
    --jb-form-text-color: #565674;
    --jb-input-bg: #1e1e2d;
    --jb-input-disabled-bg: #2B2B40;
    --jb-input-disabled-border-color: #323248;
    --jb-input-color: #92929F;
    --jb-input-border-color: #323248;
    --jb-input-focus-bg: #1e1e2d;
    --jb-input-focus-border-color: #474761;
    --jb-input-focus-color: #92929F;
    --jb-input-solid-bg: #1b1b29;
    --jb-input-solid-bg-focus: #1f1f2f;
    --jb-input-solid-placeholder-color: #565674;
    --jb-input-solid-color: #92929F;
    --jb-form-check-label-color: #565674;
    --jb-form-check-label-color-checked: #92929F;
    --jb-form-check-input-active-filter: brightness(90%);
    --jb-form-check-input-bg: transparent;
    --jb-form-check-input-bg-solid: #2B2B40;
    --jb-form-check-input-border: 1px solid #323248;
    --jb-form-check-input-focus-border: #474761;
    --jb-form-check-input-focus-box-shadow: none;
    --jb-form-check-input-checked-color: #ffffff;
    --jb-form-check-input-checked-bg-color: #009ef7;
    --jb-form-check-input-checked-border-color: #009ef7;
    --jb-form-check-input-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 11' width='13' height='11' fill='none'%3e%3cpath d='M11.0426 1.02893C11.3258 0.695792 11.8254 0.655283 12.1585 0.938451C12.4917 1.22162 12.5322 1.72124 12.249 2.05437L5.51985 9.97104C5.23224 10.3094 4.72261 10.3451 4.3907 10.05L0.828197 6.88335C0.50141 6.59288 0.471975 6.09249 0.762452 5.7657C1.05293 5.43891 1.55332 5.40948 1.88011 5.69995L4.83765 8.32889L11.0426 1.02893Z' fill='%23ffffff'/%3e%3c/svg%3e");
    --jb-form-check-radio-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23ffffff'/%3e%3c/svg%3e");
    --jb-form-check-input-indeterminate-color: #ffffff;
    --jb-form-check-input-indeterminate-bg-color: #009ef7;
    --jb-form-check-input-indeterminate-border-color: #009ef7;
    --jb-form-check-input-indeterminate-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
    --jb-form-check-input-disabled-opacity: 0.5;
    --jb-form-check-label-disabled-opacity: 0.5;
    --jb-form-check-btn-check-disabled-opacity: 0.65;
    --jb-form-switch-color: rgba(255, 255, 255, 0.25);
    --jb-form-switch-color-solid: #A1A5B7;
    --jb-form-switch-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
    --jb-form-switch-bg-image-solid: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23A1A5B7'/%3e%3c/svg%3e");
    --jb-form-switch-focus-color: #474761;
    --jb-form-switch-focus-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23474761'/%3e%3c/svg%3e");
    --jb-form-switch-checked-color: #ffffff;
    --jb-form-switch-checked-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
    --jb-input-group-addon-color: #92929F;
    --jb-input-group-addon-bg: #1b1b29;
    --jb-input-group-addon-border-color: #323248;
    --jb-form-select-color: #92929F;
    --jb-form-select-bg: #1e1e2d;
    --jb-form-select-disabled-bg: #2B2B40;
    --jb-form-select-disabled-border-color: #323248;
    --jb-form-select-indicator-color: #6D6D80;
    --jb-form-select-indicator: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236D6D80' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --jb-form-select-border-color: #323248;
    --jb-form-select-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --jb-form-select-focus-border-color: #474761;
    --jb-form-select-focus-box-shadow: 0 0 0 0.25rem rgba(0, 158, 247, 0.25);
    --jb-form-file-button-color: #92929F;
    --jb-form-file-button-bg: #1b1b29;
    --jb-form-file-button-hover-bg: shade-color(#1b1b29, 5%);
    --jb-nav-tabs-border-color: #2B2B40;
    --jb-nav-tabs-link-hover-border-color: #2B2B40 #2B2B40 #2B2B40;
    --jb-nav-tabs-link-active-color: #92929F;
    --jb-nav-tabs-link-active-bg: #1e1e2d;
    --jb-nav-tabs-link-active-border-color: #323248 #323248 #1e1e2d;
    --jb-nav-pills-link-active-color: #ffffff;
    --jb-nav-pills-link-active-bg: #009ef7;
    --jb-dropdown-color: #FFFFFF;
    --jb-dropdown-bg: #1e1e2d;
    --jb-dropdown-divider-bg: #1b1b29;
    --jb-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --jb-dropdown-link-color: #FFFFFF;
    --jb-dropdown-link-hover-color: shade-color(#FFFFFF, 10%);
    --jb-dropdown-link-hover-bg: #2B2B40;
    --jb-dropdown-link-active-color: #ffffff;
    --jb-dropdown-link-active-bg: #009ef7;
    --jb-dropdown-link-disabled-color: #565674;
    --jb-dropdown-header-color: #6D6D80;
    --jb-pagination-item-bg: #1e1e2d;
    --jb-pagination-color: #92929F;
    --jb-pagination-bg: transparent;
    --jb-pagination-border-color: transparent;
    --jb-pagination-focus-color: #009ef7;
    --jb-pagination-focus-bg: #2B2B40;
    --jb-pagination-focus-box-shadow: none;
    --jb-pagination-focus-outline: 0;
    --jb-pagination-hover-color: #009ef7;
    --jb-pagination-hover-bg: #2B2B40;
    --jb-pagination-hover-border-color: transparent;
    --jb-pagination-active-color: #ffffff;
    --jb-pagination-active-bg: #009ef7;
    --jb-pagination-active-border-color: transparent;
    --jb-pagination-disabled-color: #474761;
    --jb-pagination-disabled-bg: transparent;
    --jb-card-bg: #1e1e2d;
    --jb-card-box-shadow: none;
    --jb-card-border-color: #2B2B40;
    --jb-card-border-dashed-color: #323248;
    --jb-card-cap-bg: transparent;
    --jb-accordion-color: #FFFFFF;
    --jb-accordion-bg: #1e1e2d;
    --jb-accordion-border-color: #2B2B40;
    --jb-accordion-button-color: #FFFFFF;
    --jb-accordion-button-bg: #1e1e2d;
    --jb-accordion-button-active-bg: #1b1b29;
    --jb-accordion-button-active-color: #009ef7;
    --jb-accordion-button-focus-border-color: #2B2B40;
    --jb-accordion-button-focus-box-shadow: none;
    --jb-accordion-icon-color: #FFFFFF;
    --jb-accordion-icon-active-color: #009ef7;
    --jb-accordion-button-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --jb-accordion-button-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23009ef7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --jb-tooltip-color: #CDCDDE;
    --jb-tooltip-bg: #2B2B40;
    --jb-tooltip-opacity: 1;
    --jb-tooltip-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --jb-popover-bg: #2B2B40;
    --jb-popover-border-color: #2B2B40;
    --jb-popover-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --jb-popover-header-bg: #2B2B40;
    --jb-popover-header-color: #CDCDDE;
    --jb-popover-header-border-color: #323248;
    --jb-popover-body-color: #CDCDDE;
    --jb-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --jb-dropdown-bg: #1e1e2d;
    --jb-toast-background-color: rgba(0, 0, 0, 0.85);
    --jb-toast-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --jb-toast-header-color: #6D6D80;
    --jb-toast-header-background-color: rgba(0, 0, 0, 0.85);
    --jb-toast-header-border-color: rgba(255, 255, 255, 0.05);
    --jb-badge-color: #1e1e2d;
    --jb-modal-bg: #1e1e2d;
    --jb-modal-box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.05);
    --jb-modal-content-bg: #1e1e2d;
    --jb-modal-content-box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.05);
    --jb-modal-content-box-shadow-xs: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.1);
    --jb-modal-content-box-shadow-sm-up: 0 0.5rem 1rem rgba(255, 255, 255, 0.1);
    --jb-modal-header-border-color: #2B2B40;
    --jb-modal-footer-border-color: #2B2B40;
    --jb-modal-backdrop-bg: #000000;
    --jb-modal-backdrop-opacity: 0.4;
    --jb-progress-bg: #1b1b29;
    --jb-progress-box-shadow: none;
    --jb-list-group-color: #FFFFFF;
    --jb-list-group-bg: #000000;
    --jb-list-group-border-color: rgba(255, 255, 255, 0.125);
    --jb-list-group-hover-bg: #f5f8fa;
    --jb-list-group-active-color: #ffffff;
    --jb-list-group-active-bg: #009ef7;
    --jb-list-group-active-border-colorg: #009ef7;
    --jb-list-group-disabled-color: #6D6D80;
    --jb-list-group-disabled-bg: #000000;
    --jb-list-group-action-colorg: #92929F;
    --jb-list-group-action-hover-color: #92929F;
    --jb-list-group-action-active-color: #FFFFFF;
    --jb-list-group-action-active-bg: #2B2B40;
    --jb-thumbnail-bg: #1e1e2d;
    --jb-thumbnail-border-color: #2B2B40;
    --jb-thumbnail-box-shadow: 0 0.1rem 1rem 0.25rem rgba(0, 0, 0, 0.05);
    --jb-figure-caption-color: #6D6D80;
    --jb-breadcrumb-divider-color: #6D6D80;
    --jb-breadcrumb-active-color: #009ef7;
    --jb-carousel-custom-indicator-default-bg-color: #2B2B40;
    --jb-carousel-custom-indicator-active-bg-color: #474761;
    --jb-arousel-custom-bullet-indicator-default-bg-color: #474761;
    --jb-carousel-custom-bullet-indicator-active-bg-color: #6D6D80;
    --jb-btn-close-color: #ffffff;
    --jb-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
    --jb-code-bg: #2B2B40;
    --jb-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --jb-code-color: #b93993;
    --jb-offcanvas-bg-color: #1e1e2d;
    --jb-offcanvas-box-shadow: 0 0.25rem 0.5rem rgba(255, 255, 255, 0.1);
    --jb-offcanvas-backdrop-bg: #000000;
    --jb-offcanvas-backdrop-opacity: 0.4;
    --jb-code-bg: #2B2B40;
    --jb-code-box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.08);
    --jb-code-color: #b93993;
    --jb-symbol-label-color: #CDCDDE;
    --jb-symbol-label-bg: #1b1b29;
    --jb-symbol-border-color: rgba(255, 255, 255, 0.5);
    --jb-bullet-bg-color: #474761;
    --jb-scrolltop-opacity: 0;
    --jb-scrolltop-opacity-on: 0.3;
    --jb-scrolltop-opacity-hover: 1;
    --jb-scrolltop-box-shadow: 0 0.5rem 1.5rem 0.5rem rgba(0, 0, 0, 0.075);
    --jb-scrolltop-bg-color: #009ef7;
    --jb-scrolltop-bg-color-hover: #009ef7;
    --jb-scrolltop-icon-color: #ffffff;
    --jb-scrolltop-icon-color-hover: #ffffff;
    --jb-drawer-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
    --jb-drawer-bg-color: #1e1e2d;
    --jb-drawer-overlay-bg-color: rgba(0, 0, 0, 0.4);
    --jb-menu-dropdown-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --jb-menu-dropdown-bg-color: #1e1e2d;
    --jb-menu-heading-color: #565674;
    --jb-menu-link-color-hover: #009ef7;
    --jb-menu-link-color-show: #009ef7;
    --jb-menu-link-color-here: #009ef7;
    --jb-menu-link-color-active: #009ef7;
    --jb-menu-link-bg-color-hover: #2B2B40;
    --jb-menu-link-bg-color-show: #2B2B40;
    --jb-menu-link-bg-color-here: #2B2B40;
    --jb-menu-link-bg-color-active: #2B2B40;
    --jb-feedback-popup-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    --jb-feedback-popup-background-color: #1e1e2d;
    --jb-scrollbar-color: #2B2B40;
    --jb-scrollbar-hover-color: #27273a;
    --jb-overlay-bg: rgba(255, 255, 255, 0.05);
    --jb-blockui-overlay-bg: rgba(255, 255, 255, 0.05);
    --jb-rating-color-default: #474761;
    --jb-rating-color-active: #FFAD0F;
    --jb-ribbon-label-box-shadow: 0px -1px 5px 0px rgba(255, 255, 255, 0.1);
    --jb-ribbon-label-bg: #009ef7;
    --jb-ribbon-label-border-color: #005d91;
    --jb-ribbon-clip-bg: #f5f8fa;
    --jb-engage-btn-bg: #2B2B40;
    --jb-engage-btn-color: #6D6D80;
    --jb-engage-btn-color-active: #CDCDDE
}

[data-theme=dark] {
    --bs-gray-100: #1b1b29;
    --bs-gray-200: #2B2B40;
    --bs-gray-300: #323248;
    --bs-gray-400: #474761;
    --bs-gray-500: #565674;
    --bs-gray-600: #6D6D80;
    --bs-gray-700: #92929F;
    --bs-gray-800: #CDCDDE;
    --bs-gray-900: #FFFFFF;
    --bs-dark: #FFFFFF;
    --bs-light: #2B2B40;
    --bs-secondary: #323248;
    --bs-body-color-rgb: 255,255,255;
    --bs-body-bg-rgb: 30,30,45;
    --bs-body-color: #FFFFFF;
    --bs-body-bg: #1e1e2d;
    --bs-border-color: #2B2B40;
    --bs-heading-color: #FFFFFF;
    --bs-link-color: #009ef7;
    --bs-link-hover-color: #0095e8;
    --bs-code-color: #b93993
}
:root,[data-theme=light] {
    --jb-app-bg-color: #f5f8fa;
    --jb-app-blank-bg-color: #ffffff;
    --jb-app-header-base-bg-color: #ffffff;
    --jb-app-header-base-bg-color-mobile: #ffffff;
    --jb-app-header-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --jb-app-header-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --jb-app-toolbar-base-bg-color: #ffffff;
    --jb-app-toolbar-base-bg-color-mobile: #ffffff;
    --jb-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --jb-app-toolbar-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --jb-app-toolbar-base-border-top: 1px solid #eff2f5;
    --jb-app-toolbar-base-border-top-mobile: 1px solid #eff2f5;
    --jb-app-footer-bg-color: #ffffff;
    --jb-app-footer-bg-color-mobile: #ffffff
}

[data-theme=dark] {
    --jb-app-bg-color: #151521;
    --jb-app-blank-bg-color: #151521;
    --jb-app-header-base-bg-color: #1e1e2d;
    --jb-app-header-base-bg-color-mobile: #1e1e2d;
    --jb-app-header-base-box-shadow: none;
    --jb-app-header-base-box-shadow-mobile: none;
    --jb-app-toolbar-base-bg-color: #1a1a27;
    --jb-app-toolbar-base-bg-color-mobile: #1a1a27;
    --jb-app-toolbar-base-box-shadow: none;
    --jb-app-toolbar-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --jb-app-toolbar-base-border-top: 0;
    --jb-app-toolbar-base-border-top-mobile: 1px solid #eff2f5;
    --jb-app-footer-bg-color: #1e1e2d;
    --jb-app-footer-bg-color-mobile: #1e1e2d
}
html:not([data-theme=dark]) {
    --jb-app-bg-color: #f5f8fa;
    --jb-app-blank-bg-color: #ffffff;
    --jb-app-header-base-bg-color: #ffffff;
    --jb-app-header-base-bg-color-mobile: #ffffff;
    --jb-app-header-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --jb-app-header-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --jb-app-header-base-menu-link-bg-color-active: #F4F6FA;
    --jb-app-header-light-separator-color: #E4E6EF;
    --jb-app-sidebar-base-toggle-btn-box-shadow: 0px 0px 10px rgba(113, 121, 136, 0.1);
    --jb-app-sidebar-base-toggle-btn-bg-color: #ffffff;
    --jb-app-sidebar-light-bg-color: #ffffff;
    --jb-app-sidebar-light-box-shadow: 0 0 28px 0 rgba(82, 63, 105, 0.05);
    --jb-app-sidebar-light-separator-color: #E4E6EF;
    --jb-app-sidebar-light-scrollbar-color: #eff2f5;
    --jb-app-sidebar-light-scrollbar-color-hover: #eff2f5;
    --jb-app-sidebar-light-menu-heading-color: #B5B5C3;
    --jb-app-sidebar-light-menu-link-bg-color-active: #F4F6FA;
    --jb-app-sidebar-light-header-menu-link-bg-color-active: #EAEEF2;
    --jb-app-toolbar-base-bg-color: #ffffff;
    --jb-app-toolbar-base-bg-color-mobile: #ffffff;
    --jb-app-toolbar-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --jb-app-toolbar-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --jb-app-toolbar-base-border-top: 1px solid #eff2f5;
    --jb-app-toolbar-base-border-top-mobile: 1px solid #eff2f5;
    --jb-app-footer-bg-color: #ffffff;
    --jb-app-footer-bg-color-mobile: #ffffff
}

[data-theme=dark] {
    --jb-app-bg-color: #151521;
    --jb-app-blank-bg-color: #151521;
    --jb-app-header-base-bg-color: #1e1e2d;
    --jb-app-header-base-bg-color-mobile: #1e1e2d;
    --jb-app-header-base-box-shadow: none;
    --jb-app-header-base-box-shadow-mobile: none;
    --jb-app-header-base-menu-link-bg-color-active: #2A2A3C;
    --jb-app-header-light-separator-color: #2B2B40;
    --jb-app-sidebar-base-toggle-btn-box-shadow: none;
    --jb-app-sidebar-base-toggle-btn-bg-color: #2A2A3C;
    --jb-app-sidebar-light-bg-color: #1e1e2d;
    --jb-app-sidebar-light-box-shadow: none;
    --jb-app-sidebar-light-separator-color: #2B2B40;
    --jb-app-sidebar-light-scrollbar-color: #2B2B40;
    --jb-app-sidebar-light-scrollbar-color-hover: #2B2B40;
    --jb-app-sidebar-light-menu-heading-color: #565674;
    --jb-app-sidebar-light-menu-link-bg-color-active: #2A2A3C;
    --jb-app-sidebar-light-header-menu-link-bg-color-active: #1b1b29;
    --jb-app-toolbar-base-bg-color: #1a1a27;
    --jb-app-toolbar-base-bg-color-mobile: #1a1a27;
    --jb-app-toolbar-base-box-shadow: none;
    --jb-app-toolbar-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --jb-app-toolbar-base-border-top: 0;
    --jb-app-toolbar-base-border-top-mobile: 1px solid #eff2f5;
    --jb-app-footer-bg-color: #1e1e2d;
    --jb-app-footer-bg-color-mobile: #1e1e2d
}
a {
    color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
    text-decoration: none;
}
.bg-white {
    --jb-bg-rgb-color: var(--jb-white-bg-rgb);
    background-color: #000!important
}

.bg-black {
    --jb-bg-rgb-color: var(--jb-black-bg-rgb);
    background-color: #000!important
}

.bg-body {
    --jb-bg-rgb-color: var(--jb-body-bg-rgb);
    background-color: var(--jb-body-bg)!important
}

.bg-hover-body {
    cursor: pointer
}

.bg-hover-body:hover {
    background-color: var(--jb-body-bg)!important
}

.bg-active-body.active {
    background-color: var(--jb-body-bg)!important
}

.bg-state-body {
    cursor: pointer
}

.bg-state-body.active,.bg-state-body:hover {
    background-color: var(--jb-body-bg)!important
}

.bg-white {
    --jb-bg-rgb-color: var(--jb-white-rgb);
    background-color: var(--jb-white)!important
}

.bg-hover-white {
    cursor: pointer
}

.bg-hover-white:hover {
    background-color: var(--jb-white)!important
}

.bg-active-white.active {
    background-color: var(--jb-white)!important
}

.bg-state-white {
    cursor: pointer
}

.bg-state-white.active,.bg-state-white:hover {
    background-color: var(--jb-white)!important
}

.bg-light {
    --jb-bg-rgb-color: var(--jb-light-rgb);
    background-color: var(--jb-light)!important
}

.bg-hover-light {
    cursor: pointer
}

.bg-hover-light:hover {
    background-color: var(--jb-light)!important
}

.bg-active-light.active {
    background-color: var(--jb-light)!important
}

.bg-state-light {
    cursor: pointer
}

.bg-state-light.active,.bg-state-light:hover {
    background-color: var(--jb-light)!important
}

.bg-light-primary {
    background-color: var(--jb-primary-light)!important
}

.bg-primary {
    --jb-bg-rgb-color: var(--jb-primary-rgb);
    background-color: var(--jb-primary)!important
}

.bg-hover-light-primary {
    cursor: pointer
}

.bg-hover-light-primary:hover {
    background-color: var(--jb-primary-light)!important
}

.bg-state-light-primary {
    cursor: pointer
}

.bg-state-light-primary.active,.bg-state-light-primary:hover {
    background-color: var(--jb-primary-light)!important
}

.bg-hover-primary {
    cursor: pointer
}

.bg-hover-primary:hover {
    background-color: var(--jb-primary)!important
}

.bg-active-primary.active {
    background-color: var(--jb-primary)!important
}

.bg-state-primary {
    cursor: pointer
}

.bg-state-primary.active,.bg-state-primary:hover {
    background-color: var(--jb-primary)!important
}

.bg-light-secondary {
    background-color: var(--jb-secondary-light)!important
}

.bg-secondary {
    --jb-bg-rgb-color: var(--jb-secondary-rgb);
    background-color: var(--jb-secondary)!important
}

.bg-hover-light-secondary {
    cursor: pointer
}

.bg-hover-light-secondary:hover {
    background-color: var(--jb-secondary-light)!important
}

.bg-state-light-secondary {
    cursor: pointer
}

.bg-state-light-secondary.active,.bg-state-light-secondary:hover {
    background-color: var(--jb-secondary-light)!important
}

.bg-hover-secondary {
    cursor: pointer
}

.bg-hover-secondary:hover {
    background-color: var(--jb-secondary)!important
}

.bg-active-secondary.active {
    background-color: var(--jb-secondary)!important
}

.bg-state-secondary {
    cursor: pointer
}

.bg-state-secondary.active,.bg-state-secondary:hover {
    background-color: var(--jb-secondary)!important
}

.bg-light-success {
    background-color: var(--jb-success-light)!important
}

.bg-success {
    --jb-bg-rgb-color: var(--jb-success-rgb);
    background-color: var(--jb-success)!important
}

.bg-hover-light-success {
    cursor: pointer
}

.bg-hover-light-success:hover {
    background-color: var(--jb-success-light)!important
}

.bg-state-light-success {
    cursor: pointer
}

.bg-state-light-success.active,.bg-state-light-success:hover {
    background-color: var(--jb-success-light)!important
}

.bg-hover-success {
    cursor: pointer
}

.bg-hover-success:hover {
    background-color: var(--jb-success)!important
}

.bg-active-success.active {
    background-color: var(--jb-success)!important
}

.bg-state-success {
    cursor: pointer
}

.bg-state-success.active,.bg-state-success:hover {
    background-color: var(--jb-success)!important
}

.bg-light-info {
    background-color: var(--jb-info-light)!important
}

.bg-info {
    --jb-bg-rgb-color: var(--jb-info-rgb);
    background-color: var(--jb-info)!important
}

.bg-hover-light-info {
    cursor: pointer
}

.bg-hover-light-info:hover {
    background-color: var(--jb-info-light)!important
}

.bg-state-light-info {
    cursor: pointer
}

.bg-state-light-info.active,.bg-state-light-info:hover {
    background-color: var(--jb-info-light)!important
}

.bg-hover-info {
    cursor: pointer
}

.bg-hover-info:hover {
    background-color: var(--jb-info)!important
}

.bg-active-info.active {
    background-color: var(--jb-info)!important
}

.bg-state-info {
    cursor: pointer
}

.bg-state-info.active,.bg-state-info:hover {
    background-color: var(--jb-info)!important
}

.bg-light-warning {
    background-color: var(--jb-warning-light)!important
}

.bg-warning {
    --jb-bg-rgb-color: var(--jb-warning-rgb);
    background-color: var(--jb-warning)!important
}

.bg-hover-light-warning {
    cursor: pointer
}

.bg-hover-light-warning:hover {
    background-color: var(--jb-warning-light)!important
}

.bg-state-light-warning {
    cursor: pointer
}

.bg-state-light-warning.active,.bg-state-light-warning:hover {
    background-color: var(--jb-warning-light)!important
}

.bg-hover-warning {
    cursor: pointer
}

.bg-hover-warning:hover {
    background-color: var(--jb-warning)!important
}

.bg-active-warning.active {
    background-color: var(--jb-warning)!important
}

.bg-state-warning {
    cursor: pointer
}

.bg-state-warning.active,.bg-state-warning:hover {
    background-color: var(--jb-warning)!important
}

.bg-light-danger {
    background-color: var(--jb-danger-light)!important
}

.bg-danger {
    --jb-bg-rgb-color: var(--jb-danger-rgb);
    background-color: var(--jb-danger)!important
}

.bg-hover-light-danger {
    cursor: pointer
}

.bg-hover-light-danger:hover {
    background-color: var(--jb-danger-light)!important
}

.bg-state-light-danger {
    cursor: pointer
}

.bg-state-light-danger.active,.bg-state-light-danger:hover {
    background-color: var(--jb-danger-light)!important
}

.bg-hover-danger {
    cursor: pointer
}

.bg-hover-danger:hover {
    background-color: var(--jb-danger)!important
}

.bg-active-danger.active {
    background-color: var(--jb-danger)!important
}

.bg-state-danger {
    cursor: pointer
}

.bg-state-danger.active,.bg-state-danger:hover {
    background-color: var(--jb-danger)!important
}

.bg-light-dark {
    background-color: var(--jb-dark-light)!important
}

.bg-dark {
    --jb-bg-rgb-color: var(--jb-dark-rgb);
    background-color: var(--jb-dark)!important
}

.bg-hover-light-dark {
    cursor: pointer
}

.bg-hover-light-dark:hover {
    background-color: var(--jb-dark-light)!important
}

.bg-state-light-dark {
    cursor: pointer
}

.bg-state-light-dark.active,.bg-state-light-dark:hover {
    background-color: var(--jb-dark-light)!important
}

.bg-hover-dark {
    cursor: pointer
}

.bg-hover-dark:hover {
    background-color: var(--jb-dark)!important
}

.bg-active-dark.active {
    background-color: var(--jb-dark)!important
}

.bg-state-dark {
    cursor: pointer
}

.bg-state-dark.active,.bg-state-dark:hover {
    background-color: var(--jb-dark)!important
}

.bg-gray-100 {
    background-color: var(--jb-gray-100)
}

.bg-gray-100i {
    background-color: var(--jb-gray-100)!important
}

.bg-gray-200 {
    background-color: var(--jb-gray-200)
}

.bg-gray-200i {
    background-color: var(--jb-gray-200)!important
}

.bg-gray-300 {
    background-color: var(--jb-gray-300)
}

.bg-gray-300i {
    background-color: var(--jb-gray-300)!important
}

.bg-gray-400 {
    background-color: var(--jb-gray-400)
}

.bg-gray-400i {
    background-color: var(--jb-gray-400)!important
}

.bg-gray-500 {
    background-color: var(--jb-gray-500)
}

.bg-gray-500i {
    background-color: var(--jb-gray-500)!important
}

.bg-gray-600 {
    background-color: var(--jb-gray-600)
}

.bg-gray-600i {
    background-color: var(--jb-gray-600)!important
}

.bg-gray-700 {
    background-color: var(--jb-gray-700)
}

.bg-gray-700i {
    background-color: var(--jb-gray-700)!important
}

.bg-gray-800 {
    background-color: var(--jb-gray-800)
}

.bg-gray-800i {
    background-color: var(--jb-gray-800)!important
}

.bg-gray-900 {
    background-color: var(--jb-gray-900)
}

.bg-gray-900i {
    background-color: var(--jb-gray-900)!important
}

.bg-opacity-0 {
    background-color: rgba(var(--jb-bg-rgb-color),0)!important
}

.bg-hover-opacity-0:hover {
    background-color: rgba(var(--jb-bg-rgb-color),0)!important
}

.bg-active-opacity-0.active {
    background-color: rgba(var(--jb-bg-rgb-color),0)!important
}

.bg-state-opacity-0 .active,.bg-state-opacity-0:hover {
    background-color: rgba(var(--jb-bg-rgb-color),0)!important
}

.bg-opacity-5 {
    background-color: rgba(var(--jb-bg-rgb-color),.05)!important
}

.bg-hover-opacity-5:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.05)!important
}

.bg-active-opacity-5.active {
    background-color: rgba(var(--jb-bg-rgb-color),.05)!important
}

.bg-state-opacity-5 .active,.bg-state-opacity-5:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.05)!important
}

.bg-opacity-10 {
    background-color: rgba(var(--jb-bg-rgb-color),.1)!important
}

.bg-hover-opacity-10:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.1)!important
}

.bg-active-opacity-10.active {
    background-color: rgba(var(--jb-bg-rgb-color),.1)!important
}

.bg-state-opacity-10 .active,.bg-state-opacity-10:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.1)!important
}

.bg-opacity-15 {
    background-color: rgba(var(--jb-bg-rgb-color),.15)!important
}

.bg-hover-opacity-15:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.15)!important
}

.bg-active-opacity-15.active {
    background-color: rgba(var(--jb-bg-rgb-color),.15)!important
}

.bg-state-opacity-15 .active,.bg-state-opacity-15:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.15)!important
}

.bg-opacity-20 {
    background-color: rgba(var(--jb-bg-rgb-color),.2)!important
}

.bg-hover-opacity-20:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.2)!important
}

.bg-active-opacity-20.active {
    background-color: rgba(var(--jb-bg-rgb-color),.2)!important
}

.bg-state-opacity-20 .active,.bg-state-opacity-20:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.2)!important
}

.bg-opacity-25 {
    background-color: rgba(var(--jb-bg-rgb-color),.25)!important
}

.bg-hover-opacity-25:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.25)!important
}

.bg-active-opacity-25.active {
    background-color: rgba(var(--jb-bg-rgb-color),.25)!important
}

.bg-state-opacity-25 .active,.bg-state-opacity-25:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.25)!important
}

.bg-opacity-50 {
    background-color: rgba(var(--jb-bg-rgb-color),.5)!important
}

.bg-hover-opacity-50:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.5)!important
}

.bg-active-opacity-50.active {
    background-color: rgba(var(--jb-bg-rgb-color),.5)!important
}

.bg-state-opacity-50 .active,.bg-state-opacity-50:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.5)!important
}

.bg-opacity-75 {
    background-color: rgba(var(--jb-bg-rgb-color),.75)!important
}

.bg-hover-opacity-75:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.75)!important
}

.bg-active-opacity-75.active {
    background-color: rgba(var(--jb-bg-rgb-color),.75)!important
}

.bg-state-opacity-75 .active,.bg-state-opacity-75:hover {
    background-color: rgba(var(--jb-bg-rgb-color),.75)!important
}

.bg-opacity-100 {
    background-color: rgba(var(--jb-bg-rgb-color),1)!important
}

.bg-hover-opacity-100:hover {
    background-color: rgba(var(--jb-bg-rgb-color),1)!important
}

.bg-active-opacity-100.active {
    background-color: rgba(var(--jb-bg-rgb-color),1)!important
}

.bg-state-opacity-100 .active,.bg-state-opacity-100:hover {
    background-color: rgba(var(--jb-bg-rgb-color),1)!important
}
.text-white {
    color: var(--jb-text-white)!important
}

.text-hover-white {
    transition: color .2s ease
}

.text-hover-white i {
    transition: color .2s ease
}

.text-hover-white:hover {
    transition: color .2s ease;
    color: var(--jb-text-white)!important
}

.text-hover-white:hover i {
    transition: color .2s ease;
    color: var(--jb-text-white)!important
}

.text-hover-white:hover .svg-icon {
    color: var(--jb-text-white)!important
}

.text-active-white {
    transition: color .2s ease
}

.text-active-white i {
    transition: color .2s ease
}

.text-active-white.active {
    transition: color .2s ease;
    color: var(--jb-text-white)!important
}

.text-active-white.active i {
    transition: color .2s ease;
    color: var(--jb-text-white)!important
}

.text-active-white.active .svg-icon {
    color: var(--jb-text-white)!important
}

.text-primary {
    color: var(--jb-text-primary)!important
}

.text-inverse-primary {
    color: var(--jb-primary-inverse)!important
}

.text-light-primary {
    color: var(--jb-primary-light)!important
}

.text-hover-primary {
    transition: color .2s ease
}

.text-hover-primary i {
    transition: color .2s ease
}

.text-hover-primary:hover {
    transition: color .2s ease;
    color: var(--jb-text-primary)!important
}

.text-hover-primary:hover i {
    transition: color .2s ease;
    color: var(--jb-text-primary)!important
}

.text-hover-primary:hover .svg-icon {
    color: var(--jb-text-primary)!important
}

.text-active-primary {
    transition: color .2s ease
}

.text-active-primary i {
    transition: color .2s ease
}

.text-active-primary.active {
    transition: color .2s ease;
    color: var(--jb-text-primary)!important
}

.text-active-primary.active i {
    transition: color .2s ease;
    color: var(--jb-text-primary)!important
}

.text-active-primary.active .svg-icon {
    color: var(--jb-text-primary)!important
}

.text-secondary {
    color: var(--jb-text-secondary)!important
}

.text-inverse-secondary {
    color: var(--jb-secondary-inverse)!important
}

.text-light-secondary {
    color: var(--jb-secondary-light)!important
}

.text-hover-secondary {
    transition: color .2s ease
}

.text-hover-secondary i {
    transition: color .2s ease
}

.text-hover-secondary:hover {
    transition: color .2s ease;
    color: var(--jb-text-secondary)!important
}

.text-hover-secondary:hover i {
    transition: color .2s ease;
    color: var(--jb-text-secondary)!important
}

.text-hover-secondary:hover .svg-icon {
    color: var(--jb-text-secondary)!important
}

.text-active-secondary {
    transition: color .2s ease
}

.text-active-secondary i {
    transition: color .2s ease
}

.text-active-secondary.active {
    transition: color .2s ease;
    color: var(--jb-text-secondary)!important
}

.text-active-secondary.active i {
    transition: color .2s ease;
    color: var(--jb-text-secondary)!important
}

.text-active-secondary.active .svg-icon {
    color: var(--jb-text-secondary)!important
}

.text-light {
    color: var(--jb-text-light)!important
}

.text-inverse-light {
    color: var(--jb-light-inverse)!important
}

.text-hover-light {
    transition: color .2s ease
}

.text-hover-light i {
    transition: color .2s ease
}

.text-hover-light:hover {
    transition: color .2s ease;
    color: var(--jb-text-light)!important
}

.text-hover-light:hover i {
    transition: color .2s ease;
    color: var(--jb-text-light)!important
}

.text-hover-light:hover .svg-icon {
    color: var(--jb-text-light)!important
}

.text-active-light {
    transition: color .2s ease
}

.text-active-light i {
    transition: color .2s ease
}

.text-active-light.active {
    transition: color .2s ease;
    color: var(--jb-text-light)!important
}

.text-active-light.active i {
    transition: color .2s ease;
    color: var(--jb-text-light)!important
}

.text-active-light.active .svg-icon {
    color: var(--jb-text-light)!important
}

.text-success {
    color: var(--jb-text-success)!important
}

.text-inverse-success {
    color: var(--jb-success-inverse)!important
}

.text-light-success {
    color: var(--jb-success-light)!important
}

.text-hover-success {
    transition: color .2s ease
}

.text-hover-success i {
    transition: color .2s ease
}

.text-hover-success:hover {
    transition: color .2s ease;
    color: var(--jb-text-success)!important
}

.text-hover-success:hover i {
    transition: color .2s ease;
    color: var(--jb-text-success)!important
}

.text-hover-success:hover .svg-icon {
    color: var(--jb-text-success)!important
}

.text-active-success {
    transition: color .2s ease
}

.text-active-success i {
    transition: color .2s ease
}

.text-active-success.active {
    transition: color .2s ease;
    color: var(--jb-text-success)!important
}

.text-active-success.active i {
    transition: color .2s ease;
    color: var(--jb-text-success)!important
}

.text-active-success.active .svg-icon {
    color: var(--jb-text-success)!important
}

.text-info {
    color: var(--jb-text-info)!important
}

.text-inverse-info {
    color: var(--jb-info-inverse)!important
}

.text-light-info {
    color: var(--jb-info-light)!important
}

.text-hover-info {
    transition: color .2s ease
}

.text-hover-info i {
    transition: color .2s ease
}

.text-hover-info:hover {
    transition: color .2s ease;
    color: var(--jb-text-info)!important
}

.text-hover-info:hover i {
    transition: color .2s ease;
    color: var(--jb-text-info)!important
}

.text-hover-info:hover .svg-icon {
    color: var(--jb-text-info)!important
}

.text-active-info {
    transition: color .2s ease
}

.text-active-info i {
    transition: color .2s ease
}

.text-active-info.active {
    transition: color .2s ease;
    color: var(--jb-text-info)!important
}

.text-active-info.active i {
    transition: color .2s ease;
    color: var(--jb-text-info)!important
}

.text-active-info.active .svg-icon {
    color: var(--jb-text-info)!important
}

.text-warning {
    color: var(--jb-text-warning)!important
}

.text-inverse-warning {
    color: var(--jb-warning-inverse)!important
}

.text-light-warning {
    color: var(--jb-warning-light)!important
}

.text-hover-warning {
    transition: color .2s ease
}

.text-hover-warning i {
    transition: color .2s ease
}

.text-hover-warning:hover {
    transition: color .2s ease;
    color: var(--jb-text-warning)!important
}

.text-hover-warning:hover i {
    transition: color .2s ease;
    color: var(--jb-text-warning)!important
}

.text-hover-warning:hover .svg-icon {
    color: var(--jb-text-warning)!important
}

.text-active-warning {
    transition: color .2s ease
}

.text-active-warning i {
    transition: color .2s ease
}

.text-active-warning.active {
    transition: color .2s ease;
    color: var(--jb-text-warning)!important
}

.text-active-warning.active i {
    transition: color .2s ease;
    color: var(--jb-text-warning)!important
}

.text-active-warning.active .svg-icon {
    color: var(--jb-text-warning)!important
}

.text-danger {
    color: var(--jb-text-danger)!important
}

.text-inverse-danger {
    color: var(--jb-danger-inverse)!important
}

.text-light-danger {
    color: var(--jb-danger-light)!important
}

.text-hover-danger {
    transition: color .2s ease
}

.text-hover-danger i {
    transition: color .2s ease
}

.text-hover-danger:hover {
    transition: color .2s ease;
    color: var(--jb-text-danger)!important
}

.text-hover-danger:hover i {
    transition: color .2s ease;
    color: var(--jb-text-danger)!important
}

.text-hover-danger:hover .svg-icon {
    color: var(--jb-text-danger)!important
}

.text-active-danger {
    transition: color .2s ease
}

.text-active-danger i {
    transition: color .2s ease
}

.text-active-danger.active {
    transition: color .2s ease;
    color: var(--jb-text-danger)!important
}

.text-active-danger.active i {
    transition: color .2s ease;
    color: var(--jb-text-danger)!important
}

.text-active-danger.active .svg-icon {
    color: var(--jb-text-danger)!important
}

.text-dark {
    color: var(--jb-text-dark)!important
}

.text-inverse-dark {
    color: var(--jb-dark-inverse)!important
}

.text-light-dark {
    color: var(--jb-dark-light)!important
}

.text-hover-dark {
    transition: color .2s ease
}

.text-hover-dark i {
    transition: color .2s ease
}

.text-hover-dark:hover {
    transition: color .2s ease;
    color: var(--jb-text-dark)!important
}

.text-hover-dark:hover i {
    transition: color .2s ease;
    color: var(--jb-text-dark)!important
}

.text-hover-dark:hover .svg-icon {
    color: var(--jb-text-dark)!important
}

.text-active-dark {
    transition: color .2s ease
}

.text-active-dark i {
    transition: color .2s ease
}

.text-active-dark.active {
    transition: color .2s ease;
    color: var(--jb-text-dark)!important
}

.text-active-dark.active i {
    transition: color .2s ease;
    color: var(--jb-text-dark)!important
}

.text-active-dark.active .svg-icon {
    color: var(--jb-text-dark)!important
}

.text-muted {
    color: var(--jb-text-muted)!important
}

.text-hover-muted {
    transition: color .2s ease
}

.text-hover-muted i {
    transition: color .2s ease
}

.text-hover-muted:hover {
    transition: color .2s ease;
    color: var(--jb-text-muted)!important
}

.text-hover-muted:hover i {
    transition: color .2s ease;
    color: var(--jb-text-muted)!important
}

.text-hover-muted:hover .svg-icon {
    color: var(--jb-text-muted)!important
}

.text-active-muted {
    transition: color .2s ease
}

.text-active-muted i {
    transition: color .2s ease
}

.text-active-muted.active {
    transition: color .2s ease;
    color: var(--jb-text-muted)!important
}

.text-active-muted.active i {
    transition: color .2s ease;
    color: var(--jb-text-muted)!important
}

.text-active-muted.active .svg-icon {
    color: var(--jb-text-muted)!important
}

.text-gray-100 {
    color: var(--jb-text-gray-100)!important
}

.text-hover-gray-100 {
    transition: color .2s ease
}

.text-hover-gray-100 i {
    transition: color .2s ease
}

.text-hover-gray-100:hover {
    transition: color .2s ease;
    color: var(--jb-text-gray-100)!important
}

.text-hover-gray-100:hover i {
    transition: color .2s ease;
    color: var(--jb-text-gray-100)!important
}

.text-hover-gray-100:hover .svg-icon {
    color: var(--jb-text-gray-100)!important
}

.text-active-gray-100 {
    transition: color .2s ease
}

.text-active-gray-100 i {
    transition: color .2s ease
}

.text-active-gray-100.active {
    transition: color .2s ease;
    color: var(--jb-text-gray-100)!important
}

.text-active-gray-100.active i {
    transition: color .2s ease;
    color: var(--jb-text-gray-100)!important
}

.text-active-gray-100.active .svg-icon {
    color: var(--jb-text-gray-100)!important
}

.text-gray-200 {
    color: var(--jb-text-gray-200)!important
}

.text-hover-gray-200 {
    transition: color .2s ease
}

.text-hover-gray-200 i {
    transition: color .2s ease
}

.text-hover-gray-200:hover {
    transition: color .2s ease;
    color: var(--jb-text-gray-200)!important
}

.text-hover-gray-200:hover i {
    transition: color .2s ease;
    color: var(--jb-text-gray-200)!important
}

.text-hover-gray-200:hover .svg-icon {
    color: var(--jb-text-gray-200)!important
}

.text-active-gray-200 {
    transition: color .2s ease
}

.text-active-gray-200 i {
    transition: color .2s ease
}

.text-active-gray-200.active {
    transition: color .2s ease;
    color: var(--jb-text-gray-200)!important
}

.text-active-gray-200.active i {
    transition: color .2s ease;
    color: var(--jb-text-gray-200)!important
}

.text-active-gray-200.active .svg-icon {
    color: var(--jb-text-gray-200)!important
}

.text-gray-300 {
    color: var(--jb-text-gray-300)!important
}

.text-hover-gray-300 {
    transition: color .2s ease
}

.text-hover-gray-300 i {
    transition: color .2s ease
}

.text-hover-gray-300:hover {
    transition: color .2s ease;
    color: var(--jb-text-gray-300)!important
}

.text-hover-gray-300:hover i {
    transition: color .2s ease;
    color: var(--jb-text-gray-300)!important
}

.text-hover-gray-300:hover .svg-icon {
    color: var(--jb-text-gray-300)!important
}

.text-active-gray-300 {
    transition: color .2s ease
}

.text-active-gray-300 i {
    transition: color .2s ease
}

.text-active-gray-300.active {
    transition: color .2s ease;
    color: var(--jb-text-gray-300)!important
}

.text-active-gray-300.active i {
    transition: color .2s ease;
    color: var(--jb-text-gray-300)!important
}

.text-active-gray-300.active .svg-icon {
    color: var(--jb-text-gray-300)!important
}

.text-gray-400 {
    color: var(--jb-text-gray-400)!important
}

.text-hover-gray-400 {
    transition: color .2s ease
}

.text-hover-gray-400 i {
    transition: color .2s ease
}

.text-hover-gray-400:hover {
    transition: color .2s ease;
    color: var(--jb-text-gray-400)!important
}

.text-hover-gray-400:hover i {
    transition: color .2s ease;
    color: var(--jb-text-gray-400)!important
}

.text-hover-gray-400:hover .svg-icon {
    color: var(--jb-text-gray-400)!important
}

.text-active-gray-400 {
    transition: color .2s ease
}

.text-active-gray-400 i {
    transition: color .2s ease
}

.text-active-gray-400.active {
    transition: color .2s ease;
    color: var(--jb-text-gray-400)!important
}

.text-active-gray-400.active i {
    transition: color .2s ease;
    color: var(--jb-text-gray-400)!important
}

.text-active-gray-400.active .svg-icon {
    color: var(--jb-text-gray-400)!important
}

.text-gray-500 {
    color: var(--jb-text-gray-500)!important
}

.text-hover-gray-500 {
    transition: color .2s ease
}

.text-hover-gray-500 i {
    transition: color .2s ease
}

.text-hover-gray-500:hover {
    transition: color .2s ease;
    color: var(--jb-text-gray-500)!important
}

.text-hover-gray-500:hover i {
    transition: color .2s ease;
    color: var(--jb-text-gray-500)!important
}

.text-hover-gray-500:hover .svg-icon {
    color: var(--jb-text-gray-500)!important
}

.text-active-gray-500 {
    transition: color .2s ease
}

.text-active-gray-500 i {
    transition: color .2s ease
}

.text-active-gray-500.active {
    transition: color .2s ease;
    color: var(--jb-text-gray-500)!important
}

.text-active-gray-500.active i {
    transition: color .2s ease;
    color: var(--jb-text-gray-500)!important
}

.text-active-gray-500.active .svg-icon {
    color: var(--jb-text-gray-500)!important
}

.text-gray-600 {
    color: var(--jb-text-gray-600)!important
}

.text-hover-gray-600 {
    transition: color .2s ease
}

.text-hover-gray-600 i {
    transition: color .2s ease
}

.text-hover-gray-600:hover {
    transition: color .2s ease;
    color: var(--jb-text-gray-600)!important
}

.text-hover-gray-600:hover i {
    transition: color .2s ease;
    color: var(--jb-text-gray-600)!important
}

.text-hover-gray-600:hover .svg-icon {
    color: var(--jb-text-gray-600)!important
}

.text-active-gray-600 {
    transition: color .2s ease
}

.text-active-gray-600 i {
    transition: color .2s ease
}

.text-active-gray-600.active {
    transition: color .2s ease;
    color: var(--jb-text-gray-600)!important
}

.text-active-gray-600.active i {
    transition: color .2s ease;
    color: var(--jb-text-gray-600)!important
}

.text-active-gray-600.active .svg-icon {
    color: var(--jb-text-gray-600)!important
}

.text-gray-700 {
    color: var(--jb-text-gray-700)!important
}

.text-hover-gray-700 {
    transition: color .2s ease
}

.text-hover-gray-700 i {
    transition: color .2s ease
}

.text-hover-gray-700:hover {
    transition: color .2s ease;
    color: var(--jb-text-gray-700)!important
}

.text-hover-gray-700:hover i {
    transition: color .2s ease;
    color: var(--jb-text-gray-700)!important
}

.text-hover-gray-700:hover .svg-icon {
    color: var(--jb-text-gray-700)!important
}

.text-active-gray-700 {
    transition: color .2s ease
}

.text-active-gray-700 i {
    transition: color .2s ease
}

.text-active-gray-700.active {
    transition: color .2s ease;
    color: var(--jb-text-gray-700)!important
}

.text-active-gray-700.active i {
    transition: color .2s ease;
    color: var(--jb-text-gray-700)!important
}

.text-active-gray-700.active .svg-icon {
    color: var(--jb-text-gray-700)!important
}

.text-gray-800 {
    color: var(--jb-text-gray-800)!important
}

.text-hover-gray-800 {
    transition: color .2s ease
}

.text-hover-gray-800 i {
    transition: color .2s ease
}

.text-hover-gray-800:hover {
    transition: color .2s ease;
    color: var(--jb-text-gray-800)!important
}

.text-hover-gray-800:hover i {
    transition: color .2s ease;
    color: var(--jb-text-gray-800)!important
}

.text-hover-gray-800:hover .svg-icon {
    color: var(--jb-text-gray-800)!important
}

.text-active-gray-800 {
    transition: color .2s ease
}

.text-active-gray-800 i {
    transition: color .2s ease
}

.text-active-gray-800.active {
    transition: color .2s ease;
    color: var(--jb-text-gray-800)!important
}

.text-active-gray-800.active i {
    transition: color .2s ease;
    color: var(--jb-text-gray-800)!important
}

.text-active-gray-800.active .svg-icon {
    color: var(--jb-text-gray-800)!important
}

.text-gray-900 {
    color: var(--jb-text-gray-900)!important
}

.text-hover-gray-900 {
    transition: color .2s ease
}

.text-hover-gray-900 i {
    transition: color .2s ease
}

.text-hover-gray-900:hover {
    transition: color .2s ease;
    color: var(--jb-text-gray-900)!important
}

.text-hover-gray-900:hover i {
    transition: color .2s ease;
    color: var(--jb-text-gray-900)!important
}

.text-hover-gray-900:hover .svg-icon {
    color: var(--jb-text-gray-900)!important
}

.text-active-gray-900 {
    transition: color .2s ease
}

.text-active-gray-900 i {
    transition: color .2s ease
}

.text-active-gray-900.active {
    transition: color .2s ease;
    color: var(--jb-text-gray-900)!important
}

.text-active-gray-900.active i {
    transition: color .2s ease;
    color: var(--jb-text-gray-900)!important
}

.text-active-gray-900.active .svg-icon {
    color: var(--jb-text-gray-900)!important
}

.text-transparent {
    color: transparent
}

.btn.btn-link {
    border: 0;
    border-radius: 0;
    padding-left: 0!important;
    padding-right: 0!important;
    text-decoration: none;
    font-weight: 500
}

.btn.btn-outline:not(.btn-outline-dashed) {
    border: 1px solid var(--jb-input-border-color)
}

.btn.btn-outline-dashed {
    border: 1px dashed var(--jb-input-border-color)
}

.btn.btn-flush {
    appearance: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    cursor: pointer;
    background-color: transparent;
    outline: 0!important;
    margin: 0;
    padding: 0
}

.btn.btn-flex {
    display: inline-flex;
    align-items: center
}

.btn.btn-trim-start {
    justify-content: flex-start!important;
    padding-left: 0!important
}

.btn.btn-trim-end {
    justify-content: flex-end!important;
    padding-right: 0!important
}

.btn i {
    display: inline-flex;
    vertical-align: middle;
    line-height: 0
}
.btn .svg-icon {
    flex-shrink: 0;
    line-height: 0;
    margin-right: .5rem
}

.btn.btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: calc(1.5em + 1.55rem + 2px);
    width: calc(1.5em + 1.55rem + 2px)
}
.btn {
    --bs-btn-color: var(--jb-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    outline: 0!important
}

.btn:not(.btn-shadow):not(.shadow):not(.shadow-sm):not(.shadow-lg):not(.shadow-xs) {
    box-shadow: none!important
}

.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) {
    border: 0;
    padding: calc(.375rem + 1px) calc(1.5rem + 1px)
}

.btn-group-lg>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon),.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-lg {
    padding: calc(.825rem + 1px) calc(1.75rem + 1px)
}

.btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon),.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm {
    padding: calc(.55rem + 1px) calc(1.25rem + 1px)
}
.btn.btn-icon:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush) {
    border: 0
}

.btn-group-sm>.btn.btn-icon,.btn.btn-icon.btn-sm {
    height: calc(1.5em + 1.1rem + 2px);
    width: calc(1.5em + 1.1rem + 2px)
}

.btn-group-lg>.btn.btn-icon,.btn.btn-icon.btn-lg {
    height: calc(1.5em + 1.65rem + 2px);
    width: calc(1.5em + 1.65rem + 2px)
}

.btn.btn-icon.btn-circle {
    border-radius: 50%
}

.btn.btn-icon .svg-icon,.btn.btn-icon i {
    padding: 0;
    margin: 0;
    line-height: 1
}

.btn.btn-outline.btn-outline-dashed {
    border-width: 1px;
    border-style: dashed
}

.btn-check:active+.btn.btn-outline.btn-outline-dashed,.btn-check:checked+.btn.btn-outline.btn-outline-dashed,.btn.btn-outline.btn-outline-dashed.active,.btn.btn-outline.btn-outline-dashed.show,.btn.btn-outline.btn-outline-dashed:active:not(.btn-active),.btn.btn-outline.btn-outline-dashed:focus:not(.btn-active),.btn.btn-outline.btn-outline-dashed:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-dashed {
    border-color: var(--jb-primary)
}

.btn.btn-white {
    color: var(--jb-white-inverse);
    border-color: var(--jb-white);
    background-color: var(--jb-white)
}

.btn.btn-white .svg-icon,.btn.btn-white i {
    color: var(--jb-white-inverse)
}

.btn.btn-white.dropdown-toggle:after {
    color: var(--jb-white-inverse)
}

.btn-check:active+.btn.btn-white,.btn-check:checked+.btn.btn-white,.btn.btn-white.active,.btn.btn-white.show,.btn.btn-white:active:not(.btn-active),.btn.btn-white:focus:not(.btn-active),.btn.btn-white:hover:not(.btn-active),.show>.btn.btn-white {
    color: var(--jb-white-inverse);
    border-color: var(--jb-white-active);
    background-color: var(--jb-white-active)!important
}

.btn-check:active+.btn.btn-white .svg-icon,.btn-check:active+.btn.btn-white i,.btn-check:checked+.btn.btn-white .svg-icon,.btn-check:checked+.btn.btn-white i,.btn.btn-white.active .svg-icon,.btn.btn-white.active i,.btn.btn-white.show .svg-icon,.btn.btn-white.show i,.btn.btn-white:active:not(.btn-active) .svg-icon,.btn.btn-white:active:not(.btn-active) i,.btn.btn-white:focus:not(.btn-active) .svg-icon,.btn.btn-white:focus:not(.btn-active) i,.btn.btn-white:hover:not(.btn-active) .svg-icon,.btn.btn-white:hover:not(.btn-active) i,.show>.btn.btn-white .svg-icon,.show>.btn.btn-white i {
    color: var(--jb-white-inverse)
}

.btn-check:active+.btn.btn-white.dropdown-toggle:after,.btn-check:checked+.btn.btn-white.dropdown-toggle:after,.btn.btn-white.active.dropdown-toggle:after,.btn.btn-white.show.dropdown-toggle:after,.btn.btn-white:active:not(.btn-active).dropdown-toggle:after,.btn.btn-white:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-white:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-white.dropdown-toggle:after {
    color: var(--jb-white-inverse)
}

.btn.btn-bg-white {
    border-color: var(--jb-white);
    background-color: var(--jb-white)
}

.btn-check:active+.btn.btn-active-white,.btn-check:checked+.btn.btn-active-white,.btn.btn-active-white.active,.btn.btn-active-white.show,.btn.btn-active-white:active:not(.btn-active),.btn.btn-active-white:focus:not(.btn-active),.btn.btn-active-white:hover:not(.btn-active),.show>.btn.btn-active-white {
    color: var(--jb-white-inverse);
    border-color: var(--jb-white);
    background-color: var(--jb-white)!important
}

.btn-check:active+.btn.btn-active-white .svg-icon,.btn-check:active+.btn.btn-active-white i,.btn-check:checked+.btn.btn-active-white .svg-icon,.btn-check:checked+.btn.btn-active-white i,.btn.btn-active-white.active .svg-icon,.btn.btn-active-white.active i,.btn.btn-active-white.show .svg-icon,.btn.btn-active-white.show i,.btn.btn-active-white:active:not(.btn-active) .svg-icon,.btn.btn-active-white:active:not(.btn-active) i,.btn.btn-active-white:focus:not(.btn-active) .svg-icon,.btn.btn-active-white:focus:not(.btn-active) i,.btn.btn-active-white:hover:not(.btn-active) .svg-icon,.btn.btn-active-white:hover:not(.btn-active) i,.show>.btn.btn-active-white .svg-icon,.show>.btn.btn-active-white i {
    color: var(--jb-white-inverse)
}

.btn-check:active+.btn.btn-active-white.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-white.dropdown-toggle:after,.btn.btn-active-white.active.dropdown-toggle:after,.btn.btn-active-white.show.dropdown-toggle:after,.btn.btn-active-white:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-white:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-white:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-white.dropdown-toggle:after {
    color: var(--jb-white-inverse)
}

.btn.btn-outline.btn-outline-white {
    color: var(--jb-white);
    border-color: var(--jb-white);
    background-color: transparent
}

.btn.btn-outline.btn-outline-white .svg-icon,.btn.btn-outline.btn-outline-white i {
    color: var(--jb-white)
}

.btn.btn-outline.btn-outline-white.dropdown-toggle:after {
    color: var(--jb-white)
}

.btn-check:active+.btn.btn-outline.btn-outline-white,.btn-check:checked+.btn.btn-outline.btn-outline-white,.btn.btn-outline.btn-outline-white.active,.btn.btn-outline.btn-outline-white.show,.btn.btn-outline.btn-outline-white:active:not(.btn-active),.btn.btn-outline.btn-outline-white:focus:not(.btn-active),.btn.btn-outline.btn-outline-white:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-white {
    color: var(--jb-white-active);
    border-color: var(--jb-white);
    background-color: var(--jb-white-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-white .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-white i,.btn-check:checked+.btn.btn-outline.btn-outline-white .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-white i,.btn.btn-outline.btn-outline-white.active .svg-icon,.btn.btn-outline.btn-outline-white.active i,.btn.btn-outline.btn-outline-white.show .svg-icon,.btn.btn-outline.btn-outline-white.show i,.btn.btn-outline.btn-outline-white:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-white:active:not(.btn-active) i,.btn.btn-outline.btn-outline-white:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-white:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-white:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-white:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-white .svg-icon,.show>.btn.btn-outline.btn-outline-white i {
    color: var(--jb-white-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-white.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-white.dropdown-toggle:after,.btn.btn-outline.btn-outline-white.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-white.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-white:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-white:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-white:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-white.dropdown-toggle:after {
    color: var(--jb-white-active)
}

.btn.btn-light {
    color: var(--jb-light-inverse);
    border-color: var(--jb-light);
    background-color: var(--jb-light)
}

.btn.btn-light .svg-icon,.btn.btn-light i {
    color: var(--jb-light-inverse)
}

.btn.btn-light.dropdown-toggle:after {
    color: var(--jb-light-inverse)
}

.btn-check:active+.btn.btn-light,.btn-check:checked+.btn.btn-light,.btn.btn-light.active,.btn.btn-light.show,.btn.btn-light:active:not(.btn-active),.btn.btn-light:focus:not(.btn-active),.btn.btn-light:hover:not(.btn-active),.show>.btn.btn-light {
    color: var(--jb-light-inverse);
    border-color: var(--jb-light-active);
    background-color: var(--jb-light-active)!important
}

.btn-check:active+.btn.btn-light .svg-icon,.btn-check:active+.btn.btn-light i,.btn-check:checked+.btn.btn-light .svg-icon,.btn-check:checked+.btn.btn-light i,.btn.btn-light.active .svg-icon,.btn.btn-light.active i,.btn.btn-light.show .svg-icon,.btn.btn-light.show i,.btn.btn-light:active:not(.btn-active) .svg-icon,.btn.btn-light:active:not(.btn-active) i,.btn.btn-light:focus:not(.btn-active) .svg-icon,.btn.btn-light:focus:not(.btn-active) i,.btn.btn-light:hover:not(.btn-active) .svg-icon,.btn.btn-light:hover:not(.btn-active) i,.show>.btn.btn-light .svg-icon,.show>.btn.btn-light i {
    color: var(--jb-light-inverse)
}

.btn-check:active+.btn.btn-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-light.dropdown-toggle:after,.btn.btn-light.active.dropdown-toggle:after,.btn.btn-light.show.dropdown-toggle:after,.btn.btn-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light.dropdown-toggle:after {
    color: var(--jb-light-inverse)
}

.btn.btn-bg-light {
    border-color: var(--jb-light);
    background-color: var(--jb-light)
}

.btn-check:active+.btn.btn-active-light,.btn-check:checked+.btn.btn-active-light,.btn.btn-active-light.active,.btn.btn-active-light.show,.btn.btn-active-light:active:not(.btn-active),.btn.btn-active-light:focus:not(.btn-active),.btn.btn-active-light:hover:not(.btn-active),.show>.btn.btn-active-light {
    color: var(--jb-light-inverse);
    border-color: var(--jb-light);
    background-color: var(--jb-light)!important
}

.btn-check:active+.btn.btn-active-light .svg-icon,.btn-check:active+.btn.btn-active-light i,.btn-check:checked+.btn.btn-active-light .svg-icon,.btn-check:checked+.btn.btn-active-light i,.btn.btn-active-light.active .svg-icon,.btn.btn-active-light.active i,.btn.btn-active-light.show .svg-icon,.btn.btn-active-light.show i,.btn.btn-active-light:active:not(.btn-active) .svg-icon,.btn.btn-active-light:active:not(.btn-active) i,.btn.btn-active-light:focus:not(.btn-active) .svg-icon,.btn.btn-active-light:focus:not(.btn-active) i,.btn.btn-active-light:hover:not(.btn-active) .svg-icon,.btn.btn-active-light:hover:not(.btn-active) i,.show>.btn.btn-active-light .svg-icon,.show>.btn.btn-active-light i {
    color: var(--jb-light-inverse)
}

.btn-check:active+.btn.btn-active-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light.dropdown-toggle:after,.btn.btn-active-light.active.dropdown-toggle:after,.btn.btn-active-light.show.dropdown-toggle:after,.btn.btn-active-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light.dropdown-toggle:after {
    color: var(--jb-light-inverse)
}

.btn.btn-outline.btn-outline-light {
    color: var(--jb-light);
    border-color: var(--jb-light);
    background-color: transparent
}

.btn.btn-outline.btn-outline-light .svg-icon,.btn.btn-outline.btn-outline-light i {
    color: var(--jb-light)
}

.btn.btn-outline.btn-outline-light.dropdown-toggle:after {
    color: var(--jb-light)
}

.btn-check:active+.btn.btn-outline.btn-outline-light,.btn-check:checked+.btn.btn-outline.btn-outline-light,.btn.btn-outline.btn-outline-light.active,.btn.btn-outline.btn-outline-light.show,.btn.btn-outline.btn-outline-light:active:not(.btn-active),.btn.btn-outline.btn-outline-light:focus:not(.btn-active),.btn.btn-outline.btn-outline-light:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-light {
    color: var(--jb-light-active);
    border-color: var(--jb-light);
    background-color: var(--jb-light-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-light .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-light i,.btn-check:checked+.btn.btn-outline.btn-outline-light .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-light i,.btn.btn-outline.btn-outline-light.active .svg-icon,.btn.btn-outline.btn-outline-light.active i,.btn.btn-outline.btn-outline-light.show .svg-icon,.btn.btn-outline.btn-outline-light.show i,.btn.btn-outline.btn-outline-light:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-light:active:not(.btn-active) i,.btn.btn-outline.btn-outline-light:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-light:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-light:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-light:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-light .svg-icon,.show>.btn.btn-outline.btn-outline-light i {
    color: var(--jb-light-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-light.dropdown-toggle:after,.btn.btn-outline.btn-outline-light.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-light.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-light.dropdown-toggle:after {
    color: var(--jb-light-active)
}

.btn.btn-primary {
    color: var(--jb-primary-inverse);
    border-color: var(--jb-primary);
    background-color: var(--jb-primary)
}

.btn.btn-primary .svg-icon,.btn.btn-primary i {
    color: var(--jb-primary-inverse)
}

.btn.btn-primary.dropdown-toggle:after {
    color: var(--jb-primary-inverse)
}

.btn-check:active+.btn.btn-primary,.btn-check:checked+.btn.btn-primary,.btn.btn-primary.active,.btn.btn-primary.show,.btn.btn-primary:active:not(.btn-active),.btn.btn-primary:focus:not(.btn-active),.btn.btn-primary:hover:not(.btn-active),.show>.btn.btn-primary {
    color: var(--jb-primary-inverse);
    border-color: var(--jb-primary-active);
    background-color: var(--jb-primary-active)!important
}

.btn-check:active+.btn.btn-primary .svg-icon,.btn-check:active+.btn.btn-primary i,.btn-check:checked+.btn.btn-primary .svg-icon,.btn-check:checked+.btn.btn-primary i,.btn.btn-primary.active .svg-icon,.btn.btn-primary.active i,.btn.btn-primary.show .svg-icon,.btn.btn-primary.show i,.btn.btn-primary:active:not(.btn-active) .svg-icon,.btn.btn-primary:active:not(.btn-active) i,.btn.btn-primary:focus:not(.btn-active) .svg-icon,.btn.btn-primary:focus:not(.btn-active) i,.btn.btn-primary:hover:not(.btn-active) .svg-icon,.btn.btn-primary:hover:not(.btn-active) i,.show>.btn.btn-primary .svg-icon,.show>.btn.btn-primary i {
    color: var(--jb-primary-inverse)
}

.btn-check:active+.btn.btn-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-primary.dropdown-toggle:after,.btn.btn-primary.active.dropdown-toggle:after,.btn.btn-primary.show.dropdown-toggle:after,.btn.btn-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-primary.dropdown-toggle:after {
    color: var(--jb-primary-inverse)
}

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

.btn.btn-light-primary .svg-icon,.btn.btn-light-primary i {
    color: var(--jb-primary)
}

.btn.btn-light-primary.dropdown-toggle:after {
    color: var(--jb-primary)
}

.btn-check:active+.btn.btn-light-primary,.btn-check:checked+.btn.btn-light-primary,.btn.btn-light-primary.active,.btn.btn-light-primary.show,.btn.btn-light-primary:active:not(.btn-active),.btn.btn-light-primary:focus:not(.btn-active),.btn.btn-light-primary:hover:not(.btn-active),.show>.btn.btn-light-primary {
    color: var(--jb-primary-inverse);
    border-color: var(--jb-primary);
    background-color: var(--jb-primary)!important
}

.btn-check:active+.btn.btn-light-primary .svg-icon,.btn-check:active+.btn.btn-light-primary i,.btn-check:checked+.btn.btn-light-primary .svg-icon,.btn-check:checked+.btn.btn-light-primary i,.btn.btn-light-primary.active .svg-icon,.btn.btn-light-primary.active i,.btn.btn-light-primary.show .svg-icon,.btn.btn-light-primary.show i,.btn.btn-light-primary:active:not(.btn-active) .svg-icon,.btn.btn-light-primary:active:not(.btn-active) i,.btn.btn-light-primary:focus:not(.btn-active) .svg-icon,.btn.btn-light-primary:focus:not(.btn-active) i,.btn.btn-light-primary:hover:not(.btn-active) .svg-icon,.btn.btn-light-primary:hover:not(.btn-active) i,.show>.btn.btn-light-primary .svg-icon,.show>.btn.btn-light-primary i {
    color: var(--jb-primary-inverse)
}

.btn-check:active+.btn.btn-light-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-primary.dropdown-toggle:after,.btn.btn-light-primary.active.dropdown-toggle:after,.btn.btn-light-primary.show.dropdown-toggle:after,.btn.btn-light-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-primary.dropdown-toggle:after {
    color: var(--jb-primary-inverse)
}

.btn.btn-bg-primary {
    border-color: var(--jb-primary);
    background-color: var(--jb-primary)
}

.btn-check:active+.btn.btn-active-primary,.btn-check:checked+.btn.btn-active-primary,.btn.btn-active-primary.active,.btn.btn-active-primary.show,.btn.btn-active-primary:active:not(.btn-active),.btn.btn-active-primary:focus:not(.btn-active),.btn.btn-active-primary:hover:not(.btn-active),.show>.btn.btn-active-primary {
    color: var(--jb-primary-inverse);
    border-color: var(--jb-primary);
    background-color: var(--jb-primary)!important
}

.btn-check:active+.btn.btn-active-primary .svg-icon,.btn-check:active+.btn.btn-active-primary i,.btn-check:checked+.btn.btn-active-primary .svg-icon,.btn-check:checked+.btn.btn-active-primary i,.btn.btn-active-primary.active .svg-icon,.btn.btn-active-primary.active i,.btn.btn-active-primary.show .svg-icon,.btn.btn-active-primary.show i,.btn.btn-active-primary:active:not(.btn-active) .svg-icon,.btn.btn-active-primary:active:not(.btn-active) i,.btn.btn-active-primary:focus:not(.btn-active) .svg-icon,.btn.btn-active-primary:focus:not(.btn-active) i,.btn.btn-active-primary:hover:not(.btn-active) .svg-icon,.btn.btn-active-primary:hover:not(.btn-active) i,.show>.btn.btn-active-primary .svg-icon,.show>.btn.btn-active-primary i {
    color: var(--jb-primary-inverse)
}

.btn-check:active+.btn.btn-active-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-primary.dropdown-toggle:after,.btn.btn-active-primary.active.dropdown-toggle:after,.btn.btn-active-primary.show.dropdown-toggle:after,.btn.btn-active-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-primary.dropdown-toggle:after {
    color: var(--jb-primary-inverse)
}

.btn-check:active+.btn.btn-active-light-primary,.btn-check:checked+.btn.btn-active-light-primary,.btn.btn-active-light-primary.active,.btn.btn-active-light-primary.show,.btn.btn-active-light-primary:active:not(.btn-active),.btn.btn-active-light-primary:focus:not(.btn-active),.btn.btn-active-light-primary:hover:not(.btn-active),.show>.btn.btn-active-light-primary {
    color: var(--jb-primary);
    border-color: var(--jb-primary-light);
    background-color: var(--jb-primary-light)!important
}

.btn-check:active+.btn.btn-active-light-primary .svg-icon,.btn-check:active+.btn.btn-active-light-primary i,.btn-check:checked+.btn.btn-active-light-primary .svg-icon,.btn-check:checked+.btn.btn-active-light-primary i,.btn.btn-active-light-primary.active .svg-icon,.btn.btn-active-light-primary.active i,.btn.btn-active-light-primary.show .svg-icon,.btn.btn-active-light-primary.show i,.btn.btn-active-light-primary:active:not(.btn-active) .svg-icon,.btn.btn-active-light-primary:active:not(.btn-active) i,.btn.btn-active-light-primary:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-primary:focus:not(.btn-active) i,.btn.btn-active-light-primary:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-primary:hover:not(.btn-active) i,.show>.btn.btn-active-light-primary .svg-icon,.show>.btn.btn-active-light-primary i {
    color: var(--jb-primary)
}

.btn-check:active+.btn.btn-active-light-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-primary.dropdown-toggle:after,.btn.btn-active-light-primary.active.dropdown-toggle:after,.btn.btn-active-light-primary.show.dropdown-toggle:after,.btn.btn-active-light-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-primary.dropdown-toggle:after {
    color: var(--jb-primary)
}

.btn.btn-outline.btn-outline-primary {
    color: var(--jb-primary);
    border-color: var(--jb-primary);
    background-color: transparent
}

.btn.btn-outline.btn-outline-primary .svg-icon,.btn.btn-outline.btn-outline-primary i {
    color: var(--jb-primary)
}

.btn.btn-outline.btn-outline-primary.dropdown-toggle:after {
    color: var(--jb-primary)
}

.btn-check:active+.btn.btn-outline.btn-outline-primary,.btn-check:checked+.btn.btn-outline.btn-outline-primary,.btn.btn-outline.btn-outline-primary.active,.btn.btn-outline.btn-outline-primary.show,.btn.btn-outline.btn-outline-primary:active:not(.btn-active),.btn.btn-outline.btn-outline-primary:focus:not(.btn-active),.btn.btn-outline.btn-outline-primary:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-primary {
    color: var(--jb-primary-active);
    border-color: var(--jb-primary);
    background-color: var(--jb-primary-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-primary .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-primary i,.btn-check:checked+.btn.btn-outline.btn-outline-primary .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-primary i,.btn.btn-outline.btn-outline-primary.active .svg-icon,.btn.btn-outline.btn-outline-primary.active i,.btn.btn-outline.btn-outline-primary.show .svg-icon,.btn.btn-outline.btn-outline-primary.show i,.btn.btn-outline.btn-outline-primary:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-primary:active:not(.btn-active) i,.btn.btn-outline.btn-outline-primary:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-primary:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-primary:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-primary:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-primary .svg-icon,.show>.btn.btn-outline.btn-outline-primary i {
    color: var(--jb-primary-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-primary.dropdown-toggle:after,.btn.btn-outline.btn-outline-primary.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-primary.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-primary.dropdown-toggle:after {
    color: var(--jb-primary-active)
}

.btn.btn-secondary {
    color: var(--jb-secondary-inverse);
    border-color: var(--jb-secondary);
    background-color: var(--jb-secondary)
}

.btn.btn-secondary .svg-icon,.btn.btn-secondary i {
    color: var(--jb-secondary-inverse)
}

.btn.btn-secondary.dropdown-toggle:after {
    color: var(--jb-secondary-inverse)
}

.btn-check:active+.btn.btn-secondary,.btn-check:checked+.btn.btn-secondary,.btn.btn-secondary.active,.btn.btn-secondary.show,.btn.btn-secondary:active:not(.btn-active),.btn.btn-secondary:focus:not(.btn-active),.btn.btn-secondary:hover:not(.btn-active),.show>.btn.btn-secondary {
    color: var(--jb-secondary-inverse);
    border-color: var(--jb-secondary-active);
    background-color: var(--jb-secondary-active)!important
}

.btn-check:active+.btn.btn-secondary .svg-icon,.btn-check:active+.btn.btn-secondary i,.btn-check:checked+.btn.btn-secondary .svg-icon,.btn-check:checked+.btn.btn-secondary i,.btn.btn-secondary.active .svg-icon,.btn.btn-secondary.active i,.btn.btn-secondary.show .svg-icon,.btn.btn-secondary.show i,.btn.btn-secondary:active:not(.btn-active) .svg-icon,.btn.btn-secondary:active:not(.btn-active) i,.btn.btn-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-secondary:focus:not(.btn-active) i,.btn.btn-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-secondary:hover:not(.btn-active) i,.show>.btn.btn-secondary .svg-icon,.show>.btn.btn-secondary i {
    color: var(--jb-secondary-inverse)
}

.btn-check:active+.btn.btn-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-secondary.dropdown-toggle:after,.btn.btn-secondary.active.dropdown-toggle:after,.btn.btn-secondary.show.dropdown-toggle:after,.btn.btn-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-secondary.dropdown-toggle:after {
    color: var(--jb-secondary-inverse)
}

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

.btn.btn-light-secondary .svg-icon,.btn.btn-light-secondary i {
    color: var(--jb-secondary)
}

.btn.btn-light-secondary.dropdown-toggle:after {
    color: var(--jb-secondary)
}

.btn-check:active+.btn.btn-light-secondary,.btn-check:checked+.btn.btn-light-secondary,.btn.btn-light-secondary.active,.btn.btn-light-secondary.show,.btn.btn-light-secondary:active:not(.btn-active),.btn.btn-light-secondary:focus:not(.btn-active),.btn.btn-light-secondary:hover:not(.btn-active),.show>.btn.btn-light-secondary {
    color: var(--jb-secondary-inverse);
    border-color: var(--jb-secondary);
    background-color: var(--jb-secondary)!important
}

.btn-check:active+.btn.btn-light-secondary .svg-icon,.btn-check:active+.btn.btn-light-secondary i,.btn-check:checked+.btn.btn-light-secondary .svg-icon,.btn-check:checked+.btn.btn-light-secondary i,.btn.btn-light-secondary.active .svg-icon,.btn.btn-light-secondary.active i,.btn.btn-light-secondary.show .svg-icon,.btn.btn-light-secondary.show i,.btn.btn-light-secondary:active:not(.btn-active) .svg-icon,.btn.btn-light-secondary:active:not(.btn-active) i,.btn.btn-light-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-light-secondary:focus:not(.btn-active) i,.btn.btn-light-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-light-secondary:hover:not(.btn-active) i,.show>.btn.btn-light-secondary .svg-icon,.show>.btn.btn-light-secondary i {
    color: var(--jb-secondary-inverse)
}

.btn-check:active+.btn.btn-light-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-secondary.dropdown-toggle:after,.btn.btn-light-secondary.active.dropdown-toggle:after,.btn.btn-light-secondary.show.dropdown-toggle:after,.btn.btn-light-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-secondary.dropdown-toggle:after {
    color: var(--jb-secondary-inverse)
}

.btn.btn-bg-secondary {
    border-color: var(--jb-secondary);
    background-color: var(--jb-secondary)
}

.btn-check:active+.btn.btn-active-secondary,.btn-check:checked+.btn.btn-active-secondary,.btn.btn-active-secondary.active,.btn.btn-active-secondary.show,.btn.btn-active-secondary:active:not(.btn-active),.btn.btn-active-secondary:focus:not(.btn-active),.btn.btn-active-secondary:hover:not(.btn-active),.show>.btn.btn-active-secondary {
    color: var(--jb-secondary-inverse);
    border-color: var(--jb-secondary);
    background-color: var(--jb-secondary)!important
}

.btn-check:active+.btn.btn-active-secondary .svg-icon,.btn-check:active+.btn.btn-active-secondary i,.btn-check:checked+.btn.btn-active-secondary .svg-icon,.btn-check:checked+.btn.btn-active-secondary i,.btn.btn-active-secondary.active .svg-icon,.btn.btn-active-secondary.active i,.btn.btn-active-secondary.show .svg-icon,.btn.btn-active-secondary.show i,.btn.btn-active-secondary:active:not(.btn-active) .svg-icon,.btn.btn-active-secondary:active:not(.btn-active) i,.btn.btn-active-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-active-secondary:focus:not(.btn-active) i,.btn.btn-active-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-active-secondary:hover:not(.btn-active) i,.show>.btn.btn-active-secondary .svg-icon,.show>.btn.btn-active-secondary i {
    color: var(--jb-secondary-inverse)
}

.btn-check:active+.btn.btn-active-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-secondary.dropdown-toggle:after,.btn.btn-active-secondary.active.dropdown-toggle:after,.btn.btn-active-secondary.show.dropdown-toggle:after,.btn.btn-active-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-secondary.dropdown-toggle:after {
    color: var(--jb-secondary-inverse)
}

.btn-check:active+.btn.btn-active-light-secondary,.btn-check:checked+.btn.btn-active-light-secondary,.btn.btn-active-light-secondary.active,.btn.btn-active-light-secondary.show,.btn.btn-active-light-secondary:active:not(.btn-active),.btn.btn-active-light-secondary:focus:not(.btn-active),.btn.btn-active-light-secondary:hover:not(.btn-active),.show>.btn.btn-active-light-secondary {
    color: var(--jb-secondary);
    border-color: var(--jb-secondary-light);
    background-color: var(--jb-secondary-light)!important
}

.btn-check:active+.btn.btn-active-light-secondary .svg-icon,.btn-check:active+.btn.btn-active-light-secondary i,.btn-check:checked+.btn.btn-active-light-secondary .svg-icon,.btn-check:checked+.btn.btn-active-light-secondary i,.btn.btn-active-light-secondary.active .svg-icon,.btn.btn-active-light-secondary.active i,.btn.btn-active-light-secondary.show .svg-icon,.btn.btn-active-light-secondary.show i,.btn.btn-active-light-secondary:active:not(.btn-active) .svg-icon,.btn.btn-active-light-secondary:active:not(.btn-active) i,.btn.btn-active-light-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-secondary:focus:not(.btn-active) i,.btn.btn-active-light-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-secondary:hover:not(.btn-active) i,.show>.btn.btn-active-light-secondary .svg-icon,.show>.btn.btn-active-light-secondary i {
    color: var(--jb-secondary)
}

.btn-check:active+.btn.btn-active-light-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-secondary.dropdown-toggle:after,.btn.btn-active-light-secondary.active.dropdown-toggle:after,.btn.btn-active-light-secondary.show.dropdown-toggle:after,.btn.btn-active-light-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-secondary.dropdown-toggle:after {
    color: var(--jb-secondary)
}

.btn.btn-outline.btn-outline-secondary {
    color: var(--jb-secondary);
    border-color: var(--jb-secondary);
    background-color: transparent
}

.btn.btn-outline.btn-outline-secondary .svg-icon,.btn.btn-outline.btn-outline-secondary i {
    color: var(--jb-secondary)
}

.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after {
    color: var(--jb-secondary)
}

.btn-check:active+.btn.btn-outline.btn-outline-secondary,.btn-check:checked+.btn.btn-outline.btn-outline-secondary,.btn.btn-outline.btn-outline-secondary.active,.btn.btn-outline.btn-outline-secondary.show,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active),.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active),.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-secondary {
    color: var(--jb-secondary-active);
    border-color: var(--jb-secondary);
    background-color: var(--jb-secondary-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-secondary .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-secondary i,.btn-check:checked+.btn.btn-outline.btn-outline-secondary .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-secondary i,.btn.btn-outline.btn-outline-secondary.active .svg-icon,.btn.btn-outline.btn-outline-secondary.active i,.btn.btn-outline.btn-outline-secondary.show .svg-icon,.btn.btn-outline.btn-outline-secondary.show i,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active) i,.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-secondary .svg-icon,.show>.btn.btn-outline.btn-outline-secondary i {
    color: var(--jb-secondary-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-secondary.dropdown-toggle:after {
    color: var(--jb-secondary-active)
}

.btn.btn-success {
    color: var(--jb-success-inverse);
    border-color: var(--jb-success);
    background-color: var(--jb-success)
}

.btn.btn-success .svg-icon,.btn.btn-success i {
    color: var(--jb-success-inverse)
}

.btn.btn-success.dropdown-toggle:after {
    color: var(--jb-success-inverse)
}

.btn-check:active+.btn.btn-success,.btn-check:checked+.btn.btn-success,.btn.btn-success.active,.btn.btn-success.show,.btn.btn-success:active:not(.btn-active),.btn.btn-success:focus:not(.btn-active),.btn.btn-success:hover:not(.btn-active),.show>.btn.btn-success {
    color: var(--jb-success-inverse);
    border-color: var(--jb-success-active);
    background-color: var(--jb-success-active)!important
}

.btn-check:active+.btn.btn-success .svg-icon,.btn-check:active+.btn.btn-success i,.btn-check:checked+.btn.btn-success .svg-icon,.btn-check:checked+.btn.btn-success i,.btn.btn-success.active .svg-icon,.btn.btn-success.active i,.btn.btn-success.show .svg-icon,.btn.btn-success.show i,.btn.btn-success:active:not(.btn-active) .svg-icon,.btn.btn-success:active:not(.btn-active) i,.btn.btn-success:focus:not(.btn-active) .svg-icon,.btn.btn-success:focus:not(.btn-active) i,.btn.btn-success:hover:not(.btn-active) .svg-icon,.btn.btn-success:hover:not(.btn-active) i,.show>.btn.btn-success .svg-icon,.show>.btn.btn-success i {
    color: var(--jb-success-inverse)
}

.btn-check:active+.btn.btn-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-success.dropdown-toggle:after,.btn.btn-success.active.dropdown-toggle:after,.btn.btn-success.show.dropdown-toggle:after,.btn.btn-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-success.dropdown-toggle:after {
    color: var(--jb-success-inverse)
}

.btn.btn-light-success {
    color: var(--jb-success);
    border-color: var(--jb-success-light);
    background-color: var(--jb-success-light)
}

.btn.btn-light-success .svg-icon,.btn.btn-light-success i {
    color: var(--jb-success)
}

.btn.btn-light-success.dropdown-toggle:after {
    color: var(--jb-success)
}

.btn-check:active+.btn.btn-light-success,.btn-check:checked+.btn.btn-light-success,.btn.btn-light-success.active,.btn.btn-light-success.show,.btn.btn-light-success:active:not(.btn-active),.btn.btn-light-success:focus:not(.btn-active),.btn.btn-light-success:hover:not(.btn-active),.show>.btn.btn-light-success {
    color: var(--jb-success-inverse);
    border-color: var(--jb-success);
    background-color: var(--jb-success)!important
}

.btn-check:active+.btn.btn-light-success .svg-icon,.btn-check:active+.btn.btn-light-success i,.btn-check:checked+.btn.btn-light-success .svg-icon,.btn-check:checked+.btn.btn-light-success i,.btn.btn-light-success.active .svg-icon,.btn.btn-light-success.active i,.btn.btn-light-success.show .svg-icon,.btn.btn-light-success.show i,.btn.btn-light-success:active:not(.btn-active) .svg-icon,.btn.btn-light-success:active:not(.btn-active) i,.btn.btn-light-success:focus:not(.btn-active) .svg-icon,.btn.btn-light-success:focus:not(.btn-active) i,.btn.btn-light-success:hover:not(.btn-active) .svg-icon,.btn.btn-light-success:hover:not(.btn-active) i,.show>.btn.btn-light-success .svg-icon,.show>.btn.btn-light-success i {
    color: var(--jb-success-inverse)
}

.btn-check:active+.btn.btn-light-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-success.dropdown-toggle:after,.btn.btn-light-success.active.dropdown-toggle:after,.btn.btn-light-success.show.dropdown-toggle:after,.btn.btn-light-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-success.dropdown-toggle:after {
    color: var(--jb-success-inverse)
}

.btn.btn-bg-success {
    border-color: var(--jb-success);
    background-color: var(--jb-success)
}

.btn-check:active+.btn.btn-active-success,.btn-check:checked+.btn.btn-active-success,.btn.btn-active-success.active,.btn.btn-active-success.show,.btn.btn-active-success:active:not(.btn-active),.btn.btn-active-success:focus:not(.btn-active),.btn.btn-active-success:hover:not(.btn-active),.show>.btn.btn-active-success {
    color: var(--jb-success-inverse);
    border-color: var(--jb-success);
    background-color: var(--jb-success)!important
}

.btn-check:active+.btn.btn-active-success .svg-icon,.btn-check:active+.btn.btn-active-success i,.btn-check:checked+.btn.btn-active-success .svg-icon,.btn-check:checked+.btn.btn-active-success i,.btn.btn-active-success.active .svg-icon,.btn.btn-active-success.active i,.btn.btn-active-success.show .svg-icon,.btn.btn-active-success.show i,.btn.btn-active-success:active:not(.btn-active) .svg-icon,.btn.btn-active-success:active:not(.btn-active) i,.btn.btn-active-success:focus:not(.btn-active) .svg-icon,.btn.btn-active-success:focus:not(.btn-active) i,.btn.btn-active-success:hover:not(.btn-active) .svg-icon,.btn.btn-active-success:hover:not(.btn-active) i,.show>.btn.btn-active-success .svg-icon,.show>.btn.btn-active-success i {
    color: var(--jb-success-inverse)
}

.btn-check:active+.btn.btn-active-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-success.dropdown-toggle:after,.btn.btn-active-success.active.dropdown-toggle:after,.btn.btn-active-success.show.dropdown-toggle:after,.btn.btn-active-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-success.dropdown-toggle:after {
    color: var(--jb-success-inverse)
}

.btn-check:active+.btn.btn-active-light-success,.btn-check:checked+.btn.btn-active-light-success,.btn.btn-active-light-success.active,.btn.btn-active-light-success.show,.btn.btn-active-light-success:active:not(.btn-active),.btn.btn-active-light-success:focus:not(.btn-active),.btn.btn-active-light-success:hover:not(.btn-active),.show>.btn.btn-active-light-success {
    color: var(--jb-success);
    border-color: var(--jb-success-light);
    background-color: var(--jb-success-light)!important
}

.btn-check:active+.btn.btn-active-light-success .svg-icon,.btn-check:active+.btn.btn-active-light-success i,.btn-check:checked+.btn.btn-active-light-success .svg-icon,.btn-check:checked+.btn.btn-active-light-success i,.btn.btn-active-light-success.active .svg-icon,.btn.btn-active-light-success.active i,.btn.btn-active-light-success.show .svg-icon,.btn.btn-active-light-success.show i,.btn.btn-active-light-success:active:not(.btn-active) .svg-icon,.btn.btn-active-light-success:active:not(.btn-active) i,.btn.btn-active-light-success:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-success:focus:not(.btn-active) i,.btn.btn-active-light-success:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-success:hover:not(.btn-active) i,.show>.btn.btn-active-light-success .svg-icon,.show>.btn.btn-active-light-success i {
    color: var(--jb-success)
}

.btn-check:active+.btn.btn-active-light-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-success.dropdown-toggle:after,.btn.btn-active-light-success.active.dropdown-toggle:after,.btn.btn-active-light-success.show.dropdown-toggle:after,.btn.btn-active-light-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-success.dropdown-toggle:after {
    color: var(--jb-success)
}

.btn.btn-outline.btn-outline-success {
    color: var(--jb-success);
    border-color: var(--jb-success);
    background-color: transparent
}

.btn.btn-outline.btn-outline-success .svg-icon,.btn.btn-outline.btn-outline-success i {
    color: var(--jb-success)
}

.btn.btn-outline.btn-outline-success.dropdown-toggle:after {
    color: var(--jb-success)
}

.btn-check:active+.btn.btn-outline.btn-outline-success,.btn-check:checked+.btn.btn-outline.btn-outline-success,.btn.btn-outline.btn-outline-success.active,.btn.btn-outline.btn-outline-success.show,.btn.btn-outline.btn-outline-success:active:not(.btn-active),.btn.btn-outline.btn-outline-success:focus:not(.btn-active),.btn.btn-outline.btn-outline-success:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-success {
    color: var(--jb-success-active);
    border-color: var(--jb-success);
    background-color: var(--jb-success-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-success .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-success i,.btn-check:checked+.btn.btn-outline.btn-outline-success .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-success i,.btn.btn-outline.btn-outline-success.active .svg-icon,.btn.btn-outline.btn-outline-success.active i,.btn.btn-outline.btn-outline-success.show .svg-icon,.btn.btn-outline.btn-outline-success.show i,.btn.btn-outline.btn-outline-success:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-success:active:not(.btn-active) i,.btn.btn-outline.btn-outline-success:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-success:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-success:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-success:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-success .svg-icon,.show>.btn.btn-outline.btn-outline-success i {
    color: var(--jb-success-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-success.dropdown-toggle:after,.btn.btn-outline.btn-outline-success.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-success.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-success.dropdown-toggle:after {
    color: var(--jb-success-active)
}

.btn.btn-info {
    color: var(--jb-info-inverse);
    border-color: var(--jb-info);
    background-color: var(--jb-info)
}

.btn.btn-info .svg-icon,.btn.btn-info i {
    color: var(--jb-info-inverse)
}

.btn.btn-info.dropdown-toggle:after {
    color: var(--jb-info-inverse)
}

.btn-check:active+.btn.btn-info,.btn-check:checked+.btn.btn-info,.btn.btn-info.active,.btn.btn-info.show,.btn.btn-info:active:not(.btn-active),.btn.btn-info:focus:not(.btn-active),.btn.btn-info:hover:not(.btn-active),.show>.btn.btn-info {
    color: var(--jb-info-inverse);
    border-color: var(--jb-info-active);
    background-color: var(--jb-info-active)!important
}

.btn-check:active+.btn.btn-info .svg-icon,.btn-check:active+.btn.btn-info i,.btn-check:checked+.btn.btn-info .svg-icon,.btn-check:checked+.btn.btn-info i,.btn.btn-info.active .svg-icon,.btn.btn-info.active i,.btn.btn-info.show .svg-icon,.btn.btn-info.show i,.btn.btn-info:active:not(.btn-active) .svg-icon,.btn.btn-info:active:not(.btn-active) i,.btn.btn-info:focus:not(.btn-active) .svg-icon,.btn.btn-info:focus:not(.btn-active) i,.btn.btn-info:hover:not(.btn-active) .svg-icon,.btn.btn-info:hover:not(.btn-active) i,.show>.btn.btn-info .svg-icon,.show>.btn.btn-info i {
    color: var(--jb-info-inverse)
}

.btn-check:active+.btn.btn-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-info.dropdown-toggle:after,.btn.btn-info.active.dropdown-toggle:after,.btn.btn-info.show.dropdown-toggle:after,.btn.btn-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-info.dropdown-toggle:after {
    color: var(--jb-info-inverse)
}

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

.btn.btn-light-info .svg-icon,.btn.btn-light-info i {
    color: var(--jb-info)
}

.btn.btn-light-info.dropdown-toggle:after {
    color: var(--jb-info)
}

.btn-check:active+.btn.btn-light-info,.btn-check:checked+.btn.btn-light-info,.btn.btn-light-info.active,.btn.btn-light-info.show,.btn.btn-light-info:active:not(.btn-active),.btn.btn-light-info:focus:not(.btn-active),.btn.btn-light-info:hover:not(.btn-active),.show>.btn.btn-light-info {
    color: var(--jb-info-inverse);
    border-color: var(--jb-info);
    background-color: var(--jb-info)!important
}

.btn-check:active+.btn.btn-light-info .svg-icon,.btn-check:active+.btn.btn-light-info i,.btn-check:checked+.btn.btn-light-info .svg-icon,.btn-check:checked+.btn.btn-light-info i,.btn.btn-light-info.active .svg-icon,.btn.btn-light-info.active i,.btn.btn-light-info.show .svg-icon,.btn.btn-light-info.show i,.btn.btn-light-info:active:not(.btn-active) .svg-icon,.btn.btn-light-info:active:not(.btn-active) i,.btn.btn-light-info:focus:not(.btn-active) .svg-icon,.btn.btn-light-info:focus:not(.btn-active) i,.btn.btn-light-info:hover:not(.btn-active) .svg-icon,.btn.btn-light-info:hover:not(.btn-active) i,.show>.btn.btn-light-info .svg-icon,.show>.btn.btn-light-info i {
    color: var(--jb-info-inverse)
}

.btn-check:active+.btn.btn-light-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-info.dropdown-toggle:after,.btn.btn-light-info.active.dropdown-toggle:after,.btn.btn-light-info.show.dropdown-toggle:after,.btn.btn-light-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-info.dropdown-toggle:after {
    color: var(--jb-info-inverse)
}

.btn.btn-bg-info {
    border-color: var(--jb-info);
    background-color: var(--jb-info)
}

.btn-check:active+.btn.btn-active-info,.btn-check:checked+.btn.btn-active-info,.btn.btn-active-info.active,.btn.btn-active-info.show,.btn.btn-active-info:active:not(.btn-active),.btn.btn-active-info:focus:not(.btn-active),.btn.btn-active-info:hover:not(.btn-active),.show>.btn.btn-active-info {
    color: var(--jb-info-inverse);
    border-color: var(--jb-info);
    background-color: var(--jb-info)!important
}

.btn-check:active+.btn.btn-active-info .svg-icon,.btn-check:active+.btn.btn-active-info i,.btn-check:checked+.btn.btn-active-info .svg-icon,.btn-check:checked+.btn.btn-active-info i,.btn.btn-active-info.active .svg-icon,.btn.btn-active-info.active i,.btn.btn-active-info.show .svg-icon,.btn.btn-active-info.show i,.btn.btn-active-info:active:not(.btn-active) .svg-icon,.btn.btn-active-info:active:not(.btn-active) i,.btn.btn-active-info:focus:not(.btn-active) .svg-icon,.btn.btn-active-info:focus:not(.btn-active) i,.btn.btn-active-info:hover:not(.btn-active) .svg-icon,.btn.btn-active-info:hover:not(.btn-active) i,.show>.btn.btn-active-info .svg-icon,.show>.btn.btn-active-info i {
    color: var(--jb-info-inverse)
}

.btn-check:active+.btn.btn-active-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-info.dropdown-toggle:after,.btn.btn-active-info.active.dropdown-toggle:after,.btn.btn-active-info.show.dropdown-toggle:after,.btn.btn-active-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-info.dropdown-toggle:after {
    color: var(--jb-info-inverse)
}

.btn-check:active+.btn.btn-active-light-info,.btn-check:checked+.btn.btn-active-light-info,.btn.btn-active-light-info.active,.btn.btn-active-light-info.show,.btn.btn-active-light-info:active:not(.btn-active),.btn.btn-active-light-info:focus:not(.btn-active),.btn.btn-active-light-info:hover:not(.btn-active),.show>.btn.btn-active-light-info {
    color: var(--jb-info);
    border-color: var(--jb-info-light);
    background-color: var(--jb-info-light)!important
}

.btn-check:active+.btn.btn-active-light-info .svg-icon,.btn-check:active+.btn.btn-active-light-info i,.btn-check:checked+.btn.btn-active-light-info .svg-icon,.btn-check:checked+.btn.btn-active-light-info i,.btn.btn-active-light-info.active .svg-icon,.btn.btn-active-light-info.active i,.btn.btn-active-light-info.show .svg-icon,.btn.btn-active-light-info.show i,.btn.btn-active-light-info:active:not(.btn-active) .svg-icon,.btn.btn-active-light-info:active:not(.btn-active) i,.btn.btn-active-light-info:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-info:focus:not(.btn-active) i,.btn.btn-active-light-info:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-info:hover:not(.btn-active) i,.show>.btn.btn-active-light-info .svg-icon,.show>.btn.btn-active-light-info i {
    color: var(--jb-info)
}

.btn-check:active+.btn.btn-active-light-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-info.dropdown-toggle:after,.btn.btn-active-light-info.active.dropdown-toggle:after,.btn.btn-active-light-info.show.dropdown-toggle:after,.btn.btn-active-light-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-info.dropdown-toggle:after {
    color: var(--jb-info)
}

.btn.btn-outline.btn-outline-info {
    color: var(--jb-info);
    border-color: var(--jb-info);
    background-color: transparent
}

.btn.btn-outline.btn-outline-info .svg-icon,.btn.btn-outline.btn-outline-info i {
    color: var(--jb-info)
}

.btn.btn-outline.btn-outline-info.dropdown-toggle:after {
    color: var(--jb-info)
}

.btn-check:active+.btn.btn-outline.btn-outline-info,.btn-check:checked+.btn.btn-outline.btn-outline-info,.btn.btn-outline.btn-outline-info.active,.btn.btn-outline.btn-outline-info.show,.btn.btn-outline.btn-outline-info:active:not(.btn-active),.btn.btn-outline.btn-outline-info:focus:not(.btn-active),.btn.btn-outline.btn-outline-info:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-info {
    color: var(--jb-info-active);
    border-color: var(--jb-info);
    background-color: var(--jb-info-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-info .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-info i,.btn-check:checked+.btn.btn-outline.btn-outline-info .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-info i,.btn.btn-outline.btn-outline-info.active .svg-icon,.btn.btn-outline.btn-outline-info.active i,.btn.btn-outline.btn-outline-info.show .svg-icon,.btn.btn-outline.btn-outline-info.show i,.btn.btn-outline.btn-outline-info:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-info:active:not(.btn-active) i,.btn.btn-outline.btn-outline-info:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-info:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-info:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-info:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-info .svg-icon,.show>.btn.btn-outline.btn-outline-info i {
    color: var(--jb-info-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-info.dropdown-toggle:after,.btn.btn-outline.btn-outline-info.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-info.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-info.dropdown-toggle:after {
    color: var(--jb-info-active)
}

.btn.btn-warning {
    color: var(--jb-warning-inverse);
    border-color: var(--jb-warning);
    background-color: var(--jb-warning)
}

.btn.btn-warning .svg-icon,.btn.btn-warning i {
    color: var(--jb-warning-inverse)
}

.btn.btn-warning.dropdown-toggle:after {
    color: var(--jb-warning-inverse)
}

.btn-check:active+.btn.btn-warning,.btn-check:checked+.btn.btn-warning,.btn.btn-warning.active,.btn.btn-warning.show,.btn.btn-warning:active:not(.btn-active),.btn.btn-warning:focus:not(.btn-active),.btn.btn-warning:hover:not(.btn-active),.show>.btn.btn-warning {
    color: var(--jb-warning-inverse);
    border-color: var(--jb-warning-active);
    background-color: var(--jb-warning-active)!important
}

.btn-check:active+.btn.btn-warning .svg-icon,.btn-check:active+.btn.btn-warning i,.btn-check:checked+.btn.btn-warning .svg-icon,.btn-check:checked+.btn.btn-warning i,.btn.btn-warning.active .svg-icon,.btn.btn-warning.active i,.btn.btn-warning.show .svg-icon,.btn.btn-warning.show i,.btn.btn-warning:active:not(.btn-active) .svg-icon,.btn.btn-warning:active:not(.btn-active) i,.btn.btn-warning:focus:not(.btn-active) .svg-icon,.btn.btn-warning:focus:not(.btn-active) i,.btn.btn-warning:hover:not(.btn-active) .svg-icon,.btn.btn-warning:hover:not(.btn-active) i,.show>.btn.btn-warning .svg-icon,.show>.btn.btn-warning i {
    color: var(--jb-warning-inverse)
}

.btn-check:active+.btn.btn-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-warning.dropdown-toggle:after,.btn.btn-warning.active.dropdown-toggle:after,.btn.btn-warning.show.dropdown-toggle:after,.btn.btn-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-warning.dropdown-toggle:after {
    color: var(--jb-warning-inverse)
}

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

.btn.btn-light-warning .svg-icon,.btn.btn-light-warning i {
    color: var(--jb-warning)
}

.btn.btn-light-warning.dropdown-toggle:after {
    color: var(--jb-warning)
}

.btn-check:active+.btn.btn-light-warning,.btn-check:checked+.btn.btn-light-warning,.btn.btn-light-warning.active,.btn.btn-light-warning.show,.btn.btn-light-warning:active:not(.btn-active),.btn.btn-light-warning:focus:not(.btn-active),.btn.btn-light-warning:hover:not(.btn-active),.show>.btn.btn-light-warning {
    color: var(--jb-warning-inverse);
    border-color: var(--jb-warning);
    background-color: var(--jb-warning)!important
}

.btn-check:active+.btn.btn-light-warning .svg-icon,.btn-check:active+.btn.btn-light-warning i,.btn-check:checked+.btn.btn-light-warning .svg-icon,.btn-check:checked+.btn.btn-light-warning i,.btn.btn-light-warning.active .svg-icon,.btn.btn-light-warning.active i,.btn.btn-light-warning.show .svg-icon,.btn.btn-light-warning.show i,.btn.btn-light-warning:active:not(.btn-active) .svg-icon,.btn.btn-light-warning:active:not(.btn-active) i,.btn.btn-light-warning:focus:not(.btn-active) .svg-icon,.btn.btn-light-warning:focus:not(.btn-active) i,.btn.btn-light-warning:hover:not(.btn-active) .svg-icon,.btn.btn-light-warning:hover:not(.btn-active) i,.show>.btn.btn-light-warning .svg-icon,.show>.btn.btn-light-warning i {
    color: var(--jb-warning-inverse)
}

.btn-check:active+.btn.btn-light-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-warning.dropdown-toggle:after,.btn.btn-light-warning.active.dropdown-toggle:after,.btn.btn-light-warning.show.dropdown-toggle:after,.btn.btn-light-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-warning.dropdown-toggle:after {
    color: var(--jb-warning-inverse)
}

.btn.btn-bg-warning {
    border-color: var(--jb-warning);
    background-color: var(--jb-warning)
}

.btn-check:active+.btn.btn-active-warning,.btn-check:checked+.btn.btn-active-warning,.btn.btn-active-warning.active,.btn.btn-active-warning.show,.btn.btn-active-warning:active:not(.btn-active),.btn.btn-active-warning:focus:not(.btn-active),.btn.btn-active-warning:hover:not(.btn-active),.show>.btn.btn-active-warning {
    color: var(--jb-warning-inverse);
    border-color: var(--jb-warning);
    background-color: var(--jb-warning)!important
}

.btn-check:active+.btn.btn-active-warning .svg-icon,.btn-check:active+.btn.btn-active-warning i,.btn-check:checked+.btn.btn-active-warning .svg-icon,.btn-check:checked+.btn.btn-active-warning i,.btn.btn-active-warning.active .svg-icon,.btn.btn-active-warning.active i,.btn.btn-active-warning.show .svg-icon,.btn.btn-active-warning.show i,.btn.btn-active-warning:active:not(.btn-active) .svg-icon,.btn.btn-active-warning:active:not(.btn-active) i,.btn.btn-active-warning:focus:not(.btn-active) .svg-icon,.btn.btn-active-warning:focus:not(.btn-active) i,.btn.btn-active-warning:hover:not(.btn-active) .svg-icon,.btn.btn-active-warning:hover:not(.btn-active) i,.show>.btn.btn-active-warning .svg-icon,.show>.btn.btn-active-warning i {
    color: var(--jb-warning-inverse)
}

.btn-check:active+.btn.btn-active-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-warning.dropdown-toggle:after,.btn.btn-active-warning.active.dropdown-toggle:after,.btn.btn-active-warning.show.dropdown-toggle:after,.btn.btn-active-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-warning.dropdown-toggle:after {
    color: var(--jb-warning-inverse)
}

.btn-check:active+.btn.btn-active-light-warning,.btn-check:checked+.btn.btn-active-light-warning,.btn.btn-active-light-warning.active,.btn.btn-active-light-warning.show,.btn.btn-active-light-warning:active:not(.btn-active),.btn.btn-active-light-warning:focus:not(.btn-active),.btn.btn-active-light-warning:hover:not(.btn-active),.show>.btn.btn-active-light-warning {
    color: var(--jb-warning);
    border-color: var(--jb-warning-light);
    background-color: var(--jb-warning-light)!important
}

.btn-check:active+.btn.btn-active-light-warning .svg-icon,.btn-check:active+.btn.btn-active-light-warning i,.btn-check:checked+.btn.btn-active-light-warning .svg-icon,.btn-check:checked+.btn.btn-active-light-warning i,.btn.btn-active-light-warning.active .svg-icon,.btn.btn-active-light-warning.active i,.btn.btn-active-light-warning.show .svg-icon,.btn.btn-active-light-warning.show i,.btn.btn-active-light-warning:active:not(.btn-active) .svg-icon,.btn.btn-active-light-warning:active:not(.btn-active) i,.btn.btn-active-light-warning:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-warning:focus:not(.btn-active) i,.btn.btn-active-light-warning:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-warning:hover:not(.btn-active) i,.show>.btn.btn-active-light-warning .svg-icon,.show>.btn.btn-active-light-warning i {
    color: var(--jb-warning)
}

.btn-check:active+.btn.btn-active-light-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-warning.dropdown-toggle:after,.btn.btn-active-light-warning.active.dropdown-toggle:after,.btn.btn-active-light-warning.show.dropdown-toggle:after,.btn.btn-active-light-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-warning.dropdown-toggle:after {
    color: var(--jb-warning)
}

.btn.btn-outline.btn-outline-warning {
    color: var(--jb-warning);
    border-color: var(--jb-warning);
    background-color: transparent
}

.btn.btn-outline.btn-outline-warning .svg-icon,.btn.btn-outline.btn-outline-warning i {
    color: var(--jb-warning)
}

.btn.btn-outline.btn-outline-warning.dropdown-toggle:after {
    color: var(--jb-warning)
}

.btn-check:active+.btn.btn-outline.btn-outline-warning,.btn-check:checked+.btn.btn-outline.btn-outline-warning,.btn.btn-outline.btn-outline-warning.active,.btn.btn-outline.btn-outline-warning.show,.btn.btn-outline.btn-outline-warning:active:not(.btn-active),.btn.btn-outline.btn-outline-warning:focus:not(.btn-active),.btn.btn-outline.btn-outline-warning:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-warning {
    color: var(--jb-warning-active);
    border-color: var(--jb-warning);
    background-color: var(--jb-warning-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-warning .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-warning i,.btn-check:checked+.btn.btn-outline.btn-outline-warning .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-warning i,.btn.btn-outline.btn-outline-warning.active .svg-icon,.btn.btn-outline.btn-outline-warning.active i,.btn.btn-outline.btn-outline-warning.show .svg-icon,.btn.btn-outline.btn-outline-warning.show i,.btn.btn-outline.btn-outline-warning:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-warning:active:not(.btn-active) i,.btn.btn-outline.btn-outline-warning:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-warning:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-warning:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-warning:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-warning .svg-icon,.show>.btn.btn-outline.btn-outline-warning i {
    color: var(--jb-warning-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-warning.dropdown-toggle:after,.btn.btn-outline.btn-outline-warning.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-warning.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-warning.dropdown-toggle:after {
    color: var(--jb-warning-active)
}

.btn.btn-danger {
    color: var(--jb-danger-inverse);
    border-color: var(--jb-danger);
    background-color: var(--jb-danger)
}

.btn.btn-danger .svg-icon,.btn.btn-danger i {
    color: var(--jb-danger-inverse)
}

.btn.btn-danger.dropdown-toggle:after {
    color: var(--jb-danger-inverse)
}

.btn-check:active+.btn.btn-danger,.btn-check:checked+.btn.btn-danger,.btn.btn-danger.active,.btn.btn-danger.show,.btn.btn-danger:active:not(.btn-active),.btn.btn-danger:focus:not(.btn-active),.btn.btn-danger:hover:not(.btn-active),.show>.btn.btn-danger {
    color: var(--jb-danger-inverse);
    border-color: var(--jb-danger-active);
    background-color: var(--jb-danger-active)!important
}

.btn-check:active+.btn.btn-danger .svg-icon,.btn-check:active+.btn.btn-danger i,.btn-check:checked+.btn.btn-danger .svg-icon,.btn-check:checked+.btn.btn-danger i,.btn.btn-danger.active .svg-icon,.btn.btn-danger.active i,.btn.btn-danger.show .svg-icon,.btn.btn-danger.show i,.btn.btn-danger:active:not(.btn-active) .svg-icon,.btn.btn-danger:active:not(.btn-active) i,.btn.btn-danger:focus:not(.btn-active) .svg-icon,.btn.btn-danger:focus:not(.btn-active) i,.btn.btn-danger:hover:not(.btn-active) .svg-icon,.btn.btn-danger:hover:not(.btn-active) i,.show>.btn.btn-danger .svg-icon,.show>.btn.btn-danger i {
    color: var(--jb-danger-inverse)
}

.btn-check:active+.btn.btn-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-danger.dropdown-toggle:after,.btn.btn-danger.active.dropdown-toggle:after,.btn.btn-danger.show.dropdown-toggle:after,.btn.btn-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-danger.dropdown-toggle:after {
    color: var(--jb-danger-inverse)
}

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

.btn.btn-light-danger .svg-icon,.btn.btn-light-danger i {
    color: var(--jb-danger)
}

.btn.btn-light-danger.dropdown-toggle:after {
    color: var(--jb-danger)
}

.btn-check:active+.btn.btn-light-danger,.btn-check:checked+.btn.btn-light-danger,.btn.btn-light-danger.active,.btn.btn-light-danger.show,.btn.btn-light-danger:active:not(.btn-active),.btn.btn-light-danger:focus:not(.btn-active),.btn.btn-light-danger:hover:not(.btn-active),.show>.btn.btn-light-danger {
    color: var(--jb-danger-inverse);
    border-color: var(--jb-danger);
    background-color: var(--jb-danger)!important
}

.btn-check:active+.btn.btn-light-danger .svg-icon,.btn-check:active+.btn.btn-light-danger i,.btn-check:checked+.btn.btn-light-danger .svg-icon,.btn-check:checked+.btn.btn-light-danger i,.btn.btn-light-danger.active .svg-icon,.btn.btn-light-danger.active i,.btn.btn-light-danger.show .svg-icon,.btn.btn-light-danger.show i,.btn.btn-light-danger:active:not(.btn-active) .svg-icon,.btn.btn-light-danger:active:not(.btn-active) i,.btn.btn-light-danger:focus:not(.btn-active) .svg-icon,.btn.btn-light-danger:focus:not(.btn-active) i,.btn.btn-light-danger:hover:not(.btn-active) .svg-icon,.btn.btn-light-danger:hover:not(.btn-active) i,.show>.btn.btn-light-danger .svg-icon,.show>.btn.btn-light-danger i {
    color: var(--jb-danger-inverse)
}

.btn-check:active+.btn.btn-light-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-danger.dropdown-toggle:after,.btn.btn-light-danger.active.dropdown-toggle:after,.btn.btn-light-danger.show.dropdown-toggle:after,.btn.btn-light-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-danger.dropdown-toggle:after {
    color: var(--jb-danger-inverse)
}

.btn.btn-bg-danger {
    border-color: var(--jb-danger);
    background-color: var(--jb-danger)
}

.btn-check:active+.btn.btn-active-danger,.btn-check:checked+.btn.btn-active-danger,.btn.btn-active-danger.active,.btn.btn-active-danger.show,.btn.btn-active-danger:active:not(.btn-active),.btn.btn-active-danger:focus:not(.btn-active),.btn.btn-active-danger:hover:not(.btn-active),.show>.btn.btn-active-danger {
    color: var(--jb-danger-inverse);
    border-color: var(--jb-danger);
    background-color: var(--jb-danger)!important
}

.btn-check:active+.btn.btn-active-danger .svg-icon,.btn-check:active+.btn.btn-active-danger i,.btn-check:checked+.btn.btn-active-danger .svg-icon,.btn-check:checked+.btn.btn-active-danger i,.btn.btn-active-danger.active .svg-icon,.btn.btn-active-danger.active i,.btn.btn-active-danger.show .svg-icon,.btn.btn-active-danger.show i,.btn.btn-active-danger:active:not(.btn-active) .svg-icon,.btn.btn-active-danger:active:not(.btn-active) i,.btn.btn-active-danger:focus:not(.btn-active) .svg-icon,.btn.btn-active-danger:focus:not(.btn-active) i,.btn.btn-active-danger:hover:not(.btn-active) .svg-icon,.btn.btn-active-danger:hover:not(.btn-active) i,.show>.btn.btn-active-danger .svg-icon,.show>.btn.btn-active-danger i {
    color: var(--jb-danger-inverse)
}

.btn-check:active+.btn.btn-active-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-danger.dropdown-toggle:after,.btn.btn-active-danger.active.dropdown-toggle:after,.btn.btn-active-danger.show.dropdown-toggle:after,.btn.btn-active-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-danger.dropdown-toggle:after {
    color: var(--jb-danger-inverse)
}

.btn-check:active+.btn.btn-active-light-danger,.btn-check:checked+.btn.btn-active-light-danger,.btn.btn-active-light-danger.active,.btn.btn-active-light-danger.show,.btn.btn-active-light-danger:active:not(.btn-active),.btn.btn-active-light-danger:focus:not(.btn-active),.btn.btn-active-light-danger:hover:not(.btn-active),.show>.btn.btn-active-light-danger {
    color: var(--jb-danger);
    border-color: var(--jb-danger-light);
    background-color: var(--jb-danger-light)!important
}

.btn-check:active+.btn.btn-active-light-danger .svg-icon,.btn-check:active+.btn.btn-active-light-danger i,.btn-check:checked+.btn.btn-active-light-danger .svg-icon,.btn-check:checked+.btn.btn-active-light-danger i,.btn.btn-active-light-danger.active .svg-icon,.btn.btn-active-light-danger.active i,.btn.btn-active-light-danger.show .svg-icon,.btn.btn-active-light-danger.show i,.btn.btn-active-light-danger:active:not(.btn-active) .svg-icon,.btn.btn-active-light-danger:active:not(.btn-active) i,.btn.btn-active-light-danger:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-danger:focus:not(.btn-active) i,.btn.btn-active-light-danger:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-danger:hover:not(.btn-active) i,.show>.btn.btn-active-light-danger .svg-icon,.show>.btn.btn-active-light-danger i {
    color: var(--jb-danger)
}

.btn-check:active+.btn.btn-active-light-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-danger.dropdown-toggle:after,.btn.btn-active-light-danger.active.dropdown-toggle:after,.btn.btn-active-light-danger.show.dropdown-toggle:after,.btn.btn-active-light-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-danger.dropdown-toggle:after {
    color: var(--jb-danger)
}

.btn.btn-outline.btn-outline-danger {
    color: var(--jb-danger);
    border-color: var(--jb-danger);
    background-color: transparent
}

.btn.btn-outline.btn-outline-danger .svg-icon,.btn.btn-outline.btn-outline-danger i {
    color: var(--jb-danger)
}

.btn.btn-outline.btn-outline-danger.dropdown-toggle:after {
    color: var(--jb-danger)
}

.btn-check:active+.btn.btn-outline.btn-outline-danger,.btn-check:checked+.btn.btn-outline.btn-outline-danger,.btn.btn-outline.btn-outline-danger.active,.btn.btn-outline.btn-outline-danger.show,.btn.btn-outline.btn-outline-danger:active:not(.btn-active),.btn.btn-outline.btn-outline-danger:focus:not(.btn-active),.btn.btn-outline.btn-outline-danger:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-danger {
    color: var(--jb-danger-active);
    border-color: var(--jb-danger);
    background-color: var(--jb-danger-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-danger .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-danger i,.btn-check:checked+.btn.btn-outline.btn-outline-danger .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-danger i,.btn.btn-outline.btn-outline-danger.active .svg-icon,.btn.btn-outline.btn-outline-danger.active i,.btn.btn-outline.btn-outline-danger.show .svg-icon,.btn.btn-outline.btn-outline-danger.show i,.btn.btn-outline.btn-outline-danger:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-danger:active:not(.btn-active) i,.btn.btn-outline.btn-outline-danger:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-danger:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-danger:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-danger:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-danger .svg-icon,.show>.btn.btn-outline.btn-outline-danger i {
    color: var(--jb-danger-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-danger.dropdown-toggle:after,.btn.btn-outline.btn-outline-danger.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-danger.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-danger.dropdown-toggle:after {
    color: var(--jb-danger-active)
}

.btn.btn-dark {
    color: var(--jb-dark-inverse);
    border-color: var(--jb-dark);
    background-color: var(--jb-dark)
}

.btn.btn-dark .svg-icon,.btn.btn-dark i {
    color: var(--jb-dark-inverse)
}

.btn.btn-dark.dropdown-toggle:after {
    color: var(--jb-dark-inverse)
}

.btn-check:active+.btn.btn-dark,.btn-check:checked+.btn.btn-dark,.btn.btn-dark.active,.btn.btn-dark.show,.btn.btn-dark:active:not(.btn-active),.btn.btn-dark:focus:not(.btn-active),.btn.btn-dark:hover:not(.btn-active),.show>.btn.btn-dark {
    color: var(--jb-dark-inverse);
    border-color: var(--jb-dark-active);
    background-color: var(--jb-dark-active)!important
}

.btn-check:active+.btn.btn-dark .svg-icon,.btn-check:active+.btn.btn-dark i,.btn-check:checked+.btn.btn-dark .svg-icon,.btn-check:checked+.btn.btn-dark i,.btn.btn-dark.active .svg-icon,.btn.btn-dark.active i,.btn.btn-dark.show .svg-icon,.btn.btn-dark.show i,.btn.btn-dark:active:not(.btn-active) .svg-icon,.btn.btn-dark:active:not(.btn-active) i,.btn.btn-dark:focus:not(.btn-active) .svg-icon,.btn.btn-dark:focus:not(.btn-active) i,.btn.btn-dark:hover:not(.btn-active) .svg-icon,.btn.btn-dark:hover:not(.btn-active) i,.show>.btn.btn-dark .svg-icon,.show>.btn.btn-dark i {
    color: var(--jb-dark-inverse)
}

.btn-check:active+.btn.btn-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-dark.dropdown-toggle:after,.btn.btn-dark.active.dropdown-toggle:after,.btn.btn-dark.show.dropdown-toggle:after,.btn.btn-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-dark.dropdown-toggle:after {
    color: var(--jb-dark-inverse)
}

.btn.btn-light-dark {
    color: var(--jb-dark);
    border-color: var(--jb-dark-light);
    background-color: var(--jb-dark-light)
}

.btn.btn-light-dark .svg-icon,.btn.btn-light-dark i {
    color: var(--jb-dark)
}

.btn.btn-light-dark.dropdown-toggle:after {
    color: var(--jb-dark)
}

.btn-check:active+.btn.btn-light-dark,.btn-check:checked+.btn.btn-light-dark,.btn.btn-light-dark.active,.btn.btn-light-dark.show,.btn.btn-light-dark:active:not(.btn-active),.btn.btn-light-dark:focus:not(.btn-active),.btn.btn-light-dark:hover:not(.btn-active),.show>.btn.btn-light-dark {
    color: var(--jb-dark-inverse);
    border-color: var(--jb-dark);
    background-color: var(--jb-dark)!important
}

.btn-check:active+.btn.btn-light-dark .svg-icon,.btn-check:active+.btn.btn-light-dark i,.btn-check:checked+.btn.btn-light-dark .svg-icon,.btn-check:checked+.btn.btn-light-dark i,.btn.btn-light-dark.active .svg-icon,.btn.btn-light-dark.active i,.btn.btn-light-dark.show .svg-icon,.btn.btn-light-dark.show i,.btn.btn-light-dark:active:not(.btn-active) .svg-icon,.btn.btn-light-dark:active:not(.btn-active) i,.btn.btn-light-dark:focus:not(.btn-active) .svg-icon,.btn.btn-light-dark:focus:not(.btn-active) i,.btn.btn-light-dark:hover:not(.btn-active) .svg-icon,.btn.btn-light-dark:hover:not(.btn-active) i,.show>.btn.btn-light-dark .svg-icon,.show>.btn.btn-light-dark i {
    color: var(--jb-dark-inverse)
}

.btn-check:active+.btn.btn-light-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-dark.dropdown-toggle:after,.btn.btn-light-dark.active.dropdown-toggle:after,.btn.btn-light-dark.show.dropdown-toggle:after,.btn.btn-light-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-dark.dropdown-toggle:after {
    color: var(--jb-dark-inverse)
}

.btn.btn-bg-dark {
    border-color: var(--jb-dark);
    background-color: var(--jb-dark)
}

.btn-check:active+.btn.btn-active-dark,.btn-check:checked+.btn.btn-active-dark,.btn.btn-active-dark.active,.btn.btn-active-dark.show,.btn.btn-active-dark:active:not(.btn-active),.btn.btn-active-dark:focus:not(.btn-active),.btn.btn-active-dark:hover:not(.btn-active),.show>.btn.btn-active-dark {
    color: var(--jb-dark-inverse);
    border-color: var(--jb-dark);
    background-color: var(--jb-dark)!important
}

.btn-check:active+.btn.btn-active-dark .svg-icon,.btn-check:active+.btn.btn-active-dark i,.btn-check:checked+.btn.btn-active-dark .svg-icon,.btn-check:checked+.btn.btn-active-dark i,.btn.btn-active-dark.active .svg-icon,.btn.btn-active-dark.active i,.btn.btn-active-dark.show .svg-icon,.btn.btn-active-dark.show i,.btn.btn-active-dark:active:not(.btn-active) .svg-icon,.btn.btn-active-dark:active:not(.btn-active) i,.btn.btn-active-dark:focus:not(.btn-active) .svg-icon,.btn.btn-active-dark:focus:not(.btn-active) i,.btn.btn-active-dark:hover:not(.btn-active) .svg-icon,.btn.btn-active-dark:hover:not(.btn-active) i,.show>.btn.btn-active-dark .svg-icon,.show>.btn.btn-active-dark i {
    color: var(--jb-dark-inverse)
}

.btn-check:active+.btn.btn-active-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-dark.dropdown-toggle:after,.btn.btn-active-dark.active.dropdown-toggle:after,.btn.btn-active-dark.show.dropdown-toggle:after,.btn.btn-active-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-dark.dropdown-toggle:after {
    color: var(--jb-dark-inverse)
}

.btn-check:active+.btn.btn-active-light-dark,.btn-check:checked+.btn.btn-active-light-dark,.btn.btn-active-light-dark.active,.btn.btn-active-light-dark.show,.btn.btn-active-light-dark:active:not(.btn-active),.btn.btn-active-light-dark:focus:not(.btn-active),.btn.btn-active-light-dark:hover:not(.btn-active),.show>.btn.btn-active-light-dark {
    color: var(--jb-dark);
    border-color: var(--jb-dark-light);
    background-color: var(--jb-dark-light)!important
}

.btn-check:active+.btn.btn-active-light-dark .svg-icon,.btn-check:active+.btn.btn-active-light-dark i,.btn-check:checked+.btn.btn-active-light-dark .svg-icon,.btn-check:checked+.btn.btn-active-light-dark i,.btn.btn-active-light-dark.active .svg-icon,.btn.btn-active-light-dark.active i,.btn.btn-active-light-dark.show .svg-icon,.btn.btn-active-light-dark.show i,.btn.btn-active-light-dark:active:not(.btn-active) .svg-icon,.btn.btn-active-light-dark:active:not(.btn-active) i,.btn.btn-active-light-dark:focus:not(.btn-active) .svg-icon,.btn.btn-active-light-dark:focus:not(.btn-active) i,.btn.btn-active-light-dark:hover:not(.btn-active) .svg-icon,.btn.btn-active-light-dark:hover:not(.btn-active) i,.show>.btn.btn-active-light-dark .svg-icon,.show>.btn.btn-active-light-dark i {
    color: var(--jb-dark)
}

.btn-check:active+.btn.btn-active-light-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-light-dark.dropdown-toggle:after,.btn.btn-active-light-dark.active.dropdown-toggle:after,.btn.btn-active-light-dark.show.dropdown-toggle:after,.btn.btn-active-light-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-light-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-light-dark.dropdown-toggle:after {
    color: var(--jb-dark)
}

.btn.btn-outline.btn-outline-dark {
    color: var(--jb-dark);
    border-color: var(--jb-dark);
    background-color: transparent
}

.btn.btn-outline.btn-outline-dark .svg-icon,.btn.btn-outline.btn-outline-dark i {
    color: var(--jb-dark)
}

.btn.btn-outline.btn-outline-dark.dropdown-toggle:after {
    color: var(--jb-dark)
}

.btn-check:active+.btn.btn-outline.btn-outline-dark,.btn-check:checked+.btn.btn-outline.btn-outline-dark,.btn.btn-outline.btn-outline-dark.active,.btn.btn-outline.btn-outline-dark.show,.btn.btn-outline.btn-outline-dark:active:not(.btn-active),.btn.btn-outline.btn-outline-dark:focus:not(.btn-active),.btn.btn-outline.btn-outline-dark:hover:not(.btn-active),.show>.btn.btn-outline.btn-outline-dark {
    color: var(--jb-dark-active);
    border-color: var(--jb-dark);
    background-color: var(--jb-dark-light)!important
}

.btn-check:active+.btn.btn-outline.btn-outline-dark .svg-icon,.btn-check:active+.btn.btn-outline.btn-outline-dark i,.btn-check:checked+.btn.btn-outline.btn-outline-dark .svg-icon,.btn-check:checked+.btn.btn-outline.btn-outline-dark i,.btn.btn-outline.btn-outline-dark.active .svg-icon,.btn.btn-outline.btn-outline-dark.active i,.btn.btn-outline.btn-outline-dark.show .svg-icon,.btn.btn-outline.btn-outline-dark.show i,.btn.btn-outline.btn-outline-dark:active:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-dark:active:not(.btn-active) i,.btn.btn-outline.btn-outline-dark:focus:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-dark:focus:not(.btn-active) i,.btn.btn-outline.btn-outline-dark:hover:not(.btn-active) .svg-icon,.btn.btn-outline.btn-outline-dark:hover:not(.btn-active) i,.show>.btn.btn-outline.btn-outline-dark .svg-icon,.show>.btn.btn-outline.btn-outline-dark i {
    color: var(--jb-dark-active)
}

.btn-check:active+.btn.btn-outline.btn-outline-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-outline.btn-outline-dark.dropdown-toggle:after,.btn.btn-outline.btn-outline-dark.active.dropdown-toggle:after,.btn.btn-outline.btn-outline-dark.show.dropdown-toggle:after,.btn.btn-outline.btn-outline-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-outline.btn-outline-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-outline.btn-outline-dark.dropdown-toggle:after {
    color: var(--jb-dark-active)
}

.btn.btn-color-white {
    color: var(--jb-text-white)
}

.btn.btn-color-white .svg-icon,.btn.btn-color-white i {
    color: var(--jb-text-white)
}

.btn.btn-color-white.dropdown-toggle:after {
    color: var(--jb-text-white)
}

.btn-check:active+.btn.btn-active-color-white,.btn-check:checked+.btn.btn-active-color-white,.btn.btn-active-color-white.active,.btn.btn-active-color-white.show,.btn.btn-active-color-white:active:not(.btn-active),.btn.btn-active-color-white:focus:not(.btn-active),.btn.btn-active-color-white:hover:not(.btn-active),.show>.btn.btn-active-color-white {
    color: var(--jb-text-white)
}

.btn-check:active+.btn.btn-active-color-white .svg-icon,.btn-check:active+.btn.btn-active-color-white i,.btn-check:checked+.btn.btn-active-color-white .svg-icon,.btn-check:checked+.btn.btn-active-color-white i,.btn.btn-active-color-white.active .svg-icon,.btn.btn-active-color-white.active i,.btn.btn-active-color-white.show .svg-icon,.btn.btn-active-color-white.show i,.btn.btn-active-color-white:active:not(.btn-active) .svg-icon,.btn.btn-active-color-white:active:not(.btn-active) i,.btn.btn-active-color-white:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-white:focus:not(.btn-active) i,.btn.btn-active-color-white:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-white:hover:not(.btn-active) i,.show>.btn.btn-active-color-white .svg-icon,.show>.btn.btn-active-color-white i {
    color: var(--jb-text-white)
}

.btn-check:active+.btn.btn-active-color-white.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-white.dropdown-toggle:after,.btn.btn-active-color-white.active.dropdown-toggle:after,.btn.btn-active-color-white.show.dropdown-toggle:after,.btn.btn-active-color-white:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-white:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-white:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-white.dropdown-toggle:after {
    color: var(--jb-text-white)
}

.btn.btn-icon-white .svg-icon,.btn.btn-icon-white i {
    color: var(--jb-text-white)
}

.btn.btn-icon-white.dropdown-toggle:after {
    color: var(--jb-text-white)
}

.btn-check:active+.btn.btn-active-icon-white .svg-icon,.btn-check:active+.btn.btn-active-icon-white i,.btn-check:checked+.btn.btn-active-icon-white .svg-icon,.btn-check:checked+.btn.btn-active-icon-white i,.btn.btn-active-icon-white.active .svg-icon,.btn.btn-active-icon-white.active i,.btn.btn-active-icon-white.show .svg-icon,.btn.btn-active-icon-white.show i,.btn.btn-active-icon-white:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-white:active:not(.btn-active) i,.btn.btn-active-icon-white:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-white:focus:not(.btn-active) i,.btn.btn-active-icon-white:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-white:hover:not(.btn-active) i,.show>.btn.btn-active-icon-white .svg-icon,.show>.btn.btn-active-icon-white i {
    color: var(--jb-text-white)
}

.btn-check:active+.btn.btn-active-icon-white.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-white.dropdown-toggle:after,.btn.btn-active-icon-white.active.dropdown-toggle:after,.btn.btn-active-icon-white.show.dropdown-toggle:after,.btn.btn-active-icon-white:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-white:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-white:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-white.dropdown-toggle:after {
    color: var(--jb-text-white)
}

.btn.btn-text-white {
    color: var(--jb-text-white)
}

.btn-check:active+.btn.btn-active-text-white,.btn-check:checked+.btn.btn-active-text-white,.btn.btn-active-text-white.active,.btn.btn-active-text-white.show,.btn.btn-active-text-white:active:not(.btn-active),.btn.btn-active-text-white:focus:not(.btn-active),.btn.btn-active-text-white:hover:not(.btn-active),.show>.btn.btn-active-text-white {
    color: var(--jb-text-white)
}

.btn.btn-color-primary {
    color: var(--jb-text-primary)
}

.btn.btn-color-primary .svg-icon,.btn.btn-color-primary i {
    color: var(--jb-text-primary)
}

.btn.btn-color-primary.dropdown-toggle:after {
    color: var(--jb-text-primary)
}

.btn-check:active+.btn.btn-active-color-primary,.btn-check:checked+.btn.btn-active-color-primary,.btn.btn-active-color-primary.active,.btn.btn-active-color-primary.show,.btn.btn-active-color-primary:active:not(.btn-active),.btn.btn-active-color-primary:focus:not(.btn-active),.btn.btn-active-color-primary:hover:not(.btn-active),.show>.btn.btn-active-color-primary {
    color: var(--jb-text-primary)
}

.btn-check:active+.btn.btn-active-color-primary .svg-icon,.btn-check:active+.btn.btn-active-color-primary i,.btn-check:checked+.btn.btn-active-color-primary .svg-icon,.btn-check:checked+.btn.btn-active-color-primary i,.btn.btn-active-color-primary.active .svg-icon,.btn.btn-active-color-primary.active i,.btn.btn-active-color-primary.show .svg-icon,.btn.btn-active-color-primary.show i,.btn.btn-active-color-primary:active:not(.btn-active) .svg-icon,.btn.btn-active-color-primary:active:not(.btn-active) i,.btn.btn-active-color-primary:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-primary:focus:not(.btn-active) i,.btn.btn-active-color-primary:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-primary:hover:not(.btn-active) i,.show>.btn.btn-active-color-primary .svg-icon,.show>.btn.btn-active-color-primary i {
    color: var(--jb-text-primary)
}

.btn-check:active+.btn.btn-active-color-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-primary.dropdown-toggle:after,.btn.btn-active-color-primary.active.dropdown-toggle:after,.btn.btn-active-color-primary.show.dropdown-toggle:after,.btn.btn-active-color-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-primary.dropdown-toggle:after {
    color: var(--jb-text-primary)
}

.btn.btn-icon-primary .svg-icon,.btn.btn-icon-primary i {
    color: var(--jb-text-primary)
}

.btn.btn-icon-primary.dropdown-toggle:after {
    color: var(--jb-text-primary)
}

.btn-check:active+.btn.btn-active-icon-primary .svg-icon,.btn-check:active+.btn.btn-active-icon-primary i,.btn-check:checked+.btn.btn-active-icon-primary .svg-icon,.btn-check:checked+.btn.btn-active-icon-primary i,.btn.btn-active-icon-primary.active .svg-icon,.btn.btn-active-icon-primary.active i,.btn.btn-active-icon-primary.show .svg-icon,.btn.btn-active-icon-primary.show i,.btn.btn-active-icon-primary:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-primary:active:not(.btn-active) i,.btn.btn-active-icon-primary:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-primary:focus:not(.btn-active) i,.btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-primary:hover:not(.btn-active) i,.show>.btn.btn-active-icon-primary .svg-icon,.show>.btn.btn-active-icon-primary i {
    color: var(--jb-text-primary)
}

.btn-check:active+.btn.btn-active-icon-primary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-primary.dropdown-toggle:after,.btn.btn-active-icon-primary.active.dropdown-toggle:after,.btn.btn-active-icon-primary.show.dropdown-toggle:after,.btn.btn-active-icon-primary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-primary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-primary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-primary.dropdown-toggle:after {
    color: var(--jb-text-primary)
}

.btn.btn-text-primary {
    color: var(--jb-text-primary)
}

.btn-check:active+.btn.btn-active-text-primary,.btn-check:checked+.btn.btn-active-text-primary,.btn.btn-active-text-primary.active,.btn.btn-active-text-primary.show,.btn.btn-active-text-primary:active:not(.btn-active),.btn.btn-active-text-primary:focus:not(.btn-active),.btn.btn-active-text-primary:hover:not(.btn-active),.show>.btn.btn-active-text-primary {
    color: var(--jb-text-primary)
}

.btn.btn-color-secondary {
    color: var(--jb-text-secondary)
}

.btn.btn-color-secondary .svg-icon,.btn.btn-color-secondary i {
    color: var(--jb-text-secondary)
}

.btn.btn-color-secondary.dropdown-toggle:after {
    color: var(--jb-text-secondary)
}

.btn-check:active+.btn.btn-active-color-secondary,.btn-check:checked+.btn.btn-active-color-secondary,.btn.btn-active-color-secondary.active,.btn.btn-active-color-secondary.show,.btn.btn-active-color-secondary:active:not(.btn-active),.btn.btn-active-color-secondary:focus:not(.btn-active),.btn.btn-active-color-secondary:hover:not(.btn-active),.show>.btn.btn-active-color-secondary {
    color: var(--jb-text-secondary)
}

.btn-check:active+.btn.btn-active-color-secondary .svg-icon,.btn-check:active+.btn.btn-active-color-secondary i,.btn-check:checked+.btn.btn-active-color-secondary .svg-icon,.btn-check:checked+.btn.btn-active-color-secondary i,.btn.btn-active-color-secondary.active .svg-icon,.btn.btn-active-color-secondary.active i,.btn.btn-active-color-secondary.show .svg-icon,.btn.btn-active-color-secondary.show i,.btn.btn-active-color-secondary:active:not(.btn-active) .svg-icon,.btn.btn-active-color-secondary:active:not(.btn-active) i,.btn.btn-active-color-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-secondary:focus:not(.btn-active) i,.btn.btn-active-color-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-secondary:hover:not(.btn-active) i,.show>.btn.btn-active-color-secondary .svg-icon,.show>.btn.btn-active-color-secondary i {
    color: var(--jb-text-secondary)
}

.btn-check:active+.btn.btn-active-color-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-secondary.dropdown-toggle:after,.btn.btn-active-color-secondary.active.dropdown-toggle:after,.btn.btn-active-color-secondary.show.dropdown-toggle:after,.btn.btn-active-color-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-secondary.dropdown-toggle:after {
    color: var(--jb-text-secondary)
}

.btn.btn-icon-secondary .svg-icon,.btn.btn-icon-secondary i {
    color: var(--jb-text-secondary)
}

.btn.btn-icon-secondary.dropdown-toggle:after {
    color: var(--jb-text-secondary)
}

.btn-check:active+.btn.btn-active-icon-secondary .svg-icon,.btn-check:active+.btn.btn-active-icon-secondary i,.btn-check:checked+.btn.btn-active-icon-secondary .svg-icon,.btn-check:checked+.btn.btn-active-icon-secondary i,.btn.btn-active-icon-secondary.active .svg-icon,.btn.btn-active-icon-secondary.active i,.btn.btn-active-icon-secondary.show .svg-icon,.btn.btn-active-icon-secondary.show i,.btn.btn-active-icon-secondary:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-secondary:active:not(.btn-active) i,.btn.btn-active-icon-secondary:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-secondary:focus:not(.btn-active) i,.btn.btn-active-icon-secondary:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-secondary:hover:not(.btn-active) i,.show>.btn.btn-active-icon-secondary .svg-icon,.show>.btn.btn-active-icon-secondary i {
    color: var(--jb-text-secondary)
}

.btn-check:active+.btn.btn-active-icon-secondary.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-secondary.dropdown-toggle:after,.btn.btn-active-icon-secondary.active.dropdown-toggle:after,.btn.btn-active-icon-secondary.show.dropdown-toggle:after,.btn.btn-active-icon-secondary:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-secondary:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-secondary:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-secondary.dropdown-toggle:after {
    color: var(--jb-text-secondary)
}

.btn.btn-text-secondary {
    color: var(--jb-text-secondary)
}

.btn-check:active+.btn.btn-active-text-secondary,.btn-check:checked+.btn.btn-active-text-secondary,.btn.btn-active-text-secondary.active,.btn.btn-active-text-secondary.show,.btn.btn-active-text-secondary:active:not(.btn-active),.btn.btn-active-text-secondary:focus:not(.btn-active),.btn.btn-active-text-secondary:hover:not(.btn-active),.show>.btn.btn-active-text-secondary {
    color: var(--jb-text-secondary)
}

.btn.btn-color-light {
    color: var(--jb-text-light)
}

.btn.btn-color-light .svg-icon,.btn.btn-color-light i {
    color: var(--jb-text-light)
}

.btn.btn-color-light.dropdown-toggle:after {
    color: var(--jb-text-light)
}

.btn-check:active+.btn.btn-active-color-light,.btn-check:checked+.btn.btn-active-color-light,.btn.btn-active-color-light.active,.btn.btn-active-color-light.show,.btn.btn-active-color-light:active:not(.btn-active),.btn.btn-active-color-light:focus:not(.btn-active),.btn.btn-active-color-light:hover:not(.btn-active),.show>.btn.btn-active-color-light {
    color: var(--jb-text-light)
}

.btn-check:active+.btn.btn-active-color-light .svg-icon,.btn-check:active+.btn.btn-active-color-light i,.btn-check:checked+.btn.btn-active-color-light .svg-icon,.btn-check:checked+.btn.btn-active-color-light i,.btn.btn-active-color-light.active .svg-icon,.btn.btn-active-color-light.active i,.btn.btn-active-color-light.show .svg-icon,.btn.btn-active-color-light.show i,.btn.btn-active-color-light:active:not(.btn-active) .svg-icon,.btn.btn-active-color-light:active:not(.btn-active) i,.btn.btn-active-color-light:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-light:focus:not(.btn-active) i,.btn.btn-active-color-light:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-light:hover:not(.btn-active) i,.show>.btn.btn-active-color-light .svg-icon,.show>.btn.btn-active-color-light i {
    color: var(--jb-text-light)
}

.btn-check:active+.btn.btn-active-color-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-light.dropdown-toggle:after,.btn.btn-active-color-light.active.dropdown-toggle:after,.btn.btn-active-color-light.show.dropdown-toggle:after,.btn.btn-active-color-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-light.dropdown-toggle:after {
    color: var(--jb-text-light)
}

.btn.btn-icon-light .svg-icon,.btn.btn-icon-light i {
    color: var(--jb-text-light)
}

.btn.btn-icon-light.dropdown-toggle:after {
    color: var(--jb-text-light)
}

.btn-check:active+.btn.btn-active-icon-light .svg-icon,.btn-check:active+.btn.btn-active-icon-light i,.btn-check:checked+.btn.btn-active-icon-light .svg-icon,.btn-check:checked+.btn.btn-active-icon-light i,.btn.btn-active-icon-light.active .svg-icon,.btn.btn-active-icon-light.active i,.btn.btn-active-icon-light.show .svg-icon,.btn.btn-active-icon-light.show i,.btn.btn-active-icon-light:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-light:active:not(.btn-active) i,.btn.btn-active-icon-light:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-light:focus:not(.btn-active) i,.btn.btn-active-icon-light:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-light:hover:not(.btn-active) i,.show>.btn.btn-active-icon-light .svg-icon,.show>.btn.btn-active-icon-light i {
    color: var(--jb-text-light)
}

.btn-check:active+.btn.btn-active-icon-light.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-light.dropdown-toggle:after,.btn.btn-active-icon-light.active.dropdown-toggle:after,.btn.btn-active-icon-light.show.dropdown-toggle:after,.btn.btn-active-icon-light:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-light:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-light:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-light.dropdown-toggle:after {
    color: var(--jb-text-light)
}

.btn.btn-text-light {
    color: var(--jb-text-light)
}

.btn-check:active+.btn.btn-active-text-light,.btn-check:checked+.btn.btn-active-text-light,.btn.btn-active-text-light.active,.btn.btn-active-text-light.show,.btn.btn-active-text-light:active:not(.btn-active),.btn.btn-active-text-light:focus:not(.btn-active),.btn.btn-active-text-light:hover:not(.btn-active),.show>.btn.btn-active-text-light {
    color: var(--jb-text-light)
}

.btn.btn-color-success {
    color: var(--jb-text-success)
}

.btn.btn-color-success .svg-icon,.btn.btn-color-success i {
    color: var(--jb-text-success)
}

.btn.btn-color-success.dropdown-toggle:after {
    color: var(--jb-text-success)
}

.btn-check:active+.btn.btn-active-color-success,.btn-check:checked+.btn.btn-active-color-success,.btn.btn-active-color-success.active,.btn.btn-active-color-success.show,.btn.btn-active-color-success:active:not(.btn-active),.btn.btn-active-color-success:focus:not(.btn-active),.btn.btn-active-color-success:hover:not(.btn-active),.show>.btn.btn-active-color-success {
    color: var(--jb-text-success)
}

.btn-check:active+.btn.btn-active-color-success .svg-icon,.btn-check:active+.btn.btn-active-color-success i,.btn-check:checked+.btn.btn-active-color-success .svg-icon,.btn-check:checked+.btn.btn-active-color-success i,.btn.btn-active-color-success.active .svg-icon,.btn.btn-active-color-success.active i,.btn.btn-active-color-success.show .svg-icon,.btn.btn-active-color-success.show i,.btn.btn-active-color-success:active:not(.btn-active) .svg-icon,.btn.btn-active-color-success:active:not(.btn-active) i,.btn.btn-active-color-success:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-success:focus:not(.btn-active) i,.btn.btn-active-color-success:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-success:hover:not(.btn-active) i,.show>.btn.btn-active-color-success .svg-icon,.show>.btn.btn-active-color-success i {
    color: var(--jb-text-success)
}

.btn-check:active+.btn.btn-active-color-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-success.dropdown-toggle:after,.btn.btn-active-color-success.active.dropdown-toggle:after,.btn.btn-active-color-success.show.dropdown-toggle:after,.btn.btn-active-color-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-success.dropdown-toggle:after {
    color: var(--jb-text-success)
}

.btn.btn-icon-success .svg-icon,.btn.btn-icon-success i {
    color: var(--jb-text-success)
}

.btn.btn-icon-success.dropdown-toggle:after {
    color: var(--jb-text-success)
}

.btn-check:active+.btn.btn-active-icon-success .svg-icon,.btn-check:active+.btn.btn-active-icon-success i,.btn-check:checked+.btn.btn-active-icon-success .svg-icon,.btn-check:checked+.btn.btn-active-icon-success i,.btn.btn-active-icon-success.active .svg-icon,.btn.btn-active-icon-success.active i,.btn.btn-active-icon-success.show .svg-icon,.btn.btn-active-icon-success.show i,.btn.btn-active-icon-success:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-success:active:not(.btn-active) i,.btn.btn-active-icon-success:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-success:focus:not(.btn-active) i,.btn.btn-active-icon-success:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-success:hover:not(.btn-active) i,.show>.btn.btn-active-icon-success .svg-icon,.show>.btn.btn-active-icon-success i {
    color: var(--jb-text-success)
}

.btn-check:active+.btn.btn-active-icon-success.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-success.dropdown-toggle:after,.btn.btn-active-icon-success.active.dropdown-toggle:after,.btn.btn-active-icon-success.show.dropdown-toggle:after,.btn.btn-active-icon-success:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-success:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-success:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-success.dropdown-toggle:after {
    color: var(--jb-text-success)
}

.btn.btn-text-success {
    color: var(--jb-text-success)
}

.btn-check:active+.btn.btn-active-text-success,.btn-check:checked+.btn.btn-active-text-success,.btn.btn-active-text-success.active,.btn.btn-active-text-success.show,.btn.btn-active-text-success:active:not(.btn-active),.btn.btn-active-text-success:focus:not(.btn-active),.btn.btn-active-text-success:hover:not(.btn-active),.show>.btn.btn-active-text-success {
    color: var(--jb-text-success)
}

.btn.btn-color-info {
    color: var(--jb-text-info)
}

.btn.btn-color-info .svg-icon,.btn.btn-color-info i {
    color: var(--jb-text-info)
}

.btn.btn-color-info.dropdown-toggle:after {
    color: var(--jb-text-info)
}

.btn-check:active+.btn.btn-active-color-info,.btn-check:checked+.btn.btn-active-color-info,.btn.btn-active-color-info.active,.btn.btn-active-color-info.show,.btn.btn-active-color-info:active:not(.btn-active),.btn.btn-active-color-info:focus:not(.btn-active),.btn.btn-active-color-info:hover:not(.btn-active),.show>.btn.btn-active-color-info {
    color: var(--jb-text-info)
}

.btn-check:active+.btn.btn-active-color-info .svg-icon,.btn-check:active+.btn.btn-active-color-info i,.btn-check:checked+.btn.btn-active-color-info .svg-icon,.btn-check:checked+.btn.btn-active-color-info i,.btn.btn-active-color-info.active .svg-icon,.btn.btn-active-color-info.active i,.btn.btn-active-color-info.show .svg-icon,.btn.btn-active-color-info.show i,.btn.btn-active-color-info:active:not(.btn-active) .svg-icon,.btn.btn-active-color-info:active:not(.btn-active) i,.btn.btn-active-color-info:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-info:focus:not(.btn-active) i,.btn.btn-active-color-info:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-info:hover:not(.btn-active) i,.show>.btn.btn-active-color-info .svg-icon,.show>.btn.btn-active-color-info i {
    color: var(--jb-text-info)
}

.btn-check:active+.btn.btn-active-color-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-info.dropdown-toggle:after,.btn.btn-active-color-info.active.dropdown-toggle:after,.btn.btn-active-color-info.show.dropdown-toggle:after,.btn.btn-active-color-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-info.dropdown-toggle:after {
    color: var(--jb-text-info)
}

.btn.btn-icon-info .svg-icon,.btn.btn-icon-info i {
    color: var(--jb-text-info)
}

.btn.btn-icon-info.dropdown-toggle:after {
    color: var(--jb-text-info)
}

.btn-check:active+.btn.btn-active-icon-info .svg-icon,.btn-check:active+.btn.btn-active-icon-info i,.btn-check:checked+.btn.btn-active-icon-info .svg-icon,.btn-check:checked+.btn.btn-active-icon-info i,.btn.btn-active-icon-info.active .svg-icon,.btn.btn-active-icon-info.active i,.btn.btn-active-icon-info.show .svg-icon,.btn.btn-active-icon-info.show i,.btn.btn-active-icon-info:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-info:active:not(.btn-active) i,.btn.btn-active-icon-info:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-info:focus:not(.btn-active) i,.btn.btn-active-icon-info:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-info:hover:not(.btn-active) i,.show>.btn.btn-active-icon-info .svg-icon,.show>.btn.btn-active-icon-info i {
    color: var(--jb-text-info)
}

.btn-check:active+.btn.btn-active-icon-info.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-info.dropdown-toggle:after,.btn.btn-active-icon-info.active.dropdown-toggle:after,.btn.btn-active-icon-info.show.dropdown-toggle:after,.btn.btn-active-icon-info:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-info:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-info:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-info.dropdown-toggle:after {
    color: var(--jb-text-info)
}

.btn.btn-text-info {
    color: var(--jb-text-info)
}

.btn-check:active+.btn.btn-active-text-info,.btn-check:checked+.btn.btn-active-text-info,.btn.btn-active-text-info.active,.btn.btn-active-text-info.show,.btn.btn-active-text-info:active:not(.btn-active),.btn.btn-active-text-info:focus:not(.btn-active),.btn.btn-active-text-info:hover:not(.btn-active),.show>.btn.btn-active-text-info {
    color: var(--jb-text-info)
}

.btn.btn-color-warning {
    color: var(--jb-text-warning)
}

.btn.btn-color-warning .svg-icon,.btn.btn-color-warning i {
    color: var(--jb-text-warning)
}

.btn.btn-color-warning.dropdown-toggle:after {
    color: var(--jb-text-warning)
}

.btn-check:active+.btn.btn-active-color-warning,.btn-check:checked+.btn.btn-active-color-warning,.btn.btn-active-color-warning.active,.btn.btn-active-color-warning.show,.btn.btn-active-color-warning:active:not(.btn-active),.btn.btn-active-color-warning:focus:not(.btn-active),.btn.btn-active-color-warning:hover:not(.btn-active),.show>.btn.btn-active-color-warning {
    color: var(--jb-text-warning)
}

.btn-check:active+.btn.btn-active-color-warning .svg-icon,.btn-check:active+.btn.btn-active-color-warning i,.btn-check:checked+.btn.btn-active-color-warning .svg-icon,.btn-check:checked+.btn.btn-active-color-warning i,.btn.btn-active-color-warning.active .svg-icon,.btn.btn-active-color-warning.active i,.btn.btn-active-color-warning.show .svg-icon,.btn.btn-active-color-warning.show i,.btn.btn-active-color-warning:active:not(.btn-active) .svg-icon,.btn.btn-active-color-warning:active:not(.btn-active) i,.btn.btn-active-color-warning:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-warning:focus:not(.btn-active) i,.btn.btn-active-color-warning:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-warning:hover:not(.btn-active) i,.show>.btn.btn-active-color-warning .svg-icon,.show>.btn.btn-active-color-warning i {
    color: var(--jb-text-warning)
}

.btn-check:active+.btn.btn-active-color-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-warning.dropdown-toggle:after,.btn.btn-active-color-warning.active.dropdown-toggle:after,.btn.btn-active-color-warning.show.dropdown-toggle:after,.btn.btn-active-color-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-warning.dropdown-toggle:after {
    color: var(--jb-text-warning)
}

.btn.btn-icon-warning .svg-icon,.btn.btn-icon-warning i {
    color: var(--jb-text-warning)
}

.btn.btn-icon-warning.dropdown-toggle:after {
    color: var(--jb-text-warning)
}

.btn-check:active+.btn.btn-active-icon-warning .svg-icon,.btn-check:active+.btn.btn-active-icon-warning i,.btn-check:checked+.btn.btn-active-icon-warning .svg-icon,.btn-check:checked+.btn.btn-active-icon-warning i,.btn.btn-active-icon-warning.active .svg-icon,.btn.btn-active-icon-warning.active i,.btn.btn-active-icon-warning.show .svg-icon,.btn.btn-active-icon-warning.show i,.btn.btn-active-icon-warning:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-warning:active:not(.btn-active) i,.btn.btn-active-icon-warning:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-warning:focus:not(.btn-active) i,.btn.btn-active-icon-warning:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-warning:hover:not(.btn-active) i,.show>.btn.btn-active-icon-warning .svg-icon,.show>.btn.btn-active-icon-warning i {
    color: var(--jb-text-warning)
}

.btn-check:active+.btn.btn-active-icon-warning.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-warning.dropdown-toggle:after,.btn.btn-active-icon-warning.active.dropdown-toggle:after,.btn.btn-active-icon-warning.show.dropdown-toggle:after,.btn.btn-active-icon-warning:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-warning:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-warning:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-warning.dropdown-toggle:after {
    color: var(--jb-text-warning)
}

.btn.btn-text-warning {
    color: var(--jb-text-warning)
}

.btn-check:active+.btn.btn-active-text-warning,.btn-check:checked+.btn.btn-active-text-warning,.btn.btn-active-text-warning.active,.btn.btn-active-text-warning.show,.btn.btn-active-text-warning:active:not(.btn-active),.btn.btn-active-text-warning:focus:not(.btn-active),.btn.btn-active-text-warning:hover:not(.btn-active),.show>.btn.btn-active-text-warning {
    color: var(--jb-text-warning)
}

.btn.btn-color-danger {
    color: var(--jb-text-danger)
}

.btn.btn-color-danger .svg-icon,.btn.btn-color-danger i {
    color: var(--jb-text-danger)
}

.btn.btn-color-danger.dropdown-toggle:after {
    color: var(--jb-text-danger)
}

.btn-check:active+.btn.btn-active-color-danger,.btn-check:checked+.btn.btn-active-color-danger,.btn.btn-active-color-danger.active,.btn.btn-active-color-danger.show,.btn.btn-active-color-danger:active:not(.btn-active),.btn.btn-active-color-danger:focus:not(.btn-active),.btn.btn-active-color-danger:hover:not(.btn-active),.show>.btn.btn-active-color-danger {
    color: var(--jb-text-danger)
}

.btn-check:active+.btn.btn-active-color-danger .svg-icon,.btn-check:active+.btn.btn-active-color-danger i,.btn-check:checked+.btn.btn-active-color-danger .svg-icon,.btn-check:checked+.btn.btn-active-color-danger i,.btn.btn-active-color-danger.active .svg-icon,.btn.btn-active-color-danger.active i,.btn.btn-active-color-danger.show .svg-icon,.btn.btn-active-color-danger.show i,.btn.btn-active-color-danger:active:not(.btn-active) .svg-icon,.btn.btn-active-color-danger:active:not(.btn-active) i,.btn.btn-active-color-danger:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-danger:focus:not(.btn-active) i,.btn.btn-active-color-danger:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-danger:hover:not(.btn-active) i,.show>.btn.btn-active-color-danger .svg-icon,.show>.btn.btn-active-color-danger i {
    color: var(--jb-text-danger)
}

.btn-check:active+.btn.btn-active-color-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-danger.dropdown-toggle:after,.btn.btn-active-color-danger.active.dropdown-toggle:after,.btn.btn-active-color-danger.show.dropdown-toggle:after,.btn.btn-active-color-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-danger.dropdown-toggle:after {
    color: var(--jb-text-danger)
}

.btn.btn-icon-danger .svg-icon,.btn.btn-icon-danger i {
    color: var(--jb-text-danger)
}

.btn.btn-icon-danger.dropdown-toggle:after {
    color: var(--jb-text-danger)
}

.btn-check:active+.btn.btn-active-icon-danger .svg-icon,.btn-check:active+.btn.btn-active-icon-danger i,.btn-check:checked+.btn.btn-active-icon-danger .svg-icon,.btn-check:checked+.btn.btn-active-icon-danger i,.btn.btn-active-icon-danger.active .svg-icon,.btn.btn-active-icon-danger.active i,.btn.btn-active-icon-danger.show .svg-icon,.btn.btn-active-icon-danger.show i,.btn.btn-active-icon-danger:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-danger:active:not(.btn-active) i,.btn.btn-active-icon-danger:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-danger:focus:not(.btn-active) i,.btn.btn-active-icon-danger:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-danger:hover:not(.btn-active) i,.show>.btn.btn-active-icon-danger .svg-icon,.show>.btn.btn-active-icon-danger i {
    color: var(--jb-text-danger)
}

.btn-check:active+.btn.btn-active-icon-danger.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-danger.dropdown-toggle:after,.btn.btn-active-icon-danger.active.dropdown-toggle:after,.btn.btn-active-icon-danger.show.dropdown-toggle:after,.btn.btn-active-icon-danger:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-danger:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-danger:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-danger.dropdown-toggle:after {
    color: var(--jb-text-danger)
}

.btn.btn-text-danger {
    color: var(--jb-text-danger)
}

.btn-check:active+.btn.btn-active-text-danger,.btn-check:checked+.btn.btn-active-text-danger,.btn.btn-active-text-danger.active,.btn.btn-active-text-danger.show,.btn.btn-active-text-danger:active:not(.btn-active),.btn.btn-active-text-danger:focus:not(.btn-active),.btn.btn-active-text-danger:hover:not(.btn-active),.show>.btn.btn-active-text-danger {
    color: var(--jb-text-danger)
}

.btn.btn-color-dark {
    color: var(--jb-text-dark)
}

.btn.btn-color-dark .svg-icon,.btn.btn-color-dark i {
    color: var(--jb-text-dark)
}

.btn.btn-color-dark.dropdown-toggle:after {
    color: var(--jb-text-dark)
}

.btn-check:active+.btn.btn-active-color-dark,.btn-check:checked+.btn.btn-active-color-dark,.btn.btn-active-color-dark.active,.btn.btn-active-color-dark.show,.btn.btn-active-color-dark:active:not(.btn-active),.btn.btn-active-color-dark:focus:not(.btn-active),.btn.btn-active-color-dark:hover:not(.btn-active),.show>.btn.btn-active-color-dark {
    color: var(--jb-text-dark)
}

.btn-check:active+.btn.btn-active-color-dark .svg-icon,.btn-check:active+.btn.btn-active-color-dark i,.btn-check:checked+.btn.btn-active-color-dark .svg-icon,.btn-check:checked+.btn.btn-active-color-dark i,.btn.btn-active-color-dark.active .svg-icon,.btn.btn-active-color-dark.active i,.btn.btn-active-color-dark.show .svg-icon,.btn.btn-active-color-dark.show i,.btn.btn-active-color-dark:active:not(.btn-active) .svg-icon,.btn.btn-active-color-dark:active:not(.btn-active) i,.btn.btn-active-color-dark:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-dark:focus:not(.btn-active) i,.btn.btn-active-color-dark:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-dark:hover:not(.btn-active) i,.show>.btn.btn-active-color-dark .svg-icon,.show>.btn.btn-active-color-dark i {
    color: var(--jb-text-dark)
}

.btn-check:active+.btn.btn-active-color-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-dark.dropdown-toggle:after,.btn.btn-active-color-dark.active.dropdown-toggle:after,.btn.btn-active-color-dark.show.dropdown-toggle:after,.btn.btn-active-color-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-dark.dropdown-toggle:after {
    color: var(--jb-text-dark)
}

.btn.btn-icon-dark .svg-icon,.btn.btn-icon-dark i {
    color: var(--jb-text-dark)
}

.btn.btn-icon-dark.dropdown-toggle:after {
    color: var(--jb-text-dark)
}

.btn-check:active+.btn.btn-active-icon-dark .svg-icon,.btn-check:active+.btn.btn-active-icon-dark i,.btn-check:checked+.btn.btn-active-icon-dark .svg-icon,.btn-check:checked+.btn.btn-active-icon-dark i,.btn.btn-active-icon-dark.active .svg-icon,.btn.btn-active-icon-dark.active i,.btn.btn-active-icon-dark.show .svg-icon,.btn.btn-active-icon-dark.show i,.btn.btn-active-icon-dark:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-dark:active:not(.btn-active) i,.btn.btn-active-icon-dark:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-dark:focus:not(.btn-active) i,.btn.btn-active-icon-dark:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-dark:hover:not(.btn-active) i,.show>.btn.btn-active-icon-dark .svg-icon,.show>.btn.btn-active-icon-dark i {
    color: var(--jb-text-dark)
}

.btn-check:active+.btn.btn-active-icon-dark.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-dark.dropdown-toggle:after,.btn.btn-active-icon-dark.active.dropdown-toggle:after,.btn.btn-active-icon-dark.show.dropdown-toggle:after,.btn.btn-active-icon-dark:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-dark:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-dark:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-dark.dropdown-toggle:after {
    color: var(--jb-text-dark)
}

.btn.btn-text-dark {
    color: var(--jb-text-dark)
}

.btn-check:active+.btn.btn-active-text-dark,.btn-check:checked+.btn.btn-active-text-dark,.btn.btn-active-text-dark.active,.btn.btn-active-text-dark.show,.btn.btn-active-text-dark:active:not(.btn-active),.btn.btn-active-text-dark:focus:not(.btn-active),.btn.btn-active-text-dark:hover:not(.btn-active),.show>.btn.btn-active-text-dark {
    color: var(--jb-text-dark)
}

.btn.btn-color-muted {
    color: var(--jb-text-muted)
}

.btn.btn-color-muted .svg-icon,.btn.btn-color-muted i {
    color: var(--jb-text-muted)
}

.btn.btn-color-muted.dropdown-toggle:after {
    color: var(--jb-text-muted)
}

.btn-check:active+.btn.btn-active-color-muted,.btn-check:checked+.btn.btn-active-color-muted,.btn.btn-active-color-muted.active,.btn.btn-active-color-muted.show,.btn.btn-active-color-muted:active:not(.btn-active),.btn.btn-active-color-muted:focus:not(.btn-active),.btn.btn-active-color-muted:hover:not(.btn-active),.show>.btn.btn-active-color-muted {
    color: var(--jb-text-muted)
}

.btn-check:active+.btn.btn-active-color-muted .svg-icon,.btn-check:active+.btn.btn-active-color-muted i,.btn-check:checked+.btn.btn-active-color-muted .svg-icon,.btn-check:checked+.btn.btn-active-color-muted i,.btn.btn-active-color-muted.active .svg-icon,.btn.btn-active-color-muted.active i,.btn.btn-active-color-muted.show .svg-icon,.btn.btn-active-color-muted.show i,.btn.btn-active-color-muted:active:not(.btn-active) .svg-icon,.btn.btn-active-color-muted:active:not(.btn-active) i,.btn.btn-active-color-muted:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-muted:focus:not(.btn-active) i,.btn.btn-active-color-muted:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-muted:hover:not(.btn-active) i,.show>.btn.btn-active-color-muted .svg-icon,.show>.btn.btn-active-color-muted i {
    color: var(--jb-text-muted)
}

.btn-check:active+.btn.btn-active-color-muted.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-muted.dropdown-toggle:after,.btn.btn-active-color-muted.active.dropdown-toggle:after,.btn.btn-active-color-muted.show.dropdown-toggle:after,.btn.btn-active-color-muted:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-muted:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-muted:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-muted.dropdown-toggle:after {
    color: var(--jb-text-muted)
}

.btn.btn-icon-muted .svg-icon,.btn.btn-icon-muted i {
    color: var(--jb-text-muted)
}

.btn.btn-icon-muted.dropdown-toggle:after {
    color: var(--jb-text-muted)
}

.btn-check:active+.btn.btn-active-icon-muted .svg-icon,.btn-check:active+.btn.btn-active-icon-muted i,.btn-check:checked+.btn.btn-active-icon-muted .svg-icon,.btn-check:checked+.btn.btn-active-icon-muted i,.btn.btn-active-icon-muted.active .svg-icon,.btn.btn-active-icon-muted.active i,.btn.btn-active-icon-muted.show .svg-icon,.btn.btn-active-icon-muted.show i,.btn.btn-active-icon-muted:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-muted:active:not(.btn-active) i,.btn.btn-active-icon-muted:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-muted:focus:not(.btn-active) i,.btn.btn-active-icon-muted:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-muted:hover:not(.btn-active) i,.show>.btn.btn-active-icon-muted .svg-icon,.show>.btn.btn-active-icon-muted i {
    color: var(--jb-text-muted)
}

.btn-check:active+.btn.btn-active-icon-muted.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-muted.dropdown-toggle:after,.btn.btn-active-icon-muted.active.dropdown-toggle:after,.btn.btn-active-icon-muted.show.dropdown-toggle:after,.btn.btn-active-icon-muted:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-muted:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-muted:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-muted.dropdown-toggle:after {
    color: var(--jb-text-muted)
}

.btn.btn-text-muted {
    color: var(--jb-text-muted)
}

.btn-check:active+.btn.btn-active-text-muted,.btn-check:checked+.btn.btn-active-text-muted,.btn.btn-active-text-muted.active,.btn.btn-active-text-muted.show,.btn.btn-active-text-muted:active:not(.btn-active),.btn.btn-active-text-muted:focus:not(.btn-active),.btn.btn-active-text-muted:hover:not(.btn-active),.show>.btn.btn-active-text-muted {
    color: var(--jb-text-muted)
}

.btn.btn-color-gray-100 {
    color: var(--jb-text-gray-100)
}

.btn.btn-color-gray-100 .svg-icon,.btn.btn-color-gray-100 i {
    color: var(--jb-text-gray-100)
}

.btn.btn-color-gray-100.dropdown-toggle:after {
    color: var(--jb-text-gray-100)
}

.btn-check:active+.btn.btn-active-color-gray-100,.btn-check:checked+.btn.btn-active-color-gray-100,.btn.btn-active-color-gray-100.active,.btn.btn-active-color-gray-100.show,.btn.btn-active-color-gray-100:active:not(.btn-active),.btn.btn-active-color-gray-100:focus:not(.btn-active),.btn.btn-active-color-gray-100:hover:not(.btn-active),.show>.btn.btn-active-color-gray-100 {
    color: var(--jb-text-gray-100)
}

.btn-check:active+.btn.btn-active-color-gray-100 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-100 i,.btn-check:checked+.btn.btn-active-color-gray-100 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-100 i,.btn.btn-active-color-gray-100.active .svg-icon,.btn.btn-active-color-gray-100.active i,.btn.btn-active-color-gray-100.show .svg-icon,.btn.btn-active-color-gray-100.show i,.btn.btn-active-color-gray-100:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-100:active:not(.btn-active) i,.btn.btn-active-color-gray-100:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-100:focus:not(.btn-active) i,.btn.btn-active-color-gray-100:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-100:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-100 .svg-icon,.show>.btn.btn-active-color-gray-100 i {
    color: var(--jb-text-gray-100)
}

.btn-check:active+.btn.btn-active-color-gray-100.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-100.dropdown-toggle:after,.btn.btn-active-color-gray-100.active.dropdown-toggle:after,.btn.btn-active-color-gray-100.show.dropdown-toggle:after,.btn.btn-active-color-gray-100:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-100:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-100:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-100.dropdown-toggle:after {
    color: var(--jb-text-gray-100)
}

.btn.btn-icon-gray-100 .svg-icon,.btn.btn-icon-gray-100 i {
    color: var(--jb-text-gray-100)
}

.btn.btn-icon-gray-100.dropdown-toggle:after {
    color: var(--jb-text-gray-100)
}

.btn-check:active+.btn.btn-active-icon-gray-100 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-100 i,.btn-check:checked+.btn.btn-active-icon-gray-100 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-100 i,.btn.btn-active-icon-gray-100.active .svg-icon,.btn.btn-active-icon-gray-100.active i,.btn.btn-active-icon-gray-100.show .svg-icon,.btn.btn-active-icon-gray-100.show i,.btn.btn-active-icon-gray-100:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-100:active:not(.btn-active) i,.btn.btn-active-icon-gray-100:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-100:focus:not(.btn-active) i,.btn.btn-active-icon-gray-100:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-100:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-100 .svg-icon,.show>.btn.btn-active-icon-gray-100 i {
    color: var(--jb-text-gray-100)
}

.btn-check:active+.btn.btn-active-icon-gray-100.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-100.dropdown-toggle:after,.btn.btn-active-icon-gray-100.active.dropdown-toggle:after,.btn.btn-active-icon-gray-100.show.dropdown-toggle:after,.btn.btn-active-icon-gray-100:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-100:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-100:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-100.dropdown-toggle:after {
    color: var(--jb-text-gray-100)
}

.btn.btn-text-gray-100 {
    color: var(--jb-text-gray-100)
}

.btn-check:active+.btn.btn-active-text-gray-100,.btn-check:checked+.btn.btn-active-text-gray-100,.btn.btn-active-text-gray-100.active,.btn.btn-active-text-gray-100.show,.btn.btn-active-text-gray-100:active:not(.btn-active),.btn.btn-active-text-gray-100:focus:not(.btn-active),.btn.btn-active-text-gray-100:hover:not(.btn-active),.show>.btn.btn-active-text-gray-100 {
    color: var(--jb-text-gray-100)
}

.btn.btn-color-gray-200 {
    color: var(--jb-text-gray-200)
}

.btn.btn-color-gray-200 .svg-icon,.btn.btn-color-gray-200 i {
    color: var(--jb-text-gray-200)
}

.btn.btn-color-gray-200.dropdown-toggle:after {
    color: var(--jb-text-gray-200)
}

.btn-check:active+.btn.btn-active-color-gray-200,.btn-check:checked+.btn.btn-active-color-gray-200,.btn.btn-active-color-gray-200.active,.btn.btn-active-color-gray-200.show,.btn.btn-active-color-gray-200:active:not(.btn-active),.btn.btn-active-color-gray-200:focus:not(.btn-active),.btn.btn-active-color-gray-200:hover:not(.btn-active),.show>.btn.btn-active-color-gray-200 {
    color: var(--jb-text-gray-200)
}

.btn-check:active+.btn.btn-active-color-gray-200 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-200 i,.btn-check:checked+.btn.btn-active-color-gray-200 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-200 i,.btn.btn-active-color-gray-200.active .svg-icon,.btn.btn-active-color-gray-200.active i,.btn.btn-active-color-gray-200.show .svg-icon,.btn.btn-active-color-gray-200.show i,.btn.btn-active-color-gray-200:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-200:active:not(.btn-active) i,.btn.btn-active-color-gray-200:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-200:focus:not(.btn-active) i,.btn.btn-active-color-gray-200:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-200:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-200 .svg-icon,.show>.btn.btn-active-color-gray-200 i {
    color: var(--jb-text-gray-200)
}

.btn-check:active+.btn.btn-active-color-gray-200.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-200.dropdown-toggle:after,.btn.btn-active-color-gray-200.active.dropdown-toggle:after,.btn.btn-active-color-gray-200.show.dropdown-toggle:after,.btn.btn-active-color-gray-200:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-200:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-200:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-200.dropdown-toggle:after {
    color: var(--jb-text-gray-200)
}

.btn.btn-icon-gray-200 .svg-icon,.btn.btn-icon-gray-200 i {
    color: var(--jb-text-gray-200)
}

.btn.btn-icon-gray-200.dropdown-toggle:after {
    color: var(--jb-text-gray-200)
}

.btn-check:active+.btn.btn-active-icon-gray-200 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-200 i,.btn-check:checked+.btn.btn-active-icon-gray-200 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-200 i,.btn.btn-active-icon-gray-200.active .svg-icon,.btn.btn-active-icon-gray-200.active i,.btn.btn-active-icon-gray-200.show .svg-icon,.btn.btn-active-icon-gray-200.show i,.btn.btn-active-icon-gray-200:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-200:active:not(.btn-active) i,.btn.btn-active-icon-gray-200:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-200:focus:not(.btn-active) i,.btn.btn-active-icon-gray-200:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-200:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-200 .svg-icon,.show>.btn.btn-active-icon-gray-200 i {
    color: var(--jb-text-gray-200)
}

.btn-check:active+.btn.btn-active-icon-gray-200.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-200.dropdown-toggle:after,.btn.btn-active-icon-gray-200.active.dropdown-toggle:after,.btn.btn-active-icon-gray-200.show.dropdown-toggle:after,.btn.btn-active-icon-gray-200:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-200:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-200:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-200.dropdown-toggle:after {
    color: var(--jb-text-gray-200)
}

.btn.btn-text-gray-200 {
    color: var(--jb-text-gray-200)
}

.btn-check:active+.btn.btn-active-text-gray-200,.btn-check:checked+.btn.btn-active-text-gray-200,.btn.btn-active-text-gray-200.active,.btn.btn-active-text-gray-200.show,.btn.btn-active-text-gray-200:active:not(.btn-active),.btn.btn-active-text-gray-200:focus:not(.btn-active),.btn.btn-active-text-gray-200:hover:not(.btn-active),.show>.btn.btn-active-text-gray-200 {
    color: var(--jb-text-gray-200)
}

.btn.btn-color-gray-300 {
    color: var(--jb-text-gray-300)
}

.btn.btn-color-gray-300 .svg-icon,.btn.btn-color-gray-300 i {
    color: var(--jb-text-gray-300)
}

.btn.btn-color-gray-300.dropdown-toggle:after {
    color: var(--jb-text-gray-300)
}

.btn-check:active+.btn.btn-active-color-gray-300,.btn-check:checked+.btn.btn-active-color-gray-300,.btn.btn-active-color-gray-300.active,.btn.btn-active-color-gray-300.show,.btn.btn-active-color-gray-300:active:not(.btn-active),.btn.btn-active-color-gray-300:focus:not(.btn-active),.btn.btn-active-color-gray-300:hover:not(.btn-active),.show>.btn.btn-active-color-gray-300 {
    color: var(--jb-text-gray-300)
}

.btn-check:active+.btn.btn-active-color-gray-300 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-300 i,.btn-check:checked+.btn.btn-active-color-gray-300 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-300 i,.btn.btn-active-color-gray-300.active .svg-icon,.btn.btn-active-color-gray-300.active i,.btn.btn-active-color-gray-300.show .svg-icon,.btn.btn-active-color-gray-300.show i,.btn.btn-active-color-gray-300:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-300:active:not(.btn-active) i,.btn.btn-active-color-gray-300:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-300:focus:not(.btn-active) i,.btn.btn-active-color-gray-300:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-300:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-300 .svg-icon,.show>.btn.btn-active-color-gray-300 i {
    color: var(--jb-text-gray-300)
}

.btn-check:active+.btn.btn-active-color-gray-300.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-300.dropdown-toggle:after,.btn.btn-active-color-gray-300.active.dropdown-toggle:after,.btn.btn-active-color-gray-300.show.dropdown-toggle:after,.btn.btn-active-color-gray-300:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-300:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-300:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-300.dropdown-toggle:after {
    color: var(--jb-text-gray-300)
}

.btn.btn-icon-gray-300 .svg-icon,.btn.btn-icon-gray-300 i {
    color: var(--jb-text-gray-300)
}

.btn.btn-icon-gray-300.dropdown-toggle:after {
    color: var(--jb-text-gray-300)
}

.btn-check:active+.btn.btn-active-icon-gray-300 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-300 i,.btn-check:checked+.btn.btn-active-icon-gray-300 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-300 i,.btn.btn-active-icon-gray-300.active .svg-icon,.btn.btn-active-icon-gray-300.active i,.btn.btn-active-icon-gray-300.show .svg-icon,.btn.btn-active-icon-gray-300.show i,.btn.btn-active-icon-gray-300:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-300:active:not(.btn-active) i,.btn.btn-active-icon-gray-300:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-300:focus:not(.btn-active) i,.btn.btn-active-icon-gray-300:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-300:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-300 .svg-icon,.show>.btn.btn-active-icon-gray-300 i {
    color: var(--jb-text-gray-300)
}

.btn-check:active+.btn.btn-active-icon-gray-300.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-300.dropdown-toggle:after,.btn.btn-active-icon-gray-300.active.dropdown-toggle:after,.btn.btn-active-icon-gray-300.show.dropdown-toggle:after,.btn.btn-active-icon-gray-300:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-300:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-300:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-300.dropdown-toggle:after {
    color: var(--jb-text-gray-300)
}

.btn.btn-text-gray-300 {
    color: var(--jb-text-gray-300)
}

.btn-check:active+.btn.btn-active-text-gray-300,.btn-check:checked+.btn.btn-active-text-gray-300,.btn.btn-active-text-gray-300.active,.btn.btn-active-text-gray-300.show,.btn.btn-active-text-gray-300:active:not(.btn-active),.btn.btn-active-text-gray-300:focus:not(.btn-active),.btn.btn-active-text-gray-300:hover:not(.btn-active),.show>.btn.btn-active-text-gray-300 {
    color: var(--jb-text-gray-300)
}

.btn.btn-color-gray-400 {
    color: var(--jb-text-gray-400)
}

.btn.btn-color-gray-400 .svg-icon,.btn.btn-color-gray-400 i {
    color: var(--jb-text-gray-400)
}

.btn.btn-color-gray-400.dropdown-toggle:after {
    color: var(--jb-text-gray-400)
}

.btn-check:active+.btn.btn-active-color-gray-400,.btn-check:checked+.btn.btn-active-color-gray-400,.btn.btn-active-color-gray-400.active,.btn.btn-active-color-gray-400.show,.btn.btn-active-color-gray-400:active:not(.btn-active),.btn.btn-active-color-gray-400:focus:not(.btn-active),.btn.btn-active-color-gray-400:hover:not(.btn-active),.show>.btn.btn-active-color-gray-400 {
    color: var(--jb-text-gray-400)
}

.btn-check:active+.btn.btn-active-color-gray-400 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-400 i,.btn-check:checked+.btn.btn-active-color-gray-400 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-400 i,.btn.btn-active-color-gray-400.active .svg-icon,.btn.btn-active-color-gray-400.active i,.btn.btn-active-color-gray-400.show .svg-icon,.btn.btn-active-color-gray-400.show i,.btn.btn-active-color-gray-400:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-400:active:not(.btn-active) i,.btn.btn-active-color-gray-400:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-400:focus:not(.btn-active) i,.btn.btn-active-color-gray-400:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-400:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-400 .svg-icon,.show>.btn.btn-active-color-gray-400 i {
    color: var(--jb-text-gray-400)
}

.btn-check:active+.btn.btn-active-color-gray-400.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-400.dropdown-toggle:after,.btn.btn-active-color-gray-400.active.dropdown-toggle:after,.btn.btn-active-color-gray-400.show.dropdown-toggle:after,.btn.btn-active-color-gray-400:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-400:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-400:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-400.dropdown-toggle:after {
    color: var(--jb-text-gray-400)
}

.btn.btn-icon-gray-400 .svg-icon,.btn.btn-icon-gray-400 i {
    color: var(--jb-text-gray-400)
}

.btn.btn-icon-gray-400.dropdown-toggle:after {
    color: var(--jb-text-gray-400)
}

.btn-check:active+.btn.btn-active-icon-gray-400 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-400 i,.btn-check:checked+.btn.btn-active-icon-gray-400 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-400 i,.btn.btn-active-icon-gray-400.active .svg-icon,.btn.btn-active-icon-gray-400.active i,.btn.btn-active-icon-gray-400.show .svg-icon,.btn.btn-active-icon-gray-400.show i,.btn.btn-active-icon-gray-400:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-400:active:not(.btn-active) i,.btn.btn-active-icon-gray-400:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-400:focus:not(.btn-active) i,.btn.btn-active-icon-gray-400:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-400:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-400 .svg-icon,.show>.btn.btn-active-icon-gray-400 i {
    color: var(--jb-text-gray-400)
}

.btn-check:active+.btn.btn-active-icon-gray-400.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-400.dropdown-toggle:after,.btn.btn-active-icon-gray-400.active.dropdown-toggle:after,.btn.btn-active-icon-gray-400.show.dropdown-toggle:after,.btn.btn-active-icon-gray-400:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-400:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-400:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-400.dropdown-toggle:after {
    color: var(--jb-text-gray-400)
}

.btn.btn-text-gray-400 {
    color: var(--jb-text-gray-400)
}

.btn-check:active+.btn.btn-active-text-gray-400,.btn-check:checked+.btn.btn-active-text-gray-400,.btn.btn-active-text-gray-400.active,.btn.btn-active-text-gray-400.show,.btn.btn-active-text-gray-400:active:not(.btn-active),.btn.btn-active-text-gray-400:focus:not(.btn-active),.btn.btn-active-text-gray-400:hover:not(.btn-active),.show>.btn.btn-active-text-gray-400 {
    color: var(--jb-text-gray-400)
}

.btn.btn-color-gray-500 {
    color: var(--jb-text-gray-500)
}

.btn.btn-color-gray-500 .svg-icon,.btn.btn-color-gray-500 i {
    color: var(--jb-text-gray-500)
}

.btn.btn-color-gray-500.dropdown-toggle:after {
    color: var(--jb-text-gray-500)
}

.btn-check:active+.btn.btn-active-color-gray-500,.btn-check:checked+.btn.btn-active-color-gray-500,.btn.btn-active-color-gray-500.active,.btn.btn-active-color-gray-500.show,.btn.btn-active-color-gray-500:active:not(.btn-active),.btn.btn-active-color-gray-500:focus:not(.btn-active),.btn.btn-active-color-gray-500:hover:not(.btn-active),.show>.btn.btn-active-color-gray-500 {
    color: var(--jb-text-gray-500)
}

.btn-check:active+.btn.btn-active-color-gray-500 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-500 i,.btn-check:checked+.btn.btn-active-color-gray-500 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-500 i,.btn.btn-active-color-gray-500.active .svg-icon,.btn.btn-active-color-gray-500.active i,.btn.btn-active-color-gray-500.show .svg-icon,.btn.btn-active-color-gray-500.show i,.btn.btn-active-color-gray-500:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-500:active:not(.btn-active) i,.btn.btn-active-color-gray-500:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-500:focus:not(.btn-active) i,.btn.btn-active-color-gray-500:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-500:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-500 .svg-icon,.show>.btn.btn-active-color-gray-500 i {
    color: var(--jb-text-gray-500)
}

.btn-check:active+.btn.btn-active-color-gray-500.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-500.dropdown-toggle:after,.btn.btn-active-color-gray-500.active.dropdown-toggle:after,.btn.btn-active-color-gray-500.show.dropdown-toggle:after,.btn.btn-active-color-gray-500:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-500:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-500:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-500.dropdown-toggle:after {
    color: var(--jb-text-gray-500)
}

.btn.btn-icon-gray-500 .svg-icon,.btn.btn-icon-gray-500 i {
    color: var(--jb-text-gray-500)
}

.btn.btn-icon-gray-500.dropdown-toggle:after {
    color: var(--jb-text-gray-500)
}

.btn-check:active+.btn.btn-active-icon-gray-500 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-500 i,.btn-check:checked+.btn.btn-active-icon-gray-500 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-500 i,.btn.btn-active-icon-gray-500.active .svg-icon,.btn.btn-active-icon-gray-500.active i,.btn.btn-active-icon-gray-500.show .svg-icon,.btn.btn-active-icon-gray-500.show i,.btn.btn-active-icon-gray-500:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-500:active:not(.btn-active) i,.btn.btn-active-icon-gray-500:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-500:focus:not(.btn-active) i,.btn.btn-active-icon-gray-500:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-500:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-500 .svg-icon,.show>.btn.btn-active-icon-gray-500 i {
    color: var(--jb-text-gray-500)
}

.btn-check:active+.btn.btn-active-icon-gray-500.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-500.dropdown-toggle:after,.btn.btn-active-icon-gray-500.active.dropdown-toggle:after,.btn.btn-active-icon-gray-500.show.dropdown-toggle:after,.btn.btn-active-icon-gray-500:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-500:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-500:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-500.dropdown-toggle:after {
    color: var(--jb-text-gray-500)
}

.btn.btn-text-gray-500 {
    color: var(--jb-text-gray-500)
}

.btn-check:active+.btn.btn-active-text-gray-500,.btn-check:checked+.btn.btn-active-text-gray-500,.btn.btn-active-text-gray-500.active,.btn.btn-active-text-gray-500.show,.btn.btn-active-text-gray-500:active:not(.btn-active),.btn.btn-active-text-gray-500:focus:not(.btn-active),.btn.btn-active-text-gray-500:hover:not(.btn-active),.show>.btn.btn-active-text-gray-500 {
    color: var(--jb-text-gray-500)
}

.btn.btn-color-gray-600 {
    color: var(--jb-text-gray-600)
}

.btn.btn-color-gray-600 .svg-icon,.btn.btn-color-gray-600 i {
    color: var(--jb-text-gray-600)
}

.btn.btn-color-gray-600.dropdown-toggle:after {
    color: var(--jb-text-gray-600)
}

.btn-check:active+.btn.btn-active-color-gray-600,.btn-check:checked+.btn.btn-active-color-gray-600,.btn.btn-active-color-gray-600.active,.btn.btn-active-color-gray-600.show,.btn.btn-active-color-gray-600:active:not(.btn-active),.btn.btn-active-color-gray-600:focus:not(.btn-active),.btn.btn-active-color-gray-600:hover:not(.btn-active),.show>.btn.btn-active-color-gray-600 {
    color: var(--jb-text-gray-600)
}

.btn-check:active+.btn.btn-active-color-gray-600 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-600 i,.btn-check:checked+.btn.btn-active-color-gray-600 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-600 i,.btn.btn-active-color-gray-600.active .svg-icon,.btn.btn-active-color-gray-600.active i,.btn.btn-active-color-gray-600.show .svg-icon,.btn.btn-active-color-gray-600.show i,.btn.btn-active-color-gray-600:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-600:active:not(.btn-active) i,.btn.btn-active-color-gray-600:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-600:focus:not(.btn-active) i,.btn.btn-active-color-gray-600:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-600:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-600 .svg-icon,.show>.btn.btn-active-color-gray-600 i {
    color: var(--jb-text-gray-600)
}

.btn-check:active+.btn.btn-active-color-gray-600.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-600.dropdown-toggle:after,.btn.btn-active-color-gray-600.active.dropdown-toggle:after,.btn.btn-active-color-gray-600.show.dropdown-toggle:after,.btn.btn-active-color-gray-600:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-600:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-600:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-600.dropdown-toggle:after {
    color: var(--jb-text-gray-600)
}

.btn.btn-icon-gray-600 .svg-icon,.btn.btn-icon-gray-600 i {
    color: var(--jb-text-gray-600)
}

.btn.btn-icon-gray-600.dropdown-toggle:after {
    color: var(--jb-text-gray-600)
}

.btn-check:active+.btn.btn-active-icon-gray-600 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-600 i,.btn-check:checked+.btn.btn-active-icon-gray-600 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-600 i,.btn.btn-active-icon-gray-600.active .svg-icon,.btn.btn-active-icon-gray-600.active i,.btn.btn-active-icon-gray-600.show .svg-icon,.btn.btn-active-icon-gray-600.show i,.btn.btn-active-icon-gray-600:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-600:active:not(.btn-active) i,.btn.btn-active-icon-gray-600:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-600:focus:not(.btn-active) i,.btn.btn-active-icon-gray-600:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-600:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-600 .svg-icon,.show>.btn.btn-active-icon-gray-600 i {
    color: var(--jb-text-gray-600)
}

.btn-check:active+.btn.btn-active-icon-gray-600.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-600.dropdown-toggle:after,.btn.btn-active-icon-gray-600.active.dropdown-toggle:after,.btn.btn-active-icon-gray-600.show.dropdown-toggle:after,.btn.btn-active-icon-gray-600:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-600:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-600:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-600.dropdown-toggle:after {
    color: var(--jb-text-gray-600)
}

.btn.btn-text-gray-600 {
    color: var(--jb-text-gray-600)
}

.btn-check:active+.btn.btn-active-text-gray-600,.btn-check:checked+.btn.btn-active-text-gray-600,.btn.btn-active-text-gray-600.active,.btn.btn-active-text-gray-600.show,.btn.btn-active-text-gray-600:active:not(.btn-active),.btn.btn-active-text-gray-600:focus:not(.btn-active),.btn.btn-active-text-gray-600:hover:not(.btn-active),.show>.btn.btn-active-text-gray-600 {
    color: var(--jb-text-gray-600)
}

.btn.btn-color-gray-700 {
    color: var(--jb-text-gray-700)
}

.btn.btn-color-gray-700 .svg-icon,.btn.btn-color-gray-700 i {
    color: var(--jb-text-gray-700)
}

.btn.btn-color-gray-700.dropdown-toggle:after {
    color: var(--jb-text-gray-700)
}

.btn-check:active+.btn.btn-active-color-gray-700,.btn-check:checked+.btn.btn-active-color-gray-700,.btn.btn-active-color-gray-700.active,.btn.btn-active-color-gray-700.show,.btn.btn-active-color-gray-700:active:not(.btn-active),.btn.btn-active-color-gray-700:focus:not(.btn-active),.btn.btn-active-color-gray-700:hover:not(.btn-active),.show>.btn.btn-active-color-gray-700 {
    color: var(--jb-text-gray-700)
}

.btn-check:active+.btn.btn-active-color-gray-700 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-700 i,.btn-check:checked+.btn.btn-active-color-gray-700 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-700 i,.btn.btn-active-color-gray-700.active .svg-icon,.btn.btn-active-color-gray-700.active i,.btn.btn-active-color-gray-700.show .svg-icon,.btn.btn-active-color-gray-700.show i,.btn.btn-active-color-gray-700:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-700:active:not(.btn-active) i,.btn.btn-active-color-gray-700:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-700:focus:not(.btn-active) i,.btn.btn-active-color-gray-700:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-700:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-700 .svg-icon,.show>.btn.btn-active-color-gray-700 i {
    color: var(--jb-text-gray-700)
}

.btn-check:active+.btn.btn-active-color-gray-700.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-700.dropdown-toggle:after,.btn.btn-active-color-gray-700.active.dropdown-toggle:after,.btn.btn-active-color-gray-700.show.dropdown-toggle:after,.btn.btn-active-color-gray-700:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-700:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-700:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-700.dropdown-toggle:after {
    color: var(--jb-text-gray-700)
}

.btn.btn-icon-gray-700 .svg-icon,.btn.btn-icon-gray-700 i {
    color: var(--jb-text-gray-700)
}

.btn.btn-icon-gray-700.dropdown-toggle:after {
    color: var(--jb-text-gray-700)
}

.btn-check:active+.btn.btn-active-icon-gray-700 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-700 i,.btn-check:checked+.btn.btn-active-icon-gray-700 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-700 i,.btn.btn-active-icon-gray-700.active .svg-icon,.btn.btn-active-icon-gray-700.active i,.btn.btn-active-icon-gray-700.show .svg-icon,.btn.btn-active-icon-gray-700.show i,.btn.btn-active-icon-gray-700:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-700:active:not(.btn-active) i,.btn.btn-active-icon-gray-700:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-700:focus:not(.btn-active) i,.btn.btn-active-icon-gray-700:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-700:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-700 .svg-icon,.show>.btn.btn-active-icon-gray-700 i {
    color: var(--jb-text-gray-700)
}

.btn-check:active+.btn.btn-active-icon-gray-700.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-700.dropdown-toggle:after,.btn.btn-active-icon-gray-700.active.dropdown-toggle:after,.btn.btn-active-icon-gray-700.show.dropdown-toggle:after,.btn.btn-active-icon-gray-700:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-700:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-700:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-700.dropdown-toggle:after {
    color: var(--jb-text-gray-700)
}

.btn.btn-text-gray-700 {
    color: var(--jb-text-gray-700)
}

.btn-check:active+.btn.btn-active-text-gray-700,.btn-check:checked+.btn.btn-active-text-gray-700,.btn.btn-active-text-gray-700.active,.btn.btn-active-text-gray-700.show,.btn.btn-active-text-gray-700:active:not(.btn-active),.btn.btn-active-text-gray-700:focus:not(.btn-active),.btn.btn-active-text-gray-700:hover:not(.btn-active),.show>.btn.btn-active-text-gray-700 {
    color: var(--jb-text-gray-700)
}

.btn.btn-color-gray-800 {
    color: var(--jb-text-gray-800)
}

.btn.btn-color-gray-800 .svg-icon,.btn.btn-color-gray-800 i {
    color: var(--jb-text-gray-800)
}

.btn.btn-color-gray-800.dropdown-toggle:after {
    color: var(--jb-text-gray-800)
}

.btn-check:active+.btn.btn-active-color-gray-800,.btn-check:checked+.btn.btn-active-color-gray-800,.btn.btn-active-color-gray-800.active,.btn.btn-active-color-gray-800.show,.btn.btn-active-color-gray-800:active:not(.btn-active),.btn.btn-active-color-gray-800:focus:not(.btn-active),.btn.btn-active-color-gray-800:hover:not(.btn-active),.show>.btn.btn-active-color-gray-800 {
    color: var(--jb-text-gray-800)
}

.btn-check:active+.btn.btn-active-color-gray-800 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-800 i,.btn-check:checked+.btn.btn-active-color-gray-800 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-800 i,.btn.btn-active-color-gray-800.active .svg-icon,.btn.btn-active-color-gray-800.active i,.btn.btn-active-color-gray-800.show .svg-icon,.btn.btn-active-color-gray-800.show i,.btn.btn-active-color-gray-800:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-800:active:not(.btn-active) i,.btn.btn-active-color-gray-800:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-800:focus:not(.btn-active) i,.btn.btn-active-color-gray-800:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-800:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-800 .svg-icon,.show>.btn.btn-active-color-gray-800 i {
    color: var(--jb-text-gray-800)
}

.btn-check:active+.btn.btn-active-color-gray-800.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-800.dropdown-toggle:after,.btn.btn-active-color-gray-800.active.dropdown-toggle:after,.btn.btn-active-color-gray-800.show.dropdown-toggle:after,.btn.btn-active-color-gray-800:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-800:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-800:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-800.dropdown-toggle:after {
    color: var(--jb-text-gray-800)
}

.btn.btn-icon-gray-800 .svg-icon,.btn.btn-icon-gray-800 i {
    color: var(--jb-text-gray-800)
}

.btn.btn-icon-gray-800.dropdown-toggle:after {
    color: var(--jb-text-gray-800)
}

.btn-check:active+.btn.btn-active-icon-gray-800 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-800 i,.btn-check:checked+.btn.btn-active-icon-gray-800 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-800 i,.btn.btn-active-icon-gray-800.active .svg-icon,.btn.btn-active-icon-gray-800.active i,.btn.btn-active-icon-gray-800.show .svg-icon,.btn.btn-active-icon-gray-800.show i,.btn.btn-active-icon-gray-800:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-800:active:not(.btn-active) i,.btn.btn-active-icon-gray-800:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-800:focus:not(.btn-active) i,.btn.btn-active-icon-gray-800:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-800:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-800 .svg-icon,.show>.btn.btn-active-icon-gray-800 i {
    color: var(--jb-text-gray-800)
}

.btn-check:active+.btn.btn-active-icon-gray-800.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-800.dropdown-toggle:after,.btn.btn-active-icon-gray-800.active.dropdown-toggle:after,.btn.btn-active-icon-gray-800.show.dropdown-toggle:after,.btn.btn-active-icon-gray-800:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-800:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-800:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-800.dropdown-toggle:after {
    color: var(--jb-text-gray-800)
}

.btn.btn-text-gray-800 {
    color: var(--jb-text-gray-800)
}

.btn-check:active+.btn.btn-active-text-gray-800,.btn-check:checked+.btn.btn-active-text-gray-800,.btn.btn-active-text-gray-800.active,.btn.btn-active-text-gray-800.show,.btn.btn-active-text-gray-800:active:not(.btn-active),.btn.btn-active-text-gray-800:focus:not(.btn-active),.btn.btn-active-text-gray-800:hover:not(.btn-active),.show>.btn.btn-active-text-gray-800 {
    color: var(--jb-text-gray-800)
}

.btn.btn-color-gray-900 {
    color: var(--jb-text-gray-900)
}

.btn.btn-color-gray-900 .svg-icon,.btn.btn-color-gray-900 i {
    color: var(--jb-text-gray-900)
}

.btn.btn-color-gray-900.dropdown-toggle:after {
    color: var(--jb-text-gray-900)
}

.btn-check:active+.btn.btn-active-color-gray-900,.btn-check:checked+.btn.btn-active-color-gray-900,.btn.btn-active-color-gray-900.active,.btn.btn-active-color-gray-900.show,.btn.btn-active-color-gray-900:active:not(.btn-active),.btn.btn-active-color-gray-900:focus:not(.btn-active),.btn.btn-active-color-gray-900:hover:not(.btn-active),.show>.btn.btn-active-color-gray-900 {
    color: var(--jb-text-gray-900)
}

.btn-check:active+.btn.btn-active-color-gray-900 .svg-icon,.btn-check:active+.btn.btn-active-color-gray-900 i,.btn-check:checked+.btn.btn-active-color-gray-900 .svg-icon,.btn-check:checked+.btn.btn-active-color-gray-900 i,.btn.btn-active-color-gray-900.active .svg-icon,.btn.btn-active-color-gray-900.active i,.btn.btn-active-color-gray-900.show .svg-icon,.btn.btn-active-color-gray-900.show i,.btn.btn-active-color-gray-900:active:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-900:active:not(.btn-active) i,.btn.btn-active-color-gray-900:focus:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-900:focus:not(.btn-active) i,.btn.btn-active-color-gray-900:hover:not(.btn-active) .svg-icon,.btn.btn-active-color-gray-900:hover:not(.btn-active) i,.show>.btn.btn-active-color-gray-900 .svg-icon,.show>.btn.btn-active-color-gray-900 i {
    color: var(--jb-text-gray-900)
}

.btn-check:active+.btn.btn-active-color-gray-900.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-color-gray-900.dropdown-toggle:after,.btn.btn-active-color-gray-900.active.dropdown-toggle:after,.btn.btn-active-color-gray-900.show.dropdown-toggle:after,.btn.btn-active-color-gray-900:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-900:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-color-gray-900:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-color-gray-900.dropdown-toggle:after {
    color: var(--jb-text-gray-900)
}

.btn.btn-icon-gray-900 .svg-icon,.btn.btn-icon-gray-900 i {
    color: var(--jb-text-gray-900)
}

.btn.btn-icon-gray-900.dropdown-toggle:after {
    color: var(--jb-text-gray-900)
}

.btn-check:active+.btn.btn-active-icon-gray-900 .svg-icon,.btn-check:active+.btn.btn-active-icon-gray-900 i,.btn-check:checked+.btn.btn-active-icon-gray-900 .svg-icon,.btn-check:checked+.btn.btn-active-icon-gray-900 i,.btn.btn-active-icon-gray-900.active .svg-icon,.btn.btn-active-icon-gray-900.active i,.btn.btn-active-icon-gray-900.show .svg-icon,.btn.btn-active-icon-gray-900.show i,.btn.btn-active-icon-gray-900:active:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-900:active:not(.btn-active) i,.btn.btn-active-icon-gray-900:focus:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-900:focus:not(.btn-active) i,.btn.btn-active-icon-gray-900:hover:not(.btn-active) .svg-icon,.btn.btn-active-icon-gray-900:hover:not(.btn-active) i,.show>.btn.btn-active-icon-gray-900 .svg-icon,.show>.btn.btn-active-icon-gray-900 i {
    color: var(--jb-text-gray-900)
}

.btn-check:active+.btn.btn-active-icon-gray-900.dropdown-toggle:after,.btn-check:checked+.btn.btn-active-icon-gray-900.dropdown-toggle:after,.btn.btn-active-icon-gray-900.active.dropdown-toggle:after,.btn.btn-active-icon-gray-900.show.dropdown-toggle:after,.btn.btn-active-icon-gray-900:active:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-900:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-active-icon-gray-900:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-active-icon-gray-900.dropdown-toggle:after {
    color: var(--jb-text-gray-900)
}

.btn.btn-text-gray-900 {
    color: var(--jb-text-gray-900)
}

.btn-check:active+.btn.btn-active-text-gray-900,.btn-check:checked+.btn.btn-active-text-gray-900,.btn.btn-active-text-gray-900.active,.btn.btn-active-text-gray-900.show,.btn.btn-active-text-gray-900:active:not(.btn-active),.btn.btn-active-text-gray-900:focus:not(.btn-active),.btn.btn-active-text-gray-900:hover:not(.btn-active),.show>.btn.btn-active-text-gray-900 {
    color: var(--jb-text-gray-900)
}

.btn.btn-facebook {
    color: #fff;
    border-color: #3b5998;
    background-color: #3b5998
}

.btn.btn-facebook .svg-icon,.btn.btn-facebook i {
    color: #fff
}

.btn.btn-facebook.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-facebook,.btn-check:checked+.btn.btn-facebook,.btn.btn-facebook.active,.btn.btn-facebook.show,.btn.btn-facebook:active:not(.btn-active),.btn.btn-facebook:focus:not(.btn-active),.btn.btn-facebook:hover:not(.btn-active),.show>.btn.btn-facebook {
    border-color: #30497c;
    background-color: #30497c!important
}

.btn.btn-light-facebook {
    color: #3b5998;
    border-color: rgba(59,89,152,.1);
    background-color: rgba(59,89,152,.1)
}

.btn.btn-light-facebook .svg-icon,.btn.btn-light-facebook i {
    color: #3b5998
}

.btn.btn-light-facebook.dropdown-toggle:after {
    color: #3b5998
}

.btn-check:active+.btn.btn-light-facebook,.btn-check:checked+.btn.btn-light-facebook,.btn.btn-light-facebook.active,.btn.btn-light-facebook.show,.btn.btn-light-facebook:active:not(.btn-active),.btn.btn-light-facebook:focus:not(.btn-active),.btn.btn-light-facebook:hover:not(.btn-active),.show>.btn.btn-light-facebook {
    color: #fff;
    border-color: #3b5998;
    background-color: #3b5998!important
}

.btn-check:active+.btn.btn-light-facebook .svg-icon,.btn-check:active+.btn.btn-light-facebook i,.btn-check:checked+.btn.btn-light-facebook .svg-icon,.btn-check:checked+.btn.btn-light-facebook i,.btn.btn-light-facebook.active .svg-icon,.btn.btn-light-facebook.active i,.btn.btn-light-facebook.show .svg-icon,.btn.btn-light-facebook.show i,.btn.btn-light-facebook:active:not(.btn-active) .svg-icon,.btn.btn-light-facebook:active:not(.btn-active) i,.btn.btn-light-facebook:focus:not(.btn-active) .svg-icon,.btn.btn-light-facebook:focus:not(.btn-active) i,.btn.btn-light-facebook:hover:not(.btn-active) .svg-icon,.btn.btn-light-facebook:hover:not(.btn-active) i,.show>.btn.btn-light-facebook .svg-icon,.show>.btn.btn-light-facebook i {
    color: #fff
}

.btn-check:active+.btn.btn-light-facebook.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-facebook.dropdown-toggle:after,.btn.btn-light-facebook.active.dropdown-toggle:after,.btn.btn-light-facebook.show.dropdown-toggle:after,.btn.btn-light-facebook:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-facebook:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-facebook:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-facebook.dropdown-toggle:after {
    color: #fff
}

.btn.btn-google {
    color: #fff;
    border-color: #dd4b39;
    background-color: #dd4b39
}

.btn.btn-google .svg-icon,.btn.btn-google i {
    color: #fff
}

.btn.btn-google.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-google,.btn-check:checked+.btn.btn-google,.btn.btn-google.active,.btn.btn-google.show,.btn.btn-google:active:not(.btn-active),.btn.btn-google:focus:not(.btn-active),.btn.btn-google:hover:not(.btn-active),.show>.btn.btn-google {
    border-color: #cd3623;
    background-color: #cd3623!important
}

.btn.btn-light-google {
    color: #dd4b39;
    border-color: rgba(221,75,57,.1);
    background-color: rgba(221,75,57,.1)
}

.btn.btn-light-google .svg-icon,.btn.btn-light-google i {
    color: #dd4b39
}

.btn.btn-light-google.dropdown-toggle:after {
    color: #dd4b39
}

.btn-check:active+.btn.btn-light-google,.btn-check:checked+.btn.btn-light-google,.btn.btn-light-google.active,.btn.btn-light-google.show,.btn.btn-light-google:active:not(.btn-active),.btn.btn-light-google:focus:not(.btn-active),.btn.btn-light-google:hover:not(.btn-active),.show>.btn.btn-light-google {
    color: #fff;
    border-color: #dd4b39;
    background-color: #dd4b39!important
}

.btn-check:active+.btn.btn-light-google .svg-icon,.btn-check:active+.btn.btn-light-google i,.btn-check:checked+.btn.btn-light-google .svg-icon,.btn-check:checked+.btn.btn-light-google i,.btn.btn-light-google.active .svg-icon,.btn.btn-light-google.active i,.btn.btn-light-google.show .svg-icon,.btn.btn-light-google.show i,.btn.btn-light-google:active:not(.btn-active) .svg-icon,.btn.btn-light-google:active:not(.btn-active) i,.btn.btn-light-google:focus:not(.btn-active) .svg-icon,.btn.btn-light-google:focus:not(.btn-active) i,.btn.btn-light-google:hover:not(.btn-active) .svg-icon,.btn.btn-light-google:hover:not(.btn-active) i,.show>.btn.btn-light-google .svg-icon,.show>.btn.btn-light-google i {
    color: #fff
}

.btn-check:active+.btn.btn-light-google.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-google.dropdown-toggle:after,.btn.btn-light-google.active.dropdown-toggle:after,.btn.btn-light-google.show.dropdown-toggle:after,.btn.btn-light-google:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-google:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-google:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-google.dropdown-toggle:after {
    color: #fff
}

.btn.btn-twitter {
    color: #fff;
    border-color: #1da1f2;
    background-color: #1da1f2
}

.btn.btn-twitter .svg-icon,.btn.btn-twitter i {
    color: #fff
}

.btn.btn-twitter.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-twitter,.btn-check:checked+.btn.btn-twitter,.btn.btn-twitter.active,.btn.btn-twitter.show,.btn.btn-twitter:active:not(.btn-active),.btn.btn-twitter:focus:not(.btn-active),.btn.btn-twitter:hover:not(.btn-active),.show>.btn.btn-twitter {
    border-color: #0d8ddc;
    background-color: #0d8ddc!important
}

.btn.btn-light-twitter {
    color: #1da1f2;
    border-color: rgba(29,161,242,.1);
    background-color: rgba(29,161,242,.1)
}

.btn.btn-light-twitter .svg-icon,.btn.btn-light-twitter i {
    color: #1da1f2
}

.btn.btn-light-twitter.dropdown-toggle:after {
    color: #1da1f2
}

.btn-check:active+.btn.btn-light-twitter,.btn-check:checked+.btn.btn-light-twitter,.btn.btn-light-twitter.active,.btn.btn-light-twitter.show,.btn.btn-light-twitter:active:not(.btn-active),.btn.btn-light-twitter:focus:not(.btn-active),.btn.btn-light-twitter:hover:not(.btn-active),.show>.btn.btn-light-twitter {
    color: #fff;
    border-color: #1da1f2;
    background-color: #1da1f2!important
}

.btn-check:active+.btn.btn-light-twitter .svg-icon,.btn-check:active+.btn.btn-light-twitter i,.btn-check:checked+.btn.btn-light-twitter .svg-icon,.btn-check:checked+.btn.btn-light-twitter i,.btn.btn-light-twitter.active .svg-icon,.btn.btn-light-twitter.active i,.btn.btn-light-twitter.show .svg-icon,.btn.btn-light-twitter.show i,.btn.btn-light-twitter:active:not(.btn-active) .svg-icon,.btn.btn-light-twitter:active:not(.btn-active) i,.btn.btn-light-twitter:focus:not(.btn-active) .svg-icon,.btn.btn-light-twitter:focus:not(.btn-active) i,.btn.btn-light-twitter:hover:not(.btn-active) .svg-icon,.btn.btn-light-twitter:hover:not(.btn-active) i,.show>.btn.btn-light-twitter .svg-icon,.show>.btn.btn-light-twitter i {
    color: #fff
}

.btn-check:active+.btn.btn-light-twitter.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-twitter.dropdown-toggle:after,.btn.btn-light-twitter.active.dropdown-toggle:after,.btn.btn-light-twitter.show.dropdown-toggle:after,.btn.btn-light-twitter:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-twitter:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-twitter:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-twitter.dropdown-toggle:after {
    color: #fff
}

.btn.btn-instagram {
    color: #fff;
    border-color: #e1306c;
    background-color: #e1306c
}

.btn.btn-instagram .svg-icon,.btn.btn-instagram i {
    color: #fff
}

.btn.btn-instagram.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-instagram,.btn-check:checked+.btn.btn-instagram,.btn.btn-instagram.active,.btn.btn-instagram.show,.btn.btn-instagram:active:not(.btn-active),.btn.btn-instagram:focus:not(.btn-active),.btn.btn-instagram:hover:not(.btn-active),.show>.btn.btn-instagram {
    border-color: #cd1e59;
    background-color: #cd1e59!important
}

.btn.btn-light-instagram {
    color: #e1306c;
    border-color: rgba(225,48,108,.1);
    background-color: rgba(225,48,108,.1)
}

.btn.btn-light-instagram .svg-icon,.btn.btn-light-instagram i {
    color: #e1306c
}

.btn.btn-light-instagram.dropdown-toggle:after {
    color: #e1306c
}

.btn-check:active+.btn.btn-light-instagram,.btn-check:checked+.btn.btn-light-instagram,.btn.btn-light-instagram.active,.btn.btn-light-instagram.show,.btn.btn-light-instagram:active:not(.btn-active),.btn.btn-light-instagram:focus:not(.btn-active),.btn.btn-light-instagram:hover:not(.btn-active),.show>.btn.btn-light-instagram {
    color: #fff;
    border-color: #e1306c;
    background-color: #e1306c!important
}

.btn-check:active+.btn.btn-light-instagram .svg-icon,.btn-check:active+.btn.btn-light-instagram i,.btn-check:checked+.btn.btn-light-instagram .svg-icon,.btn-check:checked+.btn.btn-light-instagram i,.btn.btn-light-instagram.active .svg-icon,.btn.btn-light-instagram.active i,.btn.btn-light-instagram.show .svg-icon,.btn.btn-light-instagram.show i,.btn.btn-light-instagram:active:not(.btn-active) .svg-icon,.btn.btn-light-instagram:active:not(.btn-active) i,.btn.btn-light-instagram:focus:not(.btn-active) .svg-icon,.btn.btn-light-instagram:focus:not(.btn-active) i,.btn.btn-light-instagram:hover:not(.btn-active) .svg-icon,.btn.btn-light-instagram:hover:not(.btn-active) i,.show>.btn.btn-light-instagram .svg-icon,.show>.btn.btn-light-instagram i {
    color: #fff
}

.btn-check:active+.btn.btn-light-instagram.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-instagram.dropdown-toggle:after,.btn.btn-light-instagram.active.dropdown-toggle:after,.btn.btn-light-instagram.show.dropdown-toggle:after,.btn.btn-light-instagram:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-instagram:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-instagram:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-instagram.dropdown-toggle:after {
    color: #fff
}

.btn.btn-youtube {
    color: #fff;
    border-color: red;
    background-color: red
}

.btn.btn-youtube .svg-icon,.btn.btn-youtube i {
    color: #fff
}

.btn.btn-youtube.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-youtube,.btn-check:checked+.btn.btn-youtube,.btn.btn-youtube.active,.btn.btn-youtube.show,.btn.btn-youtube:active:not(.btn-active),.btn.btn-youtube:focus:not(.btn-active),.btn.btn-youtube:hover:not(.btn-active),.show>.btn.btn-youtube {
    border-color: #d90000;
    background-color: #d90000!important
}

.btn.btn-light-youtube {
    color: red;
    border-color: rgba(255,0,0,.1);
    background-color: rgba(255,0,0,.1)
}

.btn.btn-light-youtube .svg-icon,.btn.btn-light-youtube i {
    color: red
}

.btn.btn-light-youtube.dropdown-toggle:after {
    color: red
}

.btn-check:active+.btn.btn-light-youtube,.btn-check:checked+.btn.btn-light-youtube,.btn.btn-light-youtube.active,.btn.btn-light-youtube.show,.btn.btn-light-youtube:active:not(.btn-active),.btn.btn-light-youtube:focus:not(.btn-active),.btn.btn-light-youtube:hover:not(.btn-active),.show>.btn.btn-light-youtube {
    color: #fff;
    border-color: red;
    background-color: red!important
}

.btn-check:active+.btn.btn-light-youtube .svg-icon,.btn-check:active+.btn.btn-light-youtube i,.btn-check:checked+.btn.btn-light-youtube .svg-icon,.btn-check:checked+.btn.btn-light-youtube i,.btn.btn-light-youtube.active .svg-icon,.btn.btn-light-youtube.active i,.btn.btn-light-youtube.show .svg-icon,.btn.btn-light-youtube.show i,.btn.btn-light-youtube:active:not(.btn-active) .svg-icon,.btn.btn-light-youtube:active:not(.btn-active) i,.btn.btn-light-youtube:focus:not(.btn-active) .svg-icon,.btn.btn-light-youtube:focus:not(.btn-active) i,.btn.btn-light-youtube:hover:not(.btn-active) .svg-icon,.btn.btn-light-youtube:hover:not(.btn-active) i,.show>.btn.btn-light-youtube .svg-icon,.show>.btn.btn-light-youtube i {
    color: #fff
}

.btn-check:active+.btn.btn-light-youtube.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-youtube.dropdown-toggle:after,.btn.btn-light-youtube.active.dropdown-toggle:after,.btn.btn-light-youtube.show.dropdown-toggle:after,.btn.btn-light-youtube:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-youtube:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-youtube:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-youtube.dropdown-toggle:after {
    color: #fff
}

.btn.btn-linkedin {
    color: #fff;
    border-color: #0077b5;
    background-color: #0077b5
}

.btn.btn-linkedin .svg-icon,.btn.btn-linkedin i {
    color: #fff
}

.btn.btn-linkedin.dropdown-toggle:after {
    color: #fff
}

.btn-check:active+.btn.btn-linkedin,.btn-check:checked+.btn.btn-linkedin,.btn.btn-linkedin.active,.btn.btn-linkedin.show,.btn.btn-linkedin:active:not(.btn-active),.btn.btn-linkedin:focus:not(.btn-active),.btn.btn-linkedin:hover:not(.btn-active),.show>.btn.btn-linkedin {
    border-color: #005e8f;
    background-color: #005e8f!important
}

.btn.btn-light-linkedin {
    color: #0077b5;
    border-color: rgba(0,119,181,.1);
    background-color: rgba(0,119,181,.1)
}

.btn.btn-light-linkedin .svg-icon,.btn.btn-light-linkedin i {
    color: #0077b5
}

.btn.btn-light-linkedin.dropdown-toggle:after {
    color: #0077b5
}

.btn-check:active+.btn.btn-light-linkedin,.btn-check:checked+.btn.btn-light-linkedin,.btn.btn-light-linkedin.active,.btn.btn-light-linkedin.show,.btn.btn-light-linkedin:active:not(.btn-active),.btn.btn-light-linkedin:focus:not(.btn-active),.btn.btn-light-linkedin:hover:not(.btn-active),.show>.btn.btn-light-linkedin {
    color: #fff;
    border-color: #0077b5;
    background-color: #0077b5!important
}

.btn-check:active+.btn.btn-light-linkedin .svg-icon,.btn-check:active+.btn.btn-light-linkedin i,.btn-check:checked+.btn.btn-light-linkedin .svg-icon,.btn-check:checked+.btn.btn-light-linkedin i,.btn.btn-light-linkedin.active .svg-icon,.btn.btn-light-linkedin.active i,.btn.btn-light-linkedin.show .svg-icon,.btn.btn-light-linkedin.show i,.btn.btn-light-linkedin:active:not(.btn-active) .svg-icon,.btn.btn-light-linkedin:active:not(.btn-active) i,.btn.btn-light-linkedin:focus:not(.btn-active) .svg-icon,.btn.btn-light-linkedin:focus:not(.btn-active) i,.btn.btn-light-linkedin:hover:not(.btn-active) .svg-icon,.btn.btn-light-linkedin:hover:not(.btn-active) i,.show>.btn.btn-light-linkedin .svg-icon,.show>.btn.btn-light-linkedin i {
    color: #fff
}

.btn-check:active+.btn.btn-light-linkedin.dropdown-toggle:after,.btn-check:checked+.btn.btn-light-linkedin.dropdown-toggle:after,.btn.btn-light-linkedin.active.dropdown-toggle:after,.btn.btn-light-linkedin.show.dropdown-toggle:after,.btn.btn-light-linkedin:active:not(.btn-active).dropdown-toggle:after,.btn.btn-light-linkedin:focus:not(.btn-active).dropdown-toggle:after,.btn.btn-light-linkedin:hover:not(.btn-active).dropdown-toggle:after,.show>.btn.btn-light-linkedin.dropdown-toggle:after {
    color: #fff
}
.form-control {
    background-color: var(--jb-input-solid-bg);
    border-color: var(--jb-input-solid-bg);
    color: var(--jb-input-solid-color);
    transition: color .2s ease
}
.form-control::placeholder {
    color: var(--jb-input-solid-placeholder-color)
}

.form-control::-moz-placeholder {
    color: var(--jb-input-solid-placeholder-color);
    opacity: 1
}
.form-control:focus{
    box-shadow: none;
}
.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-border-width: 1px;
    --bs-card-border-color: #eff2f5;
    --bs-card-border-radius: 0.625rem;
    --bs-card-box-shadow: 0px 0px 20px 0px rgba(76, 87, 125, 0.02);
    --bs-card-inner-border-radius: calc(0.625rem - 1px);
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: transparent;
    --bs-card-bg: #ffffff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    word-wrap: break-word;
    background-color: var(--jb-card-bg);
    background-clip: border-box;
    border: 0;
    border-radius: var(--bs-card-border-radius);
    box-shadow: var(--jb-card-box-shadow);
}
.sun-and-moon>:is(.moon,.sun) {
    fill: var(--icon-fill)
}

.theme-toggle:is(:hover,:focus-visible)>.sun-and-moon>:is(.moon,.sun) {
    fill: var(--icon-fill-hover)
}
.sun-and-moon>:is(.moon,.sun,.sun-beams) {
    transform-origin: center center
}
.sun-and-moon>.sun-beams {
    stroke: var(--icon-fill);
    stroke-width: 2px
}

.theme-toggle:is(:hover,:focus-visible) .sun-and-moon>.sun-beams {
    stroke: var(--icon-fill-hover)
}

[data-theme=dark] .sun-and-moon>.sun {
    transform: scale(1.75)
}

[data-theme=dark] .sun-and-moon>.sun-beams {
    opacity: 0
}

[data-theme=dark] .sun-and-moon>.moon>circle {
    transform: translate(-7px)
}
[data-theme=dark] .logo {
    fill: #ffffff;
}
@supports (cx: 1) {
    [data-theme=dark] .sun-and-moon>.moon>circle {
        transform: translate(0);
        cx: 17
    }
}
@media (prefers-reduced-motion: no-preference) {
    .sun-and-moon>.sun {
        transition: transform .5s var(--ease-elastic-3)
    }

    .sun-and-moon>.sun-beams {
        transition: transform .5s var(--ease-elastic-4),opacity .5s var(--ease-3)
    }

    .sun-and-moon .moon>circle {
        transition: transform .25s var(--ease-out-5)
    }

    @supports (cx: 1) {
        .sun-and-moon .moon>circle {
            transition: cx .25s var(--ease-out-5)
        }
    }

    [data-theme=dark] .sun-and-moon>.sun {
        transform: scale(1.75);
        transition-timing-function: var(--ease-3);
        transition-duration: .25s
    }

    [data-theme=dark] .sun-and-moon>.sun-beams {
        transform: rotate(-25deg);
        transition-duration: .15s
    }

    [data-theme=dark] .sun-and-moon>.moon>circle {
        transition-delay: .25s;
        transition-duration: .5s
    }
}

.theme-toggle {
    --size: 1.5rem;
    --icon-fill: hsl(210 10% 30%);
    --icon-fill-hover: hsl(210 10% 15%);
    background: none;
    border: none;
    padding: 0;
    inline-size: var(--size);
    block-size: var(--size);
    aspect-ratio: 1;
    border-radius: 50%;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    outline-offset: 5px
}
.theme-toggle>svg {
    inline-size: 100%;
    block-size: 100%;
    stroke-linecap: round
}
[data-theme=dark] .theme-toggle {
    --icon-fill: hsl(210 10% 70%);
    --icon-fill-hover: hsl(210 15% 90%)
}

@media (hover: none) {
    .theme-toggle {
        --size: 30px
    }
}
@-webkit-keyframes octocat-wave {
    0%,to {
        transform: rotate(0)
    }

    20%,60% {
        transform: rotate(-25deg)
    }

    40%,80% {
        transform: rotate(10deg)
    }
}
@keyframes octocat-wave {
    0%,to {
        transform: rotate(0)
    }

    20%,60% {
        transform: rotate(-25deg)
    }

    40%,80% {
        transform: rotate(10deg)
    }
}
.h-1px {
    height: 1px!important
}

.h-2px {
    height: 2px!important
}

.h-3px {
    height: 3px!important
}

.h-4px {
    height: 4px!important
}

.h-5px {
    height: 5px!important
}

.h-6px {
    height: 6px!important
}

.h-7px {
    height: 7px!important
}

.h-8px {
    height: 8px!important
}

.h-9px {
    height: 9px!important
}

.h-10px {
    height: 10px!important
}

.h-15px {
    height: 15px!important
}

.h-20px {
    height: 20px!important
}

.h-25px {
    height: 25px!important
}

.h-30px {
    height: 30px!important
}

.h-35px {
    height: 35px!important
}

.h-40px {
    height: 40px!important
}

.h-45px {
    height: 45px!important
}

.h-50px {
    height: 50px!important
}

.h-55px {
    height: 55px!important
}

.h-60px {
    height: 60px!important
}

.h-65px {
    height: 65px!important
}

.h-70px {
    height: 70px!important
}

.h-75px {
    height: 75px!important
}

.h-80px {
    height: 80px!important
}

.h-85px {
    height: 85px!important
}

.h-90px {
    height: 90px!important
}

.h-95px {
    height: 95px!important
}

.h-100px {
    height: 100px!important
}

.h-125px {
    height: 125px!important
}

.h-150px {
    height: 150px!important
}

.h-175px {
    height: 175px!important
}

.h-200px {
    height: 200px!important
}

.h-225px {
    height: 225px!important
}

.h-250px {
    height: 250px!important
}

.h-275px {
    height: 275px!important
}

.h-300px {
    height: 300px!important
}

.h-325px {
    height: 325px!important
}

.h-350px {
    height: 350px!important
}

.h-375px {
    height: 375px!important
}

.h-400px {
    height: 400px!important
}

.h-425px {
    height: 425px!important
}

.h-450px {
    height: 450px!important
}

.h-475px {
    height: 475px!important
}

.h-500px {
    height: 500px!important
}

.h-550px {
    height: 550px!important
}

.h-600px {
    height: 600px!important
}

.h-650px {
    height: 650px!important
}

.h-700px {
    height: 700px!important
}

.h-750px {
    height: 750px!important
}

.h-800px {
    height: 800px!important
}

.h-850px {
    height: 850px!important
}

.h-900px {
    height: 900px!important
}

.h-950px {
    height: 950px!important
}

.h-1000px {
    height: 1000px!important
}
.w-1px {
    width: 1px!important
}

.w-2px {
    width: 2px!important
}

.w-3px {
    width: 3px!important
}

.w-4px {
    width: 4px!important
}

.w-5px {
    width: 5px!important
}

.w-6px {
    width: 6px!important
}

.w-7px {
    width: 7px!important
}

.w-8px {
    width: 8px!important
}

.w-9px {
    width: 9px!important
}

.w-10px {
    width: 10px!important
}

.w-15px {
    width: 15px!important
}

.w-20px {
    width: 20px!important
}

.w-25px {
    width: 25px!important
}

.w-30px {
    width: 30px!important
}

.w-35px {
    width: 35px!important
}

.w-40px {
    width: 40px!important
}

.w-45px {
    width: 45px!important
}

.w-50px {
    width: 50px!important
}

.w-55px {
    width: 55px!important
}

.w-60px {
    width: 60px!important
}

.w-65px {
    width: 65px!important
}

.w-70px {
    width: 70px!important
}

.w-75px {
    width: 75px!important
}

.w-80px {
    width: 80px!important
}

.w-85px {
    width: 85px!important
}

.w-90px {
    width: 90px!important
}

.w-95px {
    width: 95px!important
}

.w-100px {
    width: 100px!important
}

.w-125px {
    width: 125px!important
}

.w-150px {
    width: 150px!important
}

.w-175px {
    width: 175px!important
}

.w-200px {
    width: 200px!important
}

.w-225px {
    width: 225px!important
}

.w-250px {
    width: 250px!important
}

.w-275px {
    width: 275px!important
}

.w-300px {
    width: 300px!important
}

.w-325px {
    width: 325px!important
}

.w-350px {
    width: 350px!important
}

.w-375px {
    width: 375px!important
}

.w-400px {
    width: 400px!important
}

.w-425px {
    width: 425px!important
}

.w-450px {
    width: 450px!important
}

.w-475px {
    width: 475px!important
}

.w-500px {
    width: 500px!important
}

.w-550px {
    width: 550px!important
}

.w-600px {
    width: 600px!important
}

.w-650px {
    width: 650px!important
}

.w-700px {
    width: 700px!important
}

.w-750px {
    width: 750px!important
}

.w-800px {
    width: 800px!important
}

.w-850px {
    width: 850px!important
}

.w-900px {
    width: 900px!important
}

.w-950px {
    width: 950px!important
}

.w-1000px {
    width: 1000px!important
}
.h-min-1px {
    min-height: 1px!important
}

.h-min-2px {
    min-height: 2px!important
}

.h-min-3px {
    min-height: 3px!important
}

.h-min-4px {
    min-height: 4px!important
}

.h-min-5px {
    min-height: 5px!important
}

.h-min-6px {
    min-height: 6px!important
}

.h-min-7px {
    min-height: 7px!important
}

.h-min-8px {
    min-height: 8px!important
}

.h-min-9px {
    min-height: 9px!important
}

.h-min-10px {
    min-height: 10px!important
}

.h-min-15px {
    min-height: 15px!important
}

.h-min-20px {
    min-height: 20px!important
}

.h-min-25px {
    min-height: 25px!important
}

.h-min-30px {
    min-height: 30px!important
}

.h-min-35px {
    min-height: 35px!important
}

.h-min-40px {
    min-height: 40px!important
}

.h-min-45px {
    min-height: 45px!important
}

.h-min-50px {
    min-height: 50px!important
}

.h-min-55px {
    min-height: 55px!important
}

.h-min-60px {
    min-height: 60px!important
}

.h-min-65px {
    min-height: 65px!important
}

.h-min-70px {
    min-height: 70px!important
}

.h-min-75px {
    min-height: 75px!important
}

.h-min-80px {
    min-height: 80px!important
}

.h-min-85px {
    min-height: 85px!important
}

.h-min-90px {
    min-height: 90px!important
}

.h-min-95px {
    min-height: 95px!important
}

.h-min-100px {
    min-height: 100px!important
}

.h-min-125px {
    min-height: 125px!important
}

.h-min-150px {
    min-height: 150px!important
}

.h-min-175px {
    min-height: 175px!important
}

.h-min-200px {
    min-height: 200px!important
}

.h-min-225px {
    min-height: 225px!important
}

.h-min-250px {
    min-height: 250px!important
}

.h-min-275px {
    min-height: 275px!important
}

.h-min-300px {
    min-height: 300px!important
}

.h-min-325px {
    min-height: 325px!important
}

.h-min-350px {
    min-height: 350px!important
}

.h-min-375px {
    min-height: 375px!important
}

.h-min-400px {
    min-height: 400px!important
}

.h-min-425px {
    min-height: 425px!important
}

.h-min-450px {
    min-height: 450px!important
}

.h-min-475px {
    min-height: 475px!important
}

.h-min-500px {
    min-height: 500px!important
}

.h-min-550px {
    min-height: 550px!important
}

.h-min-600px {
    min-height: 600px!important
}

.h-min-650px {
    min-height: 650px!important
}

.h-min-700px {
    min-height: 700px!important
}

.h-min-750px {
    min-height: 750px!important
}

.h-min-800px {
    min-height: 800px!important
}

.h-min-850px {
    min-height: 850px!important
}

.h-min-900px {
    min-height: 900px!important
}

.h-min-950px {
    min-height: 950px!important
}

.h-min-1000px {
    min-height: 1000px!important
}
.w-min-1px {
    min-width: 1px!important
}

.w-min-2px {
    min-width: 2px!important
}

.w-min-3px {
    min-width: 3px!important
}

.w-min-4px {
    min-width: 4px!important
}

.w-min-5px {
    min-width: 5px!important
}

.w-min-6px {
    min-width: 6px!important
}

.w-min-7px {
    min-width: 7px!important
}

.w-min-8px {
    min-width: 8px!important
}

.w-min-9px {
    min-width: 9px!important
}

.w-min-10px {
    min-width: 10px!important
}

.w-min-15px {
    min-width: 15px!important
}

.w-min-20px {
    min-width: 20px!important
}

.w-min-25px {
    min-width: 25px!important
}

.w-min-30px {
    min-width: 30px!important
}

.w-min-35px {
    min-width: 35px!important
}

.w-min-40px {
    min-width: 40px!important
}

.w-min-45px {
    min-width: 45px!important
}

.w-min-50px {
    min-width: 50px!important
}

.w-min-55px {
    min-width: 55px!important
}

.w-min-60px {
    min-width: 60px!important
}

.w-min-65px {
    min-width: 65px!important
}

.w-min-70px {
    min-width: 70px!important
}

.w-min-75px {
    min-width: 75px!important
}

.w-min-80px {
    min-width: 80px!important
}

.w-min-85px {
    min-width: 85px!important
}

.w-min-90px {
    min-width: 90px!important
}

.w-min-95px {
    min-width: 95px!important
}

.w-min-100px {
    min-width: 100px!important
}

.w-min-125px {
    min-width: 125px!important
}

.w-min-150px {
    min-width: 150px!important
}

.w-min-175px {
    min-width: 175px!important
}

.w-min-200px {
    min-width: 200px!important
}

.w-min-225px {
    min-width: 225px!important
}

.w-min-250px {
    min-width: 250px!important
}

.w-min-275px {
    min-width: 275px!important
}

.w-min-300px {
    min-width: 300px!important
}

.w-min-325px {
    min-width: 325px!important
}

.w-min-350px {
    min-width: 350px!important
}

.w-min-375px {
    min-width: 375px!important
}

.w-min-400px {
    min-width: 400px!important
}

.w-min-425px {
    min-width: 425px!important
}

.w-min-450px {
    min-width: 450px!important
}

.w-min-475px {
    min-width: 475px!important
}

.w-min-500px {
    min-width: 500px!important
}

.w-min-550px {
    min-width: 550px!important
}

.w-min-600px {
    min-width: 600px!important
}

.w-min-650px {
    min-width: 650px!important
}

.w-min-700px {
    min-width: 700px!important
}

.w-min-750px {
    min-width: 750px!important
}

.w-min-800px {
    min-width: 800px!important
}

.w-min-850px {
    min-width: 850px!important
}

.w-min-900px {
    min-width: 900px!important
}

.w-min-950px {
    min-width: 950px!important
}

.w-min-1000px {
    min-width: 1000px!important
}
.h-max-1px {
    max-height: 1px!important
}

.h-max-2px {
    max-height: 2px!important
}

.h-max-3px {
    max-height: 3px!important
}

.h-max-4px {
    max-height: 4px!important
}

.h-max-5px {
    max-height: 5px!important
}

.h-max-6px {
    max-height: 6px!important
}

.h-max-7px {
    max-height: 7px!important
}

.h-max-8px {
    max-height: 8px!important
}

.h-max-9px {
    max-height: 9px!important
}

.h-max-10px {
    max-height: 10px!important
}

.h-max-15px {
    max-height: 15px!important
}

.h-max-20px {
    max-height: 20px!important
}

.h-max-25px {
    max-height: 25px!important
}

.h-max-30px {
    max-height: 30px!important
}

.h-max-35px {
    max-height: 35px!important
}

.h-max-40px {
    max-height: 40px!important
}

.h-max-45px {
    max-height: 45px!important
}

.h-max-50px {
    max-height: 50px!important
}

.h-max-55px {
    max-height: 55px!important
}

.h-max-60px {
    max-height: 60px!important
}

.h-max-65px {
    max-height: 65px!important
}

.h-max-70px {
    max-height: 70px!important
}

.h-max-75px {
    max-height: 75px!important
}

.h-max-80px {
    max-height: 80px!important
}

.h-max-85px {
    max-height: 85px!important
}

.h-max-90px {
    max-height: 90px!important
}

.h-max-95px {
    max-height: 95px!important
}

.h-max-100px {
    max-height: 100px!important
}

.h-max-125px {
    max-height: 125px!important
}

.h-max-150px {
    max-height: 150px!important
}

.h-max-175px {
    max-height: 175px!important
}

.h-max-200px {
    max-height: 200px!important
}

.h-max-225px {
    max-height: 225px!important
}

.h-max-250px {
    max-height: 250px!important
}

.h-max-275px {
    max-height: 275px!important
}

.h-max-300px {
    max-height: 300px!important
}

.h-max-325px {
    max-height: 325px!important
}

.h-max-350px {
    max-height: 350px!important
}

.h-max-375px {
    max-height: 375px!important
}

.h-max-400px {
    max-height: 400px!important
}

.h-max-425px {
    max-height: 425px!important
}

.h-max-450px {
    max-height: 450px!important
}

.h-max-475px {
    max-height: 475px!important
}

.h-max-500px {
    max-height: 500px!important
}

.h-max-550px {
    max-height: 550px!important
}

.h-max-600px {
    max-height: 600px!important
}

.h-max-650px {
    max-height: 650px!important
}

.h-max-700px {
    max-height: 700px!important
}

.h-max-750px {
    max-height: 750px!important
}

.h-max-800px {
    max-height: 800px!important
}

.h-max-850px {
    max-height: 850px!important
}

.h-max-900px {
    max-height: 900px!important
}

.h-max-950px {
    max-height: 950px!important
}

.h-max-1000px {
    max-height: 1000px!important
}
.w-max-1px {
    max-width: 1px!important
}

.w-max-2px {
    max-width: 2px!important
}

.w-max-3px {
    max-width: 3px!important
}

.w-max-4px {
    max-width: 4px!important
}

.w-max-5px {
    max-width: 5px!important
}

.w-max-6px {
    max-width: 6px!important
}

.w-max-7px {
    max-width: 7px!important
}

.w-max-8px {
    max-width: 8px!important
}

.w-max-9px {
    max-width: 9px!important
}

.w-max-10px {
    max-width: 10px!important
}

.w-max-15px {
    max-width: 15px!important
}

.w-max-20px {
    max-width: 20px!important
}

.w-max-25px {
    max-width: 25px!important
}

.w-max-30px {
    max-width: 30px!important
}

.w-max-35px {
    max-width: 35px!important
}

.w-max-40px {
    max-width: 40px!important
}

.w-max-45px {
    max-width: 45px!important
}

.w-max-50px {
    max-width: 50px!important
}

.w-max-55px {
    max-width: 55px!important
}

.w-max-60px {
    max-width: 60px!important
}

.w-max-65px {
    max-width: 65px!important
}

.w-max-70px {
    max-width: 70px!important
}

.w-max-75px {
    max-width: 75px!important
}

.w-max-80px {
    max-width: 80px!important
}

.w-max-85px {
    max-width: 85px!important
}

.w-max-90px {
    max-width: 90px!important
}

.w-max-95px {
    max-width: 95px!important
}

.w-max-100px {
    max-width: 100px!important
}

.w-max-125px {
    max-width: 125px!important
}

.w-max-150px {
    max-width: 150px!important
}

.w-max-175px {
    max-width: 175px!important
}

.w-max-200px {
    max-width: 200px!important
}

.w-max-225px {
    max-width: 225px!important
}

.w-max-250px {
    max-width: 250px!important
}

.w-max-275px {
    max-width: 275px!important
}

.w-max-300px {
    max-width: 300px!important
}

.w-max-325px {
    max-width: 325px!important
}

.w-max-350px {
    max-width: 350px!important
}

.w-max-375px {
    max-width: 375px!important
}

.w-max-400px {
    max-width: 400px!important
}

.w-max-425px {
    max-width: 425px!important
}

.w-max-450px {
    max-width: 450px!important
}

.w-max-475px {
    max-width: 475px!important
}

.w-max-500px {
    max-width: 500px!important
}

.w-max-550px {
    max-width: 550px!important
}

.w-max-600px {
    max-width: 600px!important
}

.w-max-650px {
    max-width: 650px!important
}

.w-max-700px {
    max-width: 700px!important
}

.w-max-750px {
    max-width: 750px!important
}

.w-max-800px {
    max-width: 800px!important
}

.w-max-850px {
    max-width: 850px!important
}

.w-max-900px {
    max-width: 900px!important
}

.w-max-950px {
    max-width: 950px!important
}

.w-max-1000px {
    max-width: 1000px!important
}
[data-indicator=on]>.indicator-label {
    display: none;
}
[data-indicator=on]>.indicator-progress {
    display: inline-block;
}
.indicator-progress {
    display: none;
}
.border-dashed {
    border-style: dashed!important;
    border-color: var(--jb-border-dashed-color)
}

.border-top-dashed {
    border-top-style: dashed!important
}

.border-bottom-dashed {
    border-bottom-style: dashed!important
}

.border-start-dashed {
    border-left-style: dashed!important
}

.border-end-dashed {
    border-right-style: dashed!important
}
body {
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	color:#333;
}
/** {
	transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}*/
.logo {
	width: 50px;
}
.btn-jb-outline {
	border-color:#00846f;
}
.btn-jb-outline:hover {
	background-color:#00846f ;
	border-color:#00846f;
	color:#fff;
}
.link-jb-success {
    color:#333;
}
.link-jb-success:hover {
    color:#00846f;
}
.text-jb-success{
    color:#00846f;
}
.swiper-slide.swiper-slide-active{
    transform: scale(1.2);

    color: var(--jb-success);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.jb-pagination {
	width: initial;
}
.swiper {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-wrapper {
    height: 250px;
    align-items: center;
}
.dropdown-divider {
    opacity: 0.25;
    border-bottom: 1px solid var(--jb-border-color);
    margin: 0;
}
.menu-item {
    display: block;
    padding: .15rem 0
}

.menu-item .menu-link {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: 0;
    flex: 0 0 100%;
    padding: .65rem 1rem;
    transition: none;
    outline: 0!important;
    color: var(--jb-gray-800);
}
.menu-item .menu-link:hover {
    background-color: var(--jb-light); 
    color: var(--jb-success);
}
.key-search {
    margin-top:-50px;
}
.form-check-input {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0;
}
.form-switch .form-check-input {
    width:2.5em;
}
.page-link {
    color: var(--jb-success);
}
.active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--jb-white);
    background-color: var(--jb-success);
    border-color: var(--jb-success);
}
.form-check-input:checked {
    background-color: var(--jb-success);
    border-color: var(--jb-success);
}
.filer-item {
    margin-bottom: 10px;
}
.search-grade .dropdown-menu.show {
/*    display: block;*/
/*    top: -9px !important;*/
/*    left: -51px !important;*/
/*    width: 123.3% !important;*/
    border: 0;
    border-radius: 0 0 10px 10px;
    background: #f6f8fa;
    box-shadow: 0px 20px 20px #0000001f;
}
.jb-dropdown {
    border: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 20px 20px #0000001f;
}
.home-categorys {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    z-index: 1;
}
.home-categorys:hover .text-jb-success {
    color:#fff !important;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
}
.home-categorys:hover::before {
    opacity: 1;
    width: 100%;
}
.home-categorys::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 0;
    height: 100%;
    background-color: var(--jb-success);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    border-radius: 6px;
}
.breadcrumb {
    --bs-breadcrumb-padding-x: 0;
    --bs-breadcrumb-padding-y: 0;
    --bs-breadcrumb-margin-bottom: 1rem;
    --bs-breadcrumb-bg: ;
    --bs-breadcrumb-border-radius: ;
    --bs-breadcrumb-divider-color: rgb(255 255 255 / 75%);
    --bs-breadcrumb-item-padding-x: 0.5rem;
    --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
    display: flex;
    flex-wrap: wrap;
    padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
    margin-bottom: var(--bs-breadcrumb-margin-bottom);
    font-size: var(--bs-breadcrumb-font-size);
    list-style: none;
    background-color: var(--bs-breadcrumb-bg);
    border-radius: var(--bs-breadcrumb-border-radius);
}
.post-items {
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.post-items:hover {
    border-color: var(--jb-success) !important;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    transform: translateY(-5px);
}
.post-items:hover .post-title {
    color: var(--jb-success);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.post-images {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 300px;
    border-radius: 6px;
}
.post-images-list {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
    border-radius: 6px;
}
.select2-container--default .select2-selection--multiple {
    background-color: #f5f8fa;
    border: none;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
    padding: 5px 0;
}
.select2-container--default .select2-selection--single {
    background-color: #f5f8fa;
    border: none;
    border-radius: 6px;
    padding: 5px 0;
    height: 38px;
}
.home-slide-img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.home-slide-title {
    background: rgb(0,132,111);
    background: linear-gradient(360deg, rgba(0,132,111,1) 0%, rgba(0,0,0,0) 100%);
    height: 50%;
    width: 100%;
    display: flex;
    align-content: center;
    align-items: flex-end;
    padding: 10px;
    color: #fff;
}
.jb-accordion {
    width: initial;
}
header {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 100;
    top:0;
}
article {
    margin-top: 80px;
}