/*!**********************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************************/ .mat-ripple{overflow:hidden;position:relative}.mat-ripple:not(:empty){transform:translateZ(0)}.mat-ripple.mat-ripple-unbounded{overflow:visible}.mat-ripple-element{position:absolute;border-radius:50%;pointer-events:none;transition:opacity,transform 0ms cubic-bezier(0, 0, 0.2, 1);transform:scale3d(0, 0, 0);background-color:var(--mat-ripple-color, rgba(0, 0, 0, 0.1))}.cdk-high-contrast-active .mat-ripple-element{display:none}.cdk-drag-preview .mat-ripple-element,.cdk-drag-placeholder .mat-ripple-element{display:none}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}textarea.cdk-textarea-autosize{resize:none}textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important}textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important}@keyframes cdk-text-field-autofill-start{/*!*/}@keyframes cdk-text-field-autofill-end{/*!*/}.cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms}.cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms}.mat-focus-indicator{position:relative}.mat-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-focus-indicator-display, none);border:var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);border-radius:var(--mat-focus-indicator-border-radius, 4px)}.mat-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-focus-indicator-display: block}.mat-mdc-focus-indicator{position:relative}.mat-mdc-focus-indicator::before{top:0;left:0;right:0;bottom:0;position:absolute;box-sizing:border-box;pointer-events:none;display:var(--mat-mdc-focus-indicator-display, none);border:var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);border-radius:var(--mat-mdc-focus-indicator-border-radius, 4px)}.mat-mdc-focus-indicator:focus::before{content:""}.cdk-high-contrast-active{--mat-mdc-focus-indicator-display: block}.mat-app-background{background-color:var(--mat-app-background-color, var(--mat-app-background, transparent));color:var(--mat-app-text-color, var(--mat-app-on-background, inherit))}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-shadow:var(--mat-app-elevation-shadow-level-0, none)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-shadow:var(--mat-app-elevation-shadow-level-1, none)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-shadow:var(--mat-app-elevation-shadow-level-2, none)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow:var(--mat-app-elevation-shadow-level-3, none)}.mat-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-shadow:var(--mat-app-elevation-shadow-level-4, none)}.mat-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow:var(--mat-app-elevation-shadow-level-5, none)}.mat-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-shadow:var(--mat-app-elevation-shadow-level-6, none)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow:var(--mat-app-elevation-shadow-level-7, none)}.mat-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{box-shadow:var(--mat-app-elevation-shadow-level-8, none)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow:var(--mat-app-elevation-shadow-level-9, none)}.mat-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow:var(--mat-app-elevation-shadow-level-10, none)}.mat-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow:var(--mat-app-elevation-shadow-level-11, none)}.mat-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-shadow:var(--mat-app-elevation-shadow-level-12, none)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow:var(--mat-app-elevation-shadow-level-13, none)}.mat-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow:var(--mat-app-elevation-shadow-level-14, none)}.mat-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow:var(--mat-app-elevation-shadow-level-15, none)}.mat-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-shadow:var(--mat-app-elevation-shadow-level-16, none)}.mat-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow:var(--mat-app-elevation-shadow-level-17, none)}.mat-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow:var(--mat-app-elevation-shadow-level-18, none)}.mat-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow:var(--mat-app-elevation-shadow-level-19, none)}.mat-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow:var(--mat-app-elevation-shadow-level-20, none)}.mat-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow:var(--mat-app-elevation-shadow-level-21, none)}.mat-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow:var(--mat-app-elevation-shadow-level-22, none)}.mat-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow:var(--mat-app-elevation-shadow-level-23, none)}.mat-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:var(--mat-app-elevation-shadow-level-24, none)}.mat-theme-loaded-marker{display:none}html{--mat-ripple-color:rgba(0, 0, 0, 0.1)}html{--mat-option-selected-state-label-text-color:#3f51b5;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-accent{--mat-option-selected-state-label-text-color:#ff4081;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}.mat-warn{--mat-option-selected-state-label-text-color:#f44336;--mat-option-label-text-color:rgba(0, 0, 0, 0.87);--mat-option-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-option-selected-state-layer-color:rgba(0, 0, 0, 0.04)}html{--mat-optgroup-label-text-color:rgba(0, 0, 0, 0.87)}.mat-primary{--mat-full-pseudo-checkbox-selected-icon-color:#3f51b5;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#3f51b5;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-accent{--mat-full-pseudo-checkbox-selected-icon-color:#ff4081;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#ff4081;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}.mat-warn{--mat-full-pseudo-checkbox-selected-icon-color:#f44336;--mat-full-pseudo-checkbox-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#fafafa;--mat-full-pseudo-checkbox-disabled-unselected-icon-color:#b0b0b0;--mat-full-pseudo-checkbox-disabled-selected-icon-color:#b0b0b0;--mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#b0b0b0}html{--mat-app-background-color:#fafafa;--mat-app-text-color:rgba(0, 0, 0, 0.87);--mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);--mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-option-label-text-font:Roboto, sans-serif;--mat-option-label-text-line-height:24px;--mat-option-label-text-size:16px;--mat-option-label-text-tracking:0.03125em;--mat-option-label-text-weight:400}html{--mat-optgroup-label-text-font:Roboto, sans-serif;--mat-optgroup-label-text-line-height:24px;--mat-optgroup-label-text-size:16px;--mat-optgroup-label-text-tracking:0.03125em;--mat-optgroup-label-text-weight:400}html{--mdc-elevated-card-container-shape:4px;--mdc-outlined-card-container-shape:4px;--mdc-outlined-card-outline-width:1px}html{--mdc-elevated-card-container-color:white;--mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-color:white;--mdc-outlined-card-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mat-card-subtitle-text-color:rgba(0, 0, 0, 0.54)}html{--mat-card-title-text-font:Roboto, sans-serif;--mat-card-title-text-line-height:32px;--mat-card-title-text-size:20px;--mat-card-title-text-tracking:0.0125em;--mat-card-title-text-weight:500;--mat-card-subtitle-text-font:Roboto, sans-serif;--mat-card-subtitle-text-line-height:22px;--mat-card-subtitle-text-size:14px;--mat-card-subtitle-text-tracking:0.0071428571em;--mat-card-subtitle-text-weight:500}html{--mdc-linear-progress-active-indicator-height:4px;--mdc-linear-progress-track-height:4px;--mdc-linear-progress-track-shape:0}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5;--mdc-linear-progress-track-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081;--mdc-linear-progress-track-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336;--mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25)}html{--mdc-plain-tooltip-container-shape:4px;--mdc-plain-tooltip-supporting-text-line-height:16px}html{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:#fff}html{--mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;--mdc-plain-tooltip-supporting-text-size:12px;--mdc-plain-tooltip-supporting-text-weight:400;--mdc-plain-tooltip-supporting-text-tracking:0.0333333333em}html{--mdc-filled-text-field-active-indicator-height:1px;--mdc-filled-text-field-focus-active-indicator-height:2px;--mdc-filled-text-field-container-shape:4px;--mdc-outlined-text-field-outline-width:1px;--mdc-outlined-text-field-focus-outline-width:2px;--mdc-outlined-text-field-container-shape:4px}html{--mdc-filled-text-field-caret-color:#3f51b5;--mdc-filled-text-field-focus-active-indicator-color:#3f51b5;--mdc-filled-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-filled-text-field-container-color:whitesmoke;--mdc-filled-text-field-disabled-container-color:#fafafa;--mdc-filled-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-filled-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-filled-text-field-error-hover-label-text-color:#f44336;--mdc-filled-text-field-error-focus-label-text-color:#f44336;--mdc-filled-text-field-error-label-text-color:#f44336;--mdc-filled-text-field-error-caret-color:#f44336;--mdc-filled-text-field-active-indicator-color:rgba(0, 0, 0, 0.42);--mdc-filled-text-field-disabled-active-indicator-color:rgba(0, 0, 0, 0.06);--mdc-filled-text-field-hover-active-indicator-color:rgba(0, 0, 0, 0.87);--mdc-filled-text-field-error-active-indicator-color:#f44336;--mdc-filled-text-field-error-focus-active-indicator-color:#f44336;--mdc-filled-text-field-error-hover-active-indicator-color:#f44336;--mdc-outlined-text-field-caret-color:#3f51b5;--mdc-outlined-text-field-focus-outline-color:#3f51b5;--mdc-outlined-text-field-focus-label-text-color:rgba(63, 81, 181, 0.87);--mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-hover-label-text-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-input-text-placeholder-color:rgba(0, 0, 0, 0.6);--mdc-outlined-text-field-error-caret-color:#f44336;--mdc-outlined-text-field-error-focus-label-text-color:#f44336;--mdc-outlined-text-field-error-label-text-color:#f44336;--mdc-outlined-text-field-error-hover-label-text-color:#f44336;--mdc-outlined-text-field-outline-color:rgba(0, 0, 0, 0.38);--mdc-outlined-text-field-disabled-outline-color:rgba(0, 0, 0, 0.06);--mdc-outlined-text-field-hover-outline-color:rgba(0, 0, 0, 0.87);--mdc-outlined-text-field-error-focus-outline-color:#f44336;--mdc-outlined-text-field-error-hover-outline-color:#f44336;--mdc-outlined-text-field-error-outline-color:#f44336;--mat-form-field-focus-select-arrow-color:rgba(63, 81, 181, 0.87);--mat-form-field-disabled-input-text-placeholder-color:rgba(0, 0, 0, 0.38);--mat-form-field-state-layer-color:rgba(0, 0, 0, 0.87);--mat-form-field-error-text-color:#f44336;--mat-form-field-select-option-text-color:inherit;--mat-form-field-select-disabled-option-text-color:GrayText;--mat-form-field-leading-icon-color:unset;--mat-form-field-disabled-leading-icon-color:unset;--mat-form-field-trailing-icon-color:unset;--mat-form-field-disabled-trailing-icon-color:unset;--mat-form-field-error-focus-trailing-icon-color:unset;--mat-form-field-error-hover-trailing-icon-color:unset;--mat-form-field-error-trailing-icon-color:unset;--mat-form-field-enabled-select-arrow-color:rgba(0, 0, 0, 0.54);--mat-form-field-disabled-select-arrow-color:rgba(0, 0, 0, 0.38);--mat-form-field-hover-state-layer-opacity:0.04;--mat-form-field-focus-state-layer-opacity:0.08}.mat-mdc-form-field.mat-accent{--mdc-filled-text-field-caret-color:#ff4081;--mdc-filled-text-field-focus-active-indicator-color:#ff4081;--mdc-filled-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mdc-outlined-text-field-caret-color:#ff4081;--mdc-outlined-text-field-focus-outline-color:#ff4081;--mdc-outlined-text-field-focus-label-text-color:rgba(255, 64, 129, 0.87);--mat-form-field-focus-select-arrow-color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-warn{--mdc-filled-text-field-caret-color:#f44336;--mdc-filled-text-field-focus-active-indicator-color:#f44336;--mdc-filled-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mdc-outlined-text-field-caret-color:#f44336;--mdc-outlined-text-field-focus-outline-color:#f44336;--mdc-outlined-text-field-focus-label-text-color:rgba(244, 67, 54, 0.87);--mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-form-field-container-height:56px;--mat-form-field-filled-label-display:block;--mat-form-field-container-vertical-padding:16px;--mat-form-field-filled-with-label-container-padding-top:24px;--mat-form-field-filled-with-label-container-padding-bottom:8px}html{--mdc-filled-text-field-label-text-font:Roboto, sans-serif;--mdc-filled-text-field-label-text-size:16px;--mdc-filled-text-field-label-text-tracking:0.03125em;--mdc-filled-text-field-label-text-weight:400;--mdc-outlined-text-field-label-text-font:Roboto, sans-serif;--mdc-outlined-text-field-label-text-size:16px;--mdc-outlined-text-field-label-text-tracking:0.03125em;--mdc-outlined-text-field-label-text-weight:400;--mat-form-field-container-text-font:Roboto, sans-serif;--mat-form-field-container-text-line-height:24px;--mat-form-field-container-text-size:16px;--mat-form-field-container-text-tracking:0.03125em;--mat-form-field-container-text-weight:400;--mat-form-field-outlined-label-text-populated-size:16px;--mat-form-field-subscript-text-font:Roboto, sans-serif;--mat-form-field-subscript-text-line-height:20px;--mat-form-field-subscript-text-size:12px;--mat-form-field-subscript-text-tracking:0.0333333333em;--mat-form-field-subscript-text-weight:400}html{--mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(63, 81, 181, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-accent{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(255, 64, 129, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html .mat-mdc-form-field.mat-warn{--mat-select-panel-background-color:white;--mat-select-enabled-trigger-text-color:rgba(0, 0, 0, 0.87);--mat-select-disabled-trigger-text-color:rgba(0, 0, 0, 0.38);--mat-select-placeholder-text-color:rgba(0, 0, 0, 0.6);--mat-select-enabled-arrow-color:rgba(0, 0, 0, 0.54);--mat-select-disabled-arrow-color:rgba(0, 0, 0, 0.38);--mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);--mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87)}html{--mat-select-arrow-transform:translateY(-8px)}html{--mat-select-trigger-text-font:Roboto, sans-serif;--mat-select-trigger-text-line-height:24px;--mat-select-trigger-text-size:16px;--mat-select-trigger-text-tracking:0.03125em;--mat-select-trigger-text-weight:400}html{--mat-autocomplete-container-shape:4px;--mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-autocomplete-background-color:white}html{--mdc-dialog-container-shape:4px;--mat-dialog-container-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);--mat-dialog-container-max-width:80vw;--mat-dialog-container-small-max-width:80vw;--mat-dialog-container-min-width:0;--mat-dialog-actions-alignment:start;--mat-dialog-actions-padding:8px;--mat-dialog-content-padding:20px 24px;--mat-dialog-with-actions-content-padding:20px 24px;--mat-dialog-headline-padding:0 24px 9px}html{--mdc-dialog-container-color:white;--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}html{--mdc-dialog-subhead-font:Roboto, sans-serif;--mdc-dialog-subhead-line-height:32px;--mdc-dialog-subhead-size:20px;--mdc-dialog-subhead-weight:500;--mdc-dialog-subhead-tracking:0.0125em;--mdc-dialog-supporting-text-font:Roboto, sans-serif;--mdc-dialog-supporting-text-line-height:24px;--mdc-dialog-supporting-text-size:16px;--mdc-dialog-supporting-text-weight:400;--mdc-dialog-supporting-text-tracking:0.03125em}.mat-mdc-standard-chip{--mdc-chip-container-shape-radius:16px;--mdc-chip-with-avatar-avatar-shape-radius:14px;--mdc-chip-with-avatar-avatar-size:28px;--mdc-chip-with-icon-icon-size:18px;--mdc-chip-outline-width:0;--mdc-chip-outline-color:transparent;--mdc-chip-disabled-outline-color:transparent;--mdc-chip-focus-outline-color:transparent;--mdc-chip-hover-state-layer-opacity:0.04;--mdc-chip-with-avatar-disabled-avatar-opacity:1;--mdc-chip-flat-selected-outline-width:0;--mdc-chip-selected-hover-state-layer-opacity:0.04;--mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;--mdc-chip-with-icon-disabled-icon-opacity:1;--mat-chip-disabled-container-opacity:0.4;--mat-chip-trailing-action-opacity:0.54;--mat-chip-trailing-action-focus-opacity:1;--mat-chip-trailing-action-state-layer-color:transparent;--mat-chip-selected-trailing-action-state-layer-color:transparent;--mat-chip-trailing-action-hover-state-layer-opacity:0;--mat-chip-trailing-action-focus-state-layer-opacity:0}.mat-mdc-standard-chip{--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-elevated-container-color:#e0e0e0;--mdc-chip-elevated-selected-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-flat-disabled-selected-container-color:#e0e0e0;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:#212121;--mdc-chip-selected-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mat-chip-selected-disabled-trailing-icon-color:#212121;--mat-chip-selected-trailing-icon-color:#212121}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-selected-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-flat-disabled-selected-container-color:#3f51b5;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-selected-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-flat-disabled-selected-container-color:#ff4081;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn{--mdc-chip-disabled-label-text-color:white;--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-selected-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-flat-disabled-selected-container-color:#f44336;--mdc-chip-focus-state-layer-color:black;--mdc-chip-hover-state-layer-color:black;--mdc-chip-selected-hover-state-layer-color:black;--mdc-chip-focus-state-layer-opacity:0.12;--mdc-chip-selected-focus-state-layer-color:black;--mdc-chip-selected-focus-state-layer-opacity:0.12;--mdc-chip-label-text-color:white;--mdc-chip-selected-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mat-chip-selected-disabled-trailing-icon-color:white;--mat-chip-selected-trailing-icon-color:white}.mat-mdc-chip.mat-mdc-standard-chip{--mdc-chip-container-height:32px}.mat-mdc-standard-chip{--mdc-chip-label-text-font:Roboto, sans-serif;--mdc-chip-label-text-line-height:20px;--mdc-chip-label-text-size:14px;--mdc-chip-label-text-tracking:0.0178571429em;--mdc-chip-label-text-weight:400}html{--mdc-switch-disabled-selected-icon-opacity:0.38;--mdc-switch-disabled-track-opacity:0.12;--mdc-switch-disabled-unselected-icon-opacity:0.38;--mdc-switch-handle-height:20px;--mdc-switch-handle-shape:10px;--mdc-switch-handle-width:20px;--mdc-switch-selected-icon-size:18px;--mdc-switch-track-height:14px;--mdc-switch-track-shape:7px;--mdc-switch-track-width:36px;--mdc-switch-unselected-icon-size:18px;--mdc-switch-selected-focus-state-layer-opacity:0.12;--mdc-switch-selected-hover-state-layer-opacity:0.04;--mdc-switch-selected-pressed-state-layer-opacity:0.1;--mdc-switch-unselected-focus-state-layer-opacity:0.12;--mdc-switch-unselected-hover-state-layer-opacity:0.04;--mdc-switch-unselected-pressed-state-layer-opacity:0.1}html .mat-mdc-slide-toggle{--mat-switch-disabled-selected-handle-opacity:0.38;--mat-switch-disabled-unselected-handle-opacity:0.38;--mat-switch-unselected-handle-size:20px;--mat-switch-selected-handle-size:20px;--mat-switch-pressed-handle-size:20px;--mat-switch-with-icon-handle-size:20px;--mat-switch-selected-handle-horizontal-margin:0;--mat-switch-selected-with-icon-handle-horizontal-margin:0;--mat-switch-selected-pressed-handle-horizontal-margin:0;--mat-switch-unselected-handle-horizontal-margin:0;--mat-switch-unselected-with-icon-handle-horizontal-margin:0;--mat-switch-unselected-pressed-handle-horizontal-margin:0;--mat-switch-visible-track-opacity:1;--mat-switch-hidden-track-opacity:1;--mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);--mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);--mat-switch-track-outline-width:1px;--mat-switch-track-outline-color:transparent;--mat-switch-selected-track-outline-width:1px;--mat-switch-selected-track-outline-color:transparent;--mat-switch-disabled-unselected-track-outline-width:1px;--mat-switch-disabled-unselected-track-outline-color:transparent}html{--mdc-switch-selected-focus-state-layer-color:#3949ab;--mdc-switch-selected-handle-color:#3949ab;--mdc-switch-selected-hover-state-layer-color:#3949ab;--mdc-switch-selected-pressed-state-layer-color:#3949ab;--mdc-switch-selected-focus-handle-color:#1a237e;--mdc-switch-selected-hover-handle-color:#1a237e;--mdc-switch-selected-pressed-handle-color:#1a237e;--mdc-switch-selected-focus-track-color:#7986cb;--mdc-switch-selected-hover-track-color:#7986cb;--mdc-switch-selected-pressed-track-color:#7986cb;--mdc-switch-selected-track-color:#7986cb;--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-handle-surface-color:#fff;--mdc-switch-selected-icon-color:#fff;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-handle-color:#616161;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-icon-color:#fff;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38)}html .mat-mdc-slide-toggle{--mat-switch-label-text-color:rgba(0, 0, 0, 0.87)}html .mat-mdc-slide-toggle.mat-accent{--mdc-switch-selected-focus-state-layer-color:#d81b60;--mdc-switch-selected-handle-color:#d81b60;--mdc-switch-selected-hover-state-layer-color:#d81b60;--mdc-switch-selected-pressed-state-layer-color:#d81b60;--mdc-switch-selected-focus-handle-color:#880e4f;--mdc-switch-selected-hover-handle-color:#880e4f;--mdc-switch-selected-pressed-handle-color:#880e4f;--mdc-switch-selected-focus-track-color:#f06292;--mdc-switch-selected-hover-track-color:#f06292;--mdc-switch-selected-pressed-track-color:#f06292;--mdc-switch-selected-track-color:#f06292}html .mat-mdc-slide-toggle.mat-warn{--mdc-switch-selected-focus-state-layer-color:#e53935;--mdc-switch-selected-handle-color:#e53935;--mdc-switch-selected-hover-state-layer-color:#e53935;--mdc-switch-selected-pressed-state-layer-color:#e53935;--mdc-switch-selected-focus-handle-color:#b71c1c;--mdc-switch-selected-hover-handle-color:#b71c1c;--mdc-switch-selected-pressed-handle-color:#b71c1c;--mdc-switch-selected-focus-track-color:#e57373;--mdc-switch-selected-hover-track-color:#e57373;--mdc-switch-selected-pressed-track-color:#e57373;--mdc-switch-selected-track-color:#e57373}html{--mdc-switch-state-layer-size:40px}html .mat-mdc-slide-toggle{--mat-switch-label-text-font:Roboto, sans-serif;--mat-switch-label-text-line-height:20px;--mat-switch-label-text-size:14px;--mat-switch-label-text-tracking:0.0178571429em;--mat-switch-label-text-weight:400}html{--mdc-radio-disabled-selected-icon-opacity:0.38;--mdc-radio-disabled-unselected-icon-opacity:0.38;--mdc-radio-state-layer-size:40px}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#3f51b5;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#ff4081;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-radio-ripple-color:black;--mat-radio-checked-ripple-color:#f44336;--mat-radio-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-radio-label-text-color:rgba(0, 0, 0, 0.87)}html{--mdc-radio-state-layer-size:40px;--mat-radio-touch-target-display:block}html{--mat-radio-label-text-font:Roboto, sans-serif;--mat-radio-label-text-line-height:20px;--mat-radio-label-text-size:14px;--mat-radio-label-text-tracking:0.0178571429em;--mat-radio-label-text-weight:400}html{--mdc-slider-active-track-height:6px;--mdc-slider-active-track-shape:9999px;--mdc-slider-handle-height:20px;--mdc-slider-handle-shape:50%;--mdc-slider-handle-width:20px;--mdc-slider-inactive-track-height:4px;--mdc-slider-inactive-track-shape:9999px;--mdc-slider-with-overlap-handle-outline-width:1px;--mdc-slider-with-tick-marks-active-container-opacity:0.6;--mdc-slider-with-tick-marks-container-shape:50%;--mdc-slider-with-tick-marks-container-size:2px;--mdc-slider-with-tick-marks-inactive-container-opacity:0.6;--mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);--mat-slider-value-indicator-width:auto;--mat-slider-value-indicator-height:32px;--mat-slider-value-indicator-caret-display:block;--mat-slider-value-indicator-border-radius:4px;--mat-slider-value-indicator-padding:0 12px;--mat-slider-value-indicator-text-transform:none;--mat-slider-value-indicator-container-transform:translateX(-50%)}html{--mdc-slider-handle-color:#3f51b5;--mdc-slider-focus-handle-color:#3f51b5;--mdc-slider-hover-handle-color:#3f51b5;--mdc-slider-active-track-color:#3f51b5;--mdc-slider-inactive-track-color:#3f51b5;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mdc-slider-with-tick-marks-active-container-color:white;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-label-container-color:#000;--mdc-slider-label-label-text-color:#fff;--mdc-slider-with-overlap-handle-outline-color:#fff;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mat-slider-ripple-color:#3f51b5;--mat-slider-hover-state-layer-color:rgba(63, 81, 181, 0.05);--mat-slider-focus-state-layer-color:rgba(63, 81, 181, 0.2);--mat-slider-value-indicator-opacity:0.6}html .mat-accent{--mdc-slider-handle-color:#ff4081;--mdc-slider-focus-handle-color:#ff4081;--mdc-slider-hover-handle-color:#ff4081;--mdc-slider-active-track-color:#ff4081;--mdc-slider-inactive-track-color:#ff4081;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mdc-slider-with-tick-marks-active-container-color:white;--mat-slider-ripple-color:#ff4081;--mat-slider-hover-state-layer-color:rgba(255, 64, 129, 0.05);--mat-slider-focus-state-layer-color:rgba(255, 64, 129, 0.2)}html .mat-warn{--mdc-slider-handle-color:#f44336;--mdc-slider-focus-handle-color:#f44336;--mdc-slider-hover-handle-color:#f44336;--mdc-slider-active-track-color:#f44336;--mdc-slider-inactive-track-color:#f44336;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mdc-slider-with-tick-marks-active-container-color:white;--mat-slider-ripple-color:#f44336;--mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);--mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2)}html{--mdc-slider-label-label-text-font:Roboto, sans-serif;--mdc-slider-label-label-text-size:14px;--mdc-slider-label-label-text-line-height:22px;--mdc-slider-label-label-text-tracking:0.0071428571em;--mdc-slider-label-label-text-weight:500}html{--mat-menu-container-shape:4px;--mat-menu-divider-bottom-spacing:0;--mat-menu-divider-top-spacing:0;--mat-menu-item-spacing:16px;--mat-menu-item-icon-size:24px;--mat-menu-item-leading-spacing:16px;--mat-menu-item-trailing-spacing:16px;--mat-menu-item-with-icon-leading-spacing:16px;--mat-menu-item-with-icon-trailing-spacing:16px;--mat-menu-base-elevation-level:8}html{--mat-menu-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-menu-item-icon-color:rgba(0, 0, 0, 0.87);--mat-menu-item-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-item-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-menu-container-color:white;--mat-menu-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-menu-item-label-text-font:Roboto, sans-serif;--mat-menu-item-label-text-size:16px;--mat-menu-item-label-text-tracking:0.03125em;--mat-menu-item-label-text-line-height:24px;--mat-menu-item-label-text-weight:400}html{--mdc-list-list-item-container-shape:0;--mdc-list-list-item-leading-avatar-shape:50%;--mdc-list-list-item-container-color:transparent;--mdc-list-list-item-selected-container-color:transparent;--mdc-list-list-item-leading-avatar-color:transparent;--mdc-list-list-item-leading-icon-size:24px;--mdc-list-list-item-leading-avatar-size:40px;--mdc-list-list-item-trailing-icon-size:24px;--mdc-list-list-item-disabled-state-layer-color:transparent;--mdc-list-list-item-disabled-state-layer-opacity:0;--mdc-list-list-item-disabled-label-text-opacity:0.38;--mdc-list-list-item-disabled-leading-icon-opacity:0.38;--mdc-list-list-item-disabled-trailing-icon-opacity:0.38;--mat-list-active-indicator-color:transparent;--mat-list-active-indicator-shape:4px}html{--mdc-list-list-item-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-supporting-text-color:rgba(0, 0, 0, 0.54);--mdc-list-list-item-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-supporting-text-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-selected-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-disabled-label-text-color:black;--mdc-list-list-item-disabled-leading-icon-color:black;--mdc-list-list-item-disabled-trailing-icon-color:black;--mdc-list-list-item-hover-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-leading-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-hover-trailing-icon-color:rgba(0, 0, 0, 0.38);--mdc-list-list-item-focus-label-text-color:rgba(0, 0, 0, 0.87);--mdc-list-list-item-hover-state-layer-color:black;--mdc-list-list-item-hover-state-layer-opacity:0.04;--mdc-list-list-item-focus-state-layer-color:black;--mdc-list-list-item-focus-state-layer-opacity:0.12}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5}.mat-accent .mdc-list-item__start,.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081}.mat-warn .mdc-list-item__start,.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:black;--mdc-radio-disabled-unselected-icon-color:black;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336}.mat-mdc-list-option{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-accent{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-option.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start{color:#3f51b5}.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end{opacity:1}html{--mdc-list-list-item-one-line-container-height:48px;--mdc-list-list-item-two-line-container-height:64px;--mdc-list-list-item-three-line-container-height:88px;--mat-list-list-item-leading-icon-start-space:16px;--mat-list-list-item-leading-icon-end-space:32px}.mdc-list-item__start,.mdc-list-item__end{--mdc-radio-state-layer-size:40px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}html{--mdc-list-list-item-label-text-font:Roboto, sans-serif;--mdc-list-list-item-label-text-line-height:24px;--mdc-list-list-item-label-text-size:16px;--mdc-list-list-item-label-text-tracking:0.03125em;--mdc-list-list-item-label-text-weight:400;--mdc-list-list-item-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-supporting-text-line-height:20px;--mdc-list-list-item-supporting-text-size:14px;--mdc-list-list-item-supporting-text-tracking:0.0178571429em;--mdc-list-list-item-supporting-text-weight:400;--mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;--mdc-list-list-item-trailing-supporting-text-line-height:20px;--mdc-list-list-item-trailing-supporting-text-size:12px;--mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;--mdc-list-list-item-trailing-supporting-text-weight:400}.mdc-list-group__subheader{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em}html{--mat-paginator-container-text-color:rgba(0, 0, 0, 0.87);--mat-paginator-container-background-color:white;--mat-paginator-enabled-icon-color:rgba(0, 0, 0, 0.54);--mat-paginator-disabled-icon-color:rgba(0, 0, 0, 0.12)}html{--mat-paginator-container-size:56px;--mat-paginator-form-field-container-height:40px;--mat-paginator-form-field-container-vertical-padding:8px;--mat-paginator-touch-target-display:block}html{--mat-paginator-container-text-font:Roboto, sans-serif;--mat-paginator-container-text-line-height:20px;--mat-paginator-container-text-size:12px;--mat-paginator-container-text-tracking:0.0333333333em;--mat-paginator-container-text-weight:400;--mat-paginator-select-trigger-text-size:12px}html{--mdc-secondary-navigation-tab-container-height:48px;--mdc-tab-indicator-active-indicator-height:2px;--mdc-tab-indicator-active-indicator-shape:0;--mat-tab-header-divider-color:transparent;--mat-tab-header-divider-height:0}.mat-mdc-tab-group,.mat-mdc-tab-nav-bar{--mdc-tab-indicator-active-indicator-color:#3f51b5;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#3f51b5;--mat-tab-header-active-ripple-color:#3f51b5;--mat-tab-header-inactive-ripple-color:#3f51b5;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#3f51b5;--mat-tab-header-active-hover-label-text-color:#3f51b5;--mat-tab-header-active-focus-indicator-color:#3f51b5;--mat-tab-header-active-hover-indicator-color:#3f51b5}.mat-mdc-tab-group.mat-accent,.mat-mdc-tab-nav-bar.mat-accent{--mdc-tab-indicator-active-indicator-color:#ff4081;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#ff4081;--mat-tab-header-active-ripple-color:#ff4081;--mat-tab-header-inactive-ripple-color:#ff4081;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#ff4081;--mat-tab-header-active-hover-label-text-color:#ff4081;--mat-tab-header-active-focus-indicator-color:#ff4081;--mat-tab-header-active-hover-indicator-color:#ff4081}.mat-mdc-tab-group.mat-warn,.mat-mdc-tab-nav-bar.mat-warn{--mdc-tab-indicator-active-indicator-color:#f44336;--mat-tab-header-disabled-ripple-color:rgba(0, 0, 0, 0.38);--mat-tab-header-pagination-icon-color:black;--mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-label-text-color:#f44336;--mat-tab-header-active-ripple-color:#f44336;--mat-tab-header-inactive-ripple-color:#f44336;--mat-tab-header-inactive-focus-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-inactive-hover-label-text-color:rgba(0, 0, 0, 0.6);--mat-tab-header-active-focus-label-text-color:#f44336;--mat-tab-header-active-hover-label-text-color:#f44336;--mat-tab-header-active-focus-indicator-color:#f44336;--mat-tab-header-active-hover-indicator-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-tab-header-with-background-background-color:#3f51b5;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-tab-header-with-background-background-color:#ff4081;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-tab-header-with-background-background-color:#f44336;--mat-tab-header-with-background-foreground-color:white}.mat-mdc-tab-header{--mdc-secondary-navigation-tab-container-height:48px}.mat-mdc-tab-header{--mat-tab-header-label-text-font:Roboto, sans-serif;--mat-tab-header-label-text-size:14px;--mat-tab-header-label-text-tracking:0.0892857143em;--mat-tab-header-label-text-line-height:36px;--mat-tab-header-label-text-weight:500}html{--mdc-checkbox-disabled-selected-checkmark-color:#fff;--mdc-checkbox-selected-focus-state-layer-opacity:0.16;--mdc-checkbox-selected-hover-state-layer-opacity:0.04;--mdc-checkbox-selected-pressed-state-layer-opacity:0.16;--mdc-checkbox-unselected-focus-state-layer-opacity:0.16;--mdc-checkbox-unselected-hover-state-layer-opacity:0.04;--mdc-checkbox-unselected-pressed-state-layer-opacity:0.16}html{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#ff4081;--mdc-checkbox-selected-hover-icon-color:#ff4081;--mdc-checkbox-selected-icon-color:#ff4081;--mdc-checkbox-selected-pressed-icon-color:#ff4081;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#ff4081;--mdc-checkbox-selected-hover-state-layer-color:#ff4081;--mdc-checkbox-selected-pressed-state-layer-color:#ff4081;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black;--mat-checkbox-disabled-label-color:rgba(0, 0, 0, 0.38);--mat-checkbox-label-text-color:rgba(0, 0, 0, 0.87)}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#3f51b5;--mdc-checkbox-selected-hover-icon-color:#3f51b5;--mdc-checkbox-selected-icon-color:#3f51b5;--mdc-checkbox-selected-pressed-icon-color:#3f51b5;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#3f51b5;--mdc-checkbox-selected-hover-state-layer-color:#3f51b5;--mdc-checkbox-selected-pressed-state-layer-color:#3f51b5;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-selected-checkmark-color:white;--mdc-checkbox-selected-focus-icon-color:#f44336;--mdc-checkbox-selected-hover-icon-color:#f44336;--mdc-checkbox-selected-icon-color:#f44336;--mdc-checkbox-selected-pressed-icon-color:#f44336;--mdc-checkbox-unselected-focus-icon-color:#212121;--mdc-checkbox-unselected-hover-icon-color:#212121;--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-selected-focus-state-layer-color:#f44336;--mdc-checkbox-selected-hover-state-layer-color:#f44336;--mdc-checkbox-selected-pressed-state-layer-color:#f44336;--mdc-checkbox-unselected-focus-state-layer-color:black;--mdc-checkbox-unselected-hover-state-layer-color:black;--mdc-checkbox-unselected-pressed-state-layer-color:black}html{--mdc-checkbox-state-layer-size:40px;--mat-checkbox-touch-target-display:block}html{--mat-checkbox-label-text-font:Roboto, sans-serif;--mat-checkbox-label-text-line-height:20px;--mat-checkbox-label-text-size:14px;--mat-checkbox-label-text-tracking:0.0178571429em;--mat-checkbox-label-text-weight:400}html{--mdc-text-button-container-shape:4px;--mdc-text-button-keep-touch-target:false;--mdc-filled-button-container-shape:4px;--mdc-filled-button-keep-touch-target:false;--mdc-protected-button-container-shape:4px;--mdc-protected-button-container-elevation-shadow:0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-container-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-focus-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-hover-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mdc-protected-button-pressed-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-outlined-button-keep-touch-target:false;--mdc-outlined-button-outline-width:1px;--mdc-outlined-button-container-shape:4px;--mat-text-button-horizontal-padding:8px;--mat-text-button-with-icon-horizontal-padding:8px;--mat-text-button-icon-spacing:8px;--mat-text-button-icon-offset:0;--mat-filled-button-horizontal-padding:16px;--mat-filled-button-icon-spacing:8px;--mat-filled-button-icon-offset:-4px;--mat-protected-button-horizontal-padding:16px;--mat-protected-button-icon-spacing:8px;--mat-protected-button-icon-offset:-4px;--mat-outlined-button-horizontal-padding:15px;--mat-outlined-button-icon-spacing:8px;--mat-outlined-button-icon-offset:-4px}html{--mdc-text-button-label-text-color:black;--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-text-button-state-layer-color:black;--mat-text-button-disabled-state-layer-color:black;--mat-text-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-text-button-hover-state-layer-opacity:0.04;--mat-text-button-focus-state-layer-opacity:0.12;--mat-text-button-pressed-state-layer-opacity:0.12;--mdc-filled-button-container-color:white;--mdc-filled-button-label-text-color:black;--mdc-filled-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-filled-button-state-layer-color:black;--mat-filled-button-disabled-state-layer-color:black;--mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-filled-button-hover-state-layer-opacity:0.04;--mat-filled-button-focus-state-layer-opacity:0.12;--mat-filled-button-pressed-state-layer-opacity:0.12;--mdc-protected-button-container-color:white;--mdc-protected-button-label-text-color:black;--mdc-protected-button-disabled-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mat-protected-button-state-layer-color:black;--mat-protected-button-disabled-state-layer-color:black;--mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-protected-button-hover-state-layer-opacity:0.04;--mat-protected-button-focus-state-layer-opacity:0.12;--mat-protected-button-pressed-state-layer-opacity:0.12;--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-label-text-color:black;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:black;--mat-outlined-button-disabled-state-layer-color:black;--mat-outlined-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-outlined-button-hover-state-layer-opacity:0.04;--mat-outlined-button-focus-state-layer-opacity:0.12;--mat-outlined-button-pressed-state-layer-opacity:0.12}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5;--mat-text-button-state-layer-color:#3f51b5;--mat-text-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081;--mat-text-button-state-layer-color:#ff4081;--mat-text-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336;--mat-text-button-state-layer-color:#f44336;--mat-text-button-ripple-color:rgba(244, 67, 54, 0.1)}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:white;--mat-filled-button-state-layer-color:white;--mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:white;--mat-protected-button-state-layer-color:white;--mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1)}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#3f51b5;--mat-outlined-button-ripple-color:rgba(63, 81, 181, 0.1)}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#ff4081;--mat-outlined-button-ripple-color:rgba(255, 64, 129, 0.1)}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336;--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mat-outlined-button-state-layer-color:#f44336;--mat-outlined-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mdc-text-button-container-height:36px;--mdc-filled-button-container-height:36px;--mdc-protected-button-container-height:36px;--mdc-outlined-button-container-height:36px;--mat-text-button-touch-target-display:block;--mat-filled-button-touch-target-display:block;--mat-protected-button-touch-target-display:block;--mat-outlined-button-touch-target-display:block}html{--mdc-text-button-label-text-font:Roboto, sans-serif;--mdc-text-button-label-text-size:14px;--mdc-text-button-label-text-tracking:0.0892857143em;--mdc-text-button-label-text-weight:500;--mdc-text-button-label-text-transform:none;--mdc-filled-button-label-text-font:Roboto, sans-serif;--mdc-filled-button-label-text-size:14px;--mdc-filled-button-label-text-tracking:0.0892857143em;--mdc-filled-button-label-text-weight:500;--mdc-filled-button-label-text-transform:none;--mdc-protected-button-label-text-font:Roboto, sans-serif;--mdc-protected-button-label-text-size:14px;--mdc-protected-button-label-text-tracking:0.0892857143em;--mdc-protected-button-label-text-weight:500;--mdc-protected-button-label-text-transform:none;--mdc-outlined-button-label-text-font:Roboto, sans-serif;--mdc-outlined-button-label-text-size:14px;--mdc-outlined-button-label-text-tracking:0.0892857143em;--mdc-outlined-button-label-text-weight:500;--mdc-outlined-button-label-text-transform:none}html{--mdc-icon-button-icon-size:24px}html{--mdc-icon-button-icon-color:inherit;--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38);--mat-icon-button-state-layer-color:black;--mat-icon-button-disabled-state-layer-color:black;--mat-icon-button-ripple-color:rgba(0, 0, 0, 0.1);--mat-icon-button-hover-state-layer-opacity:0.04;--mat-icon-button-focus-state-layer-opacity:0.12;--mat-icon-button-pressed-state-layer-opacity:0.12}html .mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5;--mat-icon-button-state-layer-color:#3f51b5;--mat-icon-button-ripple-color:rgba(63, 81, 181, 0.1)}html .mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081;--mat-icon-button-state-layer-color:#ff4081;--mat-icon-button-ripple-color:rgba(255, 64, 129, 0.1)}html .mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336;--mat-icon-button-state-layer-color:#f44336;--mat-icon-button-ripple-color:rgba(244, 67, 54, 0.1)}html{--mat-icon-button-touch-target-display:block}.mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 48px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:12px}html{--mdc-fab-container-shape:50%;--mdc-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-fab-small-container-shape:50%;--mdc-fab-small-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-fab-small-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-fab-small-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);--mdc-extended-fab-container-height:48px;--mdc-extended-fab-container-shape:24px;--mdc-extended-fab-container-elevation-shadow:0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);--mdc-extended-fab-focus-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-hover-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);--mdc-extended-fab-pressed-container-elevation-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mdc-fab-container-color:white;--mat-fab-foreground-color:black;--mat-fab-state-layer-color:black;--mat-fab-disabled-state-layer-color:black;--mat-fab-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-hover-state-layer-opacity:0.04;--mat-fab-focus-state-layer-opacity:0.12;--mat-fab-pressed-state-layer-opacity:0.12;--mat-fab-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-disabled-state-foreground-color:rgba(0, 0, 0, 0.38);--mdc-fab-small-container-color:white;--mat-fab-small-foreground-color:black;--mat-fab-small-state-layer-color:black;--mat-fab-small-disabled-state-layer-color:black;--mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);--mat-fab-small-hover-state-layer-opacity:0.04;--mat-fab-small-focus-state-layer-opacity:0.12;--mat-fab-small-pressed-state-layer-opacity:0.12;--mat-fab-small-disabled-state-container-color:rgba(0, 0, 0, 0.12);--mat-fab-small-disabled-state-foreground-color:rgba(0, 0, 0, 0.38)}html .mat-mdc-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-fab.mat-warn{--mdc-fab-container-color:#f44336;--mat-fab-foreground-color:white;--mat-fab-state-layer-color:white;--mat-fab-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-primary{--mdc-fab-small-container-color:#3f51b5;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-accent{--mdc-fab-small-container-color:#ff4081;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html .mat-mdc-mini-fab.mat-warn{--mdc-fab-small-container-color:#f44336;--mat-fab-small-foreground-color:white;--mat-fab-small-state-layer-color:white;--mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1)}html{--mat-fab-touch-target-display:block;--mat-fab-small-touch-target-display:block}html{--mdc-extended-fab-label-text-font:Roboto, sans-serif;--mdc-extended-fab-label-text-size:14px;--mdc-extended-fab-label-text-tracking:0.0892857143em;--mdc-extended-fab-label-text-weight:500}html{--mdc-snackbar-container-shape:4px}html{--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87);--mat-snack-bar-button-color:#ff4081}html{--mdc-snackbar-supporting-text-font:Roboto, sans-serif;--mdc-snackbar-supporting-text-line-height:20px;--mdc-snackbar-supporting-text-size:14px;--mdc-snackbar-supporting-text-weight:400}html{--mat-table-row-item-outline-width:1px}html{--mat-table-background-color:white;--mat-table-header-headline-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-label-text-color:rgba(0, 0, 0, 0.87);--mat-table-row-item-outline-color:rgba(0, 0, 0, 0.12)}html{--mat-table-header-container-height:56px;--mat-table-footer-container-height:52px;--mat-table-row-item-container-height:52px}html{--mat-table-header-headline-font:Roboto, sans-serif;--mat-table-header-headline-line-height:22px;--mat-table-header-headline-size:14px;--mat-table-header-headline-weight:500;--mat-table-header-headline-tracking:0.0071428571em;--mat-table-row-item-label-text-font:Roboto, sans-serif;--mat-table-row-item-label-text-line-height:20px;--mat-table-row-item-label-text-size:14px;--mat-table-row-item-label-text-weight:400;--mat-table-row-item-label-text-tracking:0.0178571429em;--mat-table-footer-supporting-text-font:Roboto, sans-serif;--mat-table-footer-supporting-text-line-height:20px;--mat-table-footer-supporting-text-size:14px;--mat-table-footer-supporting-text-weight:400;--mat-table-footer-supporting-text-tracking:0.0178571429em}html{--mdc-circular-progress-active-indicator-width:4px;--mdc-circular-progress-size:48px}html{--mdc-circular-progress-active-indicator-color:#3f51b5}html .mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}html .mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}html{--mat-badge-container-shape:50%;--mat-badge-container-size:unset;--mat-badge-small-size-container-size:unset;--mat-badge-large-size-container-size:unset;--mat-badge-legacy-container-size:22px;--mat-badge-legacy-small-size-container-size:16px;--mat-badge-legacy-large-size-container-size:28px;--mat-badge-container-offset:-11px 0;--mat-badge-small-size-container-offset:-8px 0;--mat-badge-large-size-container-offset:-14px 0;--mat-badge-container-overlap-offset:-11px;--mat-badge-small-size-container-overlap-offset:-8px;--mat-badge-large-size-container-overlap-offset:-14px;--mat-badge-container-padding:0;--mat-badge-small-size-container-padding:0;--mat-badge-large-size-container-padding:0}html{--mat-badge-background-color:#3f51b5;--mat-badge-text-color:white;--mat-badge-disabled-state-background-color:#b9b9b9;--mat-badge-disabled-state-text-color:rgba(0, 0, 0, 0.38)}.mat-badge-accent{--mat-badge-background-color:#ff4081;--mat-badge-text-color:white}.mat-badge-warn{--mat-badge-background-color:#f44336;--mat-badge-text-color:white}html{--mat-badge-text-font:Roboto, sans-serif;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-large-size-text-size:24px}html{--mat-bottom-sheet-container-shape:4px}html{--mat-bottom-sheet-container-text-color:rgba(0, 0, 0, 0.87);--mat-bottom-sheet-container-background-color:white}html{--mat-bottom-sheet-container-text-font:Roboto, sans-serif;--mat-bottom-sheet-container-text-line-height:20px;--mat-bottom-sheet-container-text-size:14px;--mat-bottom-sheet-container-text-tracking:0.0178571429em;--mat-bottom-sheet-container-text-weight:400}html{--mat-legacy-button-toggle-height:36px;--mat-legacy-button-toggle-shape:2px;--mat-legacy-button-toggle-focus-state-layer-opacity:1;--mat-standard-button-toggle-shape:4px;--mat-standard-button-toggle-hover-state-layer-opacity:0.04;--mat-standard-button-toggle-focus-state-layer-opacity:0.12}html{--mat-legacy-button-toggle-text-color:rgba(0, 0, 0, 0.38);--mat-legacy-button-toggle-state-layer-color:rgba(0, 0, 0, 0.12);--mat-legacy-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.54);--mat-legacy-button-toggle-selected-state-background-color:#e0e0e0;--mat-legacy-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-legacy-button-toggle-disabled-state-background-color:#eeeeee;--mat-legacy-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-background-color:white;--mat-standard-button-toggle-state-layer-color:black;--mat-standard-button-toggle-selected-state-background-color:#e0e0e0;--mat-standard-button-toggle-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-standard-button-toggle-disabled-state-background-color:white;--mat-standard-button-toggle-disabled-selected-state-text-color:rgba(0, 0, 0, 0.87);--mat-standard-button-toggle-disabled-selected-state-background-color:#bdbdbd;--mat-standard-button-toggle-divider-color:#e0e0e0}html{--mat-standard-button-toggle-height:48px}html{--mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;--mat-legacy-button-toggle-label-text-line-height:24px;--mat-legacy-button-toggle-label-text-size:16px;--mat-legacy-button-toggle-label-text-tracking:0.03125em;--mat-legacy-button-toggle-label-text-weight:400;--mat-standard-button-toggle-label-text-font:Roboto, sans-serif;--mat-standard-button-toggle-label-text-line-height:24px;--mat-standard-button-toggle-label-text-size:16px;--mat-standard-button-toggle-label-text-tracking:0.03125em;--mat-standard-button-toggle-label-text-weight:400}html{--mat-datepicker-calendar-container-shape:4px;--mat-datepicker-calendar-container-touch-shape:4px;--mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}html{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(63, 81, 181, 0.3);--mat-datepicker-toggle-active-state-icon-color:#3f51b5;--mat-datepicker-calendar-date-in-range-state-background-color:rgba(63, 81, 181, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;--mat-datepicker-toggle-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-body-label-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-period-button-text-color:black;--mat-datepicker-calendar-period-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-navigation-button-icon-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-header-divider-color:rgba(0, 0, 0, 0.12);--mat-datepicker-calendar-header-text-color:rgba(0, 0, 0, 0.54);--mat-datepicker-calendar-date-today-outline-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(0, 0, 0, 0.18);--mat-datepicker-calendar-date-text-color:rgba(0, 0, 0, 0.87);--mat-datepicker-calendar-date-outline-color:transparent;--mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-date-preview-state-outline-color:rgba(0, 0, 0, 0.24);--mat-datepicker-range-input-separator-color:rgba(0, 0, 0, 0.87);--mat-datepicker-range-input-disabled-state-separator-color:rgba(0, 0, 0, 0.38);--mat-datepicker-range-input-disabled-state-text-color:rgba(0, 0, 0, 0.38);--mat-datepicker-calendar-container-background-color:white;--mat-datepicker-calendar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-datepicker-content.mat-accent{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#ff4081;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(255, 64, 129, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(255, 64, 129, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(255, 64, 129, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-content.mat-warn{--mat-datepicker-calendar-date-selected-state-text-color:white;--mat-datepicker-calendar-date-selected-state-background-color:#f44336;--mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(244, 67, 54, 0.4);--mat-datepicker-calendar-date-today-selected-state-outline-color:white;--mat-datepicker-calendar-date-focus-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-hover-state-background-color:rgba(244, 67, 54, 0.3);--mat-datepicker-calendar-date-in-range-state-background-color:rgba(244, 67, 54, 0.2);--mat-datepicker-calendar-date-in-comparison-range-state-background-color:rgba(249, 171, 0, 0.2);--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e}.mat-datepicker-toggle-active.mat-accent{--mat-datepicker-toggle-active-state-icon-color:#ff4081}.mat-datepicker-toggle-active.mat-warn{--mat-datepicker-toggle-active-state-icon-color:#f44336}.mat-calendar-controls{--mat-icon-button-touch-target-display:none}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{--mdc-icon-button-state-layer-size: 40px;width:var(--mdc-icon-button-state-layer-size);height:var(--mdc-icon-button-state-layer-size);padding:8px}html{--mat-datepicker-calendar-text-font:Roboto, sans-serif;--mat-datepicker-calendar-text-size:13px;--mat-datepicker-calendar-body-label-text-size:14px;--mat-datepicker-calendar-body-label-text-weight:500;--mat-datepicker-calendar-period-button-text-size:14px;--mat-datepicker-calendar-period-button-text-weight:500;--mat-datepicker-calendar-header-text-size:11px;--mat-datepicker-calendar-header-text-weight:400}html{--mat-divider-width:1px}html{--mat-divider-color:rgba(0, 0, 0, 0.12)}html{--mat-expansion-container-shape:4px;--mat-expansion-legacy-header-indicator-display:inline-block;--mat-expansion-header-indicator-display:none}html{--mat-expansion-container-background-color:white;--mat-expansion-container-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-actions-divider-color:rgba(0, 0, 0, 0.12);--mat-expansion-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-expansion-header-disabled-state-text-color:rgba(0, 0, 0, 0.26);--mat-expansion-header-text-color:rgba(0, 0, 0, 0.87);--mat-expansion-header-description-color:rgba(0, 0, 0, 0.54);--mat-expansion-header-indicator-color:rgba(0, 0, 0, 0.54)}html{--mat-expansion-header-collapsed-state-height:48px;--mat-expansion-header-expanded-state-height:64px}html{--mat-expansion-header-text-font:Roboto, sans-serif;--mat-expansion-header-text-size:14px;--mat-expansion-header-text-weight:500;--mat-expansion-header-text-line-height:inherit;--mat-expansion-header-text-tracking:inherit;--mat-expansion-container-text-font:Roboto, sans-serif;--mat-expansion-container-text-line-height:20px;--mat-expansion-container-text-size:14px;--mat-expansion-container-text-tracking:0.0178571429em;--mat-expansion-container-text-weight:400}html{--mat-grid-list-tile-header-primary-text-size:14px;--mat-grid-list-tile-header-secondary-text-size:12px;--mat-grid-list-tile-footer-primary-text-size:14px;--mat-grid-list-tile-footer-secondary-text-size:12px}html{--mat-icon-color:inherit}.mat-icon.mat-primary{--mat-icon-color:#3f51b5}.mat-icon.mat-accent{--mat-icon-color:#ff4081}.mat-icon.mat-warn{--mat-icon-color:#f44336}html{--mat-sidenav-container-shape:0;--mat-sidenav-container-elevation-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);--mat-sidenav-container-width:auto}html{--mat-sidenav-container-divider-color:rgba(0, 0, 0, 0.12);--mat-sidenav-container-background-color:white;--mat-sidenav-container-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-content-background-color:#fafafa;--mat-sidenav-content-text-color:rgba(0, 0, 0, 0.87);--mat-sidenav-scrim-color:rgba(0, 0, 0, 0.6)}html{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#3f51b5;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#3f51b5;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#3f51b5;--mat-stepper-header-edit-state-icon-foreground-color:white;--mat-stepper-container-color:white;--mat-stepper-line-color:rgba(0, 0, 0, 0.12);--mat-stepper-header-hover-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-focus-state-layer-color:rgba(0, 0, 0, 0.04);--mat-stepper-header-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-optional-label-text-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-selected-state-label-text-color:rgba(0, 0, 0, 0.87);--mat-stepper-header-error-state-label-text-color:#f44336;--mat-stepper-header-icon-background-color:rgba(0, 0, 0, 0.54);--mat-stepper-header-error-state-icon-foreground-color:#f44336;--mat-stepper-header-error-state-icon-background-color:transparent}html .mat-step-header.mat-accent{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#ff4081;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#ff4081;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#ff4081;--mat-stepper-header-edit-state-icon-foreground-color:white}html .mat-step-header.mat-warn{--mat-stepper-header-icon-foreground-color:white;--mat-stepper-header-selected-state-icon-background-color:#f44336;--mat-stepper-header-selected-state-icon-foreground-color:white;--mat-stepper-header-done-state-icon-background-color:#f44336;--mat-stepper-header-done-state-icon-foreground-color:white;--mat-stepper-header-edit-state-icon-background-color:#f44336;--mat-stepper-header-edit-state-icon-foreground-color:white}html{--mat-stepper-header-height:72px}html{--mat-stepper-container-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-font:Roboto, sans-serif;--mat-stepper-header-label-text-size:14px;--mat-stepper-header-label-text-weight:400;--mat-stepper-header-error-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-size:16px;--mat-stepper-header-selected-state-label-text-weight:400}html{--mat-sort-arrow-color:#757575}html{--mat-toolbar-container-background-color:whitesmoke;--mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87)}.mat-toolbar.mat-primary{--mat-toolbar-container-background-color:#3f51b5;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-accent{--mat-toolbar-container-background-color:#ff4081;--mat-toolbar-container-text-color:white}.mat-toolbar.mat-warn{--mat-toolbar-container-background-color:#f44336;--mat-toolbar-container-text-color:white}html{--mat-toolbar-standard-height:64px;--mat-toolbar-mobile-height:56px}html{--mat-toolbar-title-text-font:Roboto, sans-serif;--mat-toolbar-title-text-line-height:32px;--mat-toolbar-title-text-size:20px;--mat-toolbar-title-text-tracking:0.0125em;--mat-toolbar-title-text-weight:500}html{--mat-tree-container-background-color:white;--mat-tree-node-text-color:rgba(0, 0, 0, 0.87)}html{--mat-tree-node-min-height:48px}html{--mat-tree-node-text-font:Roboto, sans-serif;--mat-tree-node-text-size:14px;--mat-tree-node-text-weight:400}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font:400 24px/32px Roboto, sans-serif;letter-spacing:normal;margin:0 0 16px}.mat-h2,.mat-headline-6,.mat-typography .mat-h2,.mat-typography .mat-headline-6,.mat-typography h2{font:500 20px/32px Roboto, sans-serif;letter-spacing:.0125em;margin:0 0 16px}.mat-h3,.mat-subtitle-1,.mat-typography .mat-h3,.mat-typography .mat-subtitle-1,.mat-typography h3{font:400 16px/28px Roboto, sans-serif;letter-spacing:.009375em;margin:0 0 16px}.mat-h4,.mat-body-1,.mat-typography .mat-h4,.mat-typography .mat-body-1,.mat-typography h4{font:400 16px/24px Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px*.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px*.67)/20px Roboto, sans-serif;margin:0 0 12px}.mat-body-strong,.mat-subtitle-2,.mat-typography .mat-body-strong,.mat-typography .mat-subtitle-2{font:500 14px/22px Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font:400 14px/20px Roboto, sans-serif;letter-spacing:.0178571429em}.mat-body p,.mat-body-2 p,.mat-typography .mat-body p,.mat-typography .mat-body-2 p,.mat-typography p{margin:0 0 12px}.mat-small,.mat-caption,.mat-typography .mat-small,.mat-typography .mat-caption{font:400 12px/20px Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font:300 96px/96px Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font:300 60px/60px Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font:400 48px/50px Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font:400 34px/40px Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px} /*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/scss/styles.scss?ngGlobalStyle ***! \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* You can add global styles to this file, and also import other style files */ /*! * CoreUI v5.1.2 (https://coreui.io) * Copyright (c) 2024 creativeLabs Łukasz Holeczek * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE) */ :root, [data-coreui-theme=light] { --cui-blue: #0d6efd; --cui-indigo: #6610f2; --cui-purple: #6f42c1; --cui-pink: #d63384; --cui-red: #dc3545; --cui-orange: #fd7e14; --cui-yellow: #ffc107; --cui-green: #198754; --cui-teal: #20c997; --cui-cyan: #0dcaf0; --cui-black: #080a0c; --cui-white: #fff; --cui-gray: #6d7d9c; --cui-gray-dark: #323a49; --cui-gray-100: #f3f4f7; --cui-gray-200: #e7eaee; --cui-gray-300: #dbdfe6; --cui-gray-400: #cfd4de; --cui-gray-500: #aab3c5; --cui-gray-600: #6d7d9c; --cui-gray-700: #4a566d; --cui-gray-800: #323a49; --cui-gray-900: #212631; --cui-primary: #5856d6; --cui-secondary: #6b7785; --cui-success: #1b9e3e; --cui-info: #39f; --cui-warning: #f9b115; --cui-danger: #e55353; --cui-light: #f3f4f7; --cui-dark: #212631; --cui-primary-rgb: 88, 86, 214; --cui-secondary-rgb: 107, 119, 133; --cui-success-rgb: 27, 158, 62; --cui-info-rgb: 51, 153, 255; --cui-warning-rgb: 249, 177, 21; --cui-danger-rgb: 229, 83, 83; --cui-light-rgb: 243, 244, 247; --cui-dark-rgb: 33, 38, 49; --cui-primary-text-emphasis: #3634a3; --cui-secondary-text-emphasis: #212233; --cui-success-text-emphasis: #0f5722; --cui-info-text-emphasis: #184c77; --cui-warning-text-emphasis: #764705; --cui-danger-text-emphasis: #671414; --cui-light-text-emphasis: #4a566d; --cui-dark-text-emphasis: #323a49; --cui-primary-bg-subtle: #cfc7f3; --cui-secondary-bg-subtle: #ced2d8; --cui-success-bg-subtle: #cbedd6; --cui-info-bg-subtle: #c0e6ff; --cui-warning-bg-subtle: #feecc5; --cui-danger-bg-subtle: #f9d4d4; --cui-light-bg-subtle: #f9fafb; --cui-dark-bg-subtle: #cfd4de; --cui-primary-border-subtle: #9d92e6; --cui-secondary-border-subtle: #9da5b1; --cui-success-border-subtle: #96dbad; --cui-info-border-subtle: #80c6ff; --cui-warning-border-subtle: #fcd88a; --cui-danger-border-subtle: #f2a9a9; --cui-light-border-subtle: #e7eaee; --cui-dark-border-subtle: #aab3c5; --cui-white-rgb: 255, 255, 255; --cui-black-rgb: 8, 10, 12; --cui-font-sans-serif: Roboto; --cui-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --cui-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); --cui-body-font-family: var(--cui-font-sans-serif); --cui-body-font-size: 1rem; --cui-body-font-weight: 400; --cui-body-line-height: 1.5; --cui-body-color: rgba(37, 43, 54, 0.95); --cui-body-color-rgb: 37, 43, 54; --cui-body-bg: #fff; --cui-body-bg-rgb: 255, 255, 255; --cui-emphasis-color: #080a0c; --cui-emphasis-color-rgb: 8, 10, 12; --cui-secondary-color: rgba(37, 43, 54, 0.681); --cui-secondary-color-rgb: 37, 43, 54; --cui-secondary-bg: #e7eaee; --cui-secondary-bg-rgb: 231, 234, 238; --cui-tertiary-color: rgba(37, 43, 54, 0.38); --cui-tertiary-color-rgb: 37, 43, 54; --cui-tertiary-bg: #f3f4f7; --cui-tertiary-bg-rgb: 243, 244, 247; --cui-body-color-dark: rgba(255, 255, 255, 0.87); --cui-body-color-rgb-dark: 255, 255, 255; --cui-body-bg-dark: #212631; --cui-body-bg-rgb-dark: 33, 38, 49; --cui-emphasis-color-dark: #fff; --cui-emphasis-color-rgb-dark: 255, 255, 255; --cui-secondary-color-dark: rgba(255, 255, 255, 0.6); --cui-secondary-color-rgb-dark: 255, 255, 255; --cui-secondary-bg-dark: #323a49; --cui-secondary-bg-rgb-dark: 50, 58, 73; --cui-tertiary-color-dark: rgba(255, 255, 255, 0.38); --cui-tertiary-color-rgb-dark: 255, 255, 255; --cui-tertiary-bg-dark: #2a303d; --cui-tertiary-bg-rgb-dark: 42, 48, 61; --cui-high-emphasis: rgba(37, 43, 54, 0.95); --cui-medium-emphasis: rgba(37, 43, 54, 0.681); --cui-disabled: rgba(37, 43, 54, 0.38); --cui-high-emphasis-inverse: rgba(255, 255, 255, 0.87); --cui-medium-emphasis-inverse: rgba(255, 255, 255, 0.6); --cui-disabled-inverse: rgba(255, 255, 255, 0.38); --cui-heading-color: inherit; --cui-link-color: #5856d6; --cui-link-color-rgb: 88, 86, 214; --cui-link-decoration: underline; --cui-link-hover-color: #4645ab; --cui-link-hover-color-rgb: 70, 69, 171; --cui-code-color: #d63384; --cui-highlight-color: rgba(37, 43, 54, 0.95); --cui-highlight-bg: #fff3cd; --cui-border-width: 1px; --cui-border-style: solid; --cui-border-color: #dbdfe6; --cui-border-color-translucent: rgba(8, 10, 12, 0.175); --cui-border-radius: 0.375rem; --cui-border-radius-sm: 0.25rem; --cui-border-radius-lg: 0.5rem; --cui-border-radius-xl: 1rem; --cui-border-radius-xxl: 2rem; --cui-border-radius-2xl: var(--cui-border-radius-xxl); --cui-border-radius-pill: 50rem; --cui-box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15); --cui-box-shadow-sm: 0 0.125rem 0.25rem rgba(8, 10, 12, 0.075); --cui-box-shadow-lg: 0 1rem 3rem rgba(8, 10, 12, 0.175); --cui-box-shadow-inset: inset 0 1px 2px rgba(8, 10, 12, 0.075); --cui-focus-ring-width: 0.25rem; --cui-focus-ring-opacity: 0.25; --cui-focus-ring-color: rgba(88, 86, 214, 0.25); --cui-form-valid-color: #1b9e3e; --cui-form-valid-border-color: #1b9e3e; --cui-form-invalid-color: #e55353; --cui-form-invalid-border-color: #e55353; } [data-coreui-theme=dark] { color-scheme: dark; --cui-body-color: rgba(255, 255, 255, 0.87); --cui-body-color-rgb: 255, 255, 255; --cui-body-bg: #212631; --cui-body-bg-rgb: 33, 38, 49; --cui-emphasis-color: #fff; --cui-emphasis-color-rgb: 255, 255, 255; --cui-secondary-color: rgba(255, 255, 255, 0.6); --cui-secondary-color-rgb: 255, 255, 255; --cui-secondary-bg: #323a49; --cui-secondary-bg-rgb: 50, 58, 73; --cui-tertiary-color: rgba(255, 255, 255, 0.38); --cui-tertiary-color-rgb: 255, 255, 255; --cui-tertiary-bg: #2a303d; --cui-tertiary-bg-rgb: 42, 48, 61; --cui-high-emphasis: rgba(255, 255, 255, 0.87); --cui-medium-emphasis: rgba(255, 255, 255, 0.6); --cui-disabled: rgba(255, 255, 255, 0.38); --cui-primary: #6261cc; --cui-secondary: #6b7785; --cui-success: #249542; --cui-info: #3d99f5; --cui-warning: #edad21; --cui-danger: #db5d5d; --cui-light: #f3f4f7; --cui-dark: #212631; --cui-gray-100: #f3f4f7; --cui-gray-200: #e7eaee; --cui-gray-300: #dbdfe6; --cui-gray-400: #cfd4de; --cui-gray-500: #aab3c5; --cui-gray-600: #6d7d9c; --cui-gray-700: #4a566d; --cui-gray-800: #323a49; --cui-gray-900: #212631; --cui-primary-rgb: 98, 97, 204; --cui-secondary-rgb: 107, 119, 133; --cui-success-rgb: 36, 149, 66; --cui-info-rgb: 61, 153, 245; --cui-warning-rgb: 237, 173, 33; --cui-danger-rgb: 219, 93, 93; --cui-light-rgb: 243, 244, 247; --cui-dark-rgb: 33, 38, 49; --cui-primary-text-emphasis: #403f98; --cui-secondary-text-emphasis: #212233; --cui-success-text-emphasis: #145224; --cui-info-text-emphasis: #1f4b70; --cui-warning-text-emphasis: #70460b; --cui-danger-text-emphasis: #611a1a; --cui-light-text-emphasis: #f3f4f7; --cui-dark-text-emphasis: #dbdfe6; --cui-primary-bg-subtle: #cfc7f3; --cui-secondary-bg-subtle: #ced2d8; --cui-success-bg-subtle: #cbedd6; --cui-info-bg-subtle: #c0e6ff; --cui-warning-bg-subtle: #feecc5; --cui-danger-bg-subtle: #f9d4d4; --cui-light-bg-subtle: #323a49; --cui-dark-bg-subtle: #1d222b; --cui-primary-border-subtle: #9d92e6; --cui-secondary-border-subtle: #9da5b1; --cui-success-border-subtle: #96dbad; --cui-info-border-subtle: #80c6ff; --cui-warning-border-subtle: #fcd88a; --cui-danger-border-subtle: #f2a9a9; --cui-light-border-subtle: #4a566d; --cui-dark-border-subtle: #323a49; --cui-heading-color: inherit; --cui-link-color: #6261cc; --cui-link-hover-color: #8181d6; --cui-link-color-rgb: 98, 97, 204; --cui-link-hover-color-rgb: 129, 129, 214; --cui-code-color: #e685b5; --cui-highlight-color: rgba(255, 255, 255, 0.87); --cui-highlight-bg: #664d03; --cui-border-color: #323a49; --cui-border-color-translucent: rgba(255, 255, 255, 0.1); --cui-form-valid-color: #75b798; --cui-form-valid-border-color: #75b798; --cui-form-invalid-color: #ea868f; --cui-form-invalid-border-color: #ea868f; } *, *::before, *::after { box-sizing: border-box; } @media (prefers-reduced-motion: no-preference) { :root { scroll-behavior: smooth; } } body { margin: 0; font-family: var(--cui-body-font-family); font-size: var(--cui-body-font-size); font-weight: var(--cui-body-font-weight); line-height: var(--cui-body-line-height); color: var(--cui-body-color); text-align: var(--cui-body-text-align); background-color: var(--cui-body-bg); -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(8, 10, 12, 0); } hr { margin: 1rem 0; color: inherit; border: 0; border-top: var(--cui-border-width) solid; opacity: 0.25; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { margin-top: 0; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; color: var(--cui-heading-color); } h1, .h1 { font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { h1, .h1 { font-size: 2.5rem; } } h2, .h2 { font-size: calc(1.325rem + 0.9vw); } @media (min-width: 1200px) { h2, .h2 { font-size: 2rem; } } h3, .h3 { font-size: calc(1.3rem + 0.6vw); } @media (min-width: 1200px) { h3, .h3 { font-size: 1.75rem; } } h4, .h4 { font-size: calc(1.275rem + 0.3vw); } @media (min-width: 1200px) { h4, .h4 { font-size: 1.5rem; } } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; } html:not([dir=rtl]) dd { margin-left: 0; } *[dir=rtl] dd { margin-right: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small, .small { font-size: 0.875em; } mark, .mark { padding: 0.1875em; color: var(--cui-highlight-color); background-color: var(--cui-highlight-bg); } sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: rgba(var(--cui-link-color-rgb), var(--cui-link-opacity, 1)); text-decoration: underline; } a:hover { --cui-link-color-rgb: var(--cui-link-hover-color-rgb); } a:not([href]):not([class]), a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: var(--cui-font-monospace); font-size: 1em; } pre { display: block; margin-top: 0; margin-bottom: 1rem; overflow: auto; font-size: 0.875em; color: var(--cui-pre-color, ); } pre code { font-size: inherit; color: inherit; word-break: normal; } code { font-size: 0.875em; color: var(--cui-code-color); word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.1875rem 0.375rem; font-size: 0.875em; color: var(--cui-kbd-color, var(--cui-body-bg)); background-color: var(--cui-kbd-bg, var(--cui-body-color)); border-radius: 0.25rem; } kbd kbd { padding: 0; font-size: 1em; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { caption-side: bottom; border-collapse: collapse; } caption { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--cui-table-caption-color, var(--cui-secondary-color)); } html:not([dir=rtl]) caption { text-align: left; } *[dir=rtl] caption { text-align: right; } th { text-align: inherit; text-align: -webkit-match-parent; } thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0; } label { display: inline-block; } button { border-radius: 0; } button:focus:not(:focus-visible) { outline: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } [role=button] { cursor: pointer; } select { word-wrap: normal; } select:disabled { opacity: 1; } [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { display: none !important; } button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) { cursor: pointer; } ::-moz-focus-inner { padding: 0; border-style: none; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { width: 100%; padding: 0; margin-bottom: 0.5rem; line-height: inherit; font-size: calc(1.275rem + 0.3vw); } html:not([dir=rtl]) legend { float: left; } *[dir=rtl] legend { float: right; } @media (min-width: 1200px) { legend { font-size: 1.5rem; } } legend + * { clear: left; } ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-year-field { padding: 0; } ::-webkit-inner-spin-button { height: auto; } [type=search] { -webkit-appearance: textfield; outline-offset: -2px; } *[dir=rtl] [type=tel], *[dir=rtl] [type=url], *[dir=rtl] [type=email], *[dir=rtl] [type=number] { direction: ltr; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { padding: 0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } iframe { border: 0; } summary { display: list-item; cursor: pointer; } progress { vertical-align: baseline; } [hidden] { display: none !important; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-weight: 300; line-height: 1.2; font-size: calc(1.625rem + 4.5vw); } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-weight: 300; line-height: 1.2; font-size: calc(1.575rem + 3.9vw); } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-weight: 300; line-height: 1.2; font-size: calc(1.525rem + 3.3vw); } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-weight: 300; line-height: 1.2; font-size: calc(1.475rem + 2.7vw); } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-weight: 300; line-height: 1.2; font-size: calc(1.425rem + 2.1vw); } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-weight: 300; line-height: 1.2; font-size: calc(1.375rem + 1.5vw); } @media (min-width: 1200px) { .display-6 { font-size: 2.5rem; } } .list-unstyled { list-style: none; } html:not([dir=rtl]) .list-unstyled { padding-left: 0; } *[dir=rtl] .list-unstyled { padding-right: 0; } .list-inline { list-style: none; } html:not([dir=rtl]) .list-inline { padding-left: 0; } *[dir=rtl] .list-inline { padding-right: 0; } .list-inline-item { display: inline-block; } html:not([dir=rtl]) .list-inline-item:not(:last-child) { margin-right: 0.5rem; } *[dir=rtl] .list-inline-item:not(:last-child) { margin-left: 0.5rem; } .initialism { font-size: 0.875em; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote > :last-child { margin-bottom: 0; } .blockquote-footer { margin-top: -1rem; margin-bottom: 1rem; font-size: 0.875em; color: #6d7d9c; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-thumbnail { padding: 0.25rem; background-color: var(--cui-thumbnail-bg, var(--cui-body-bg)); border: var(--cui-border-width) solid var(--cui-thumbnail-border-color, var(--cui-border-color)); border-radius: var(--cui-border-radius); max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 0.875em; color: var(--cui-figure-caption-color, var(--cui-secondary-color)); } .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --cui-gutter-x: 1.5rem; --cui-gutter-y: 0; width: 100%; padding-right: calc(var(--cui-gutter-x) * 0.5); padding-left: calc(var(--cui-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container-sm, .container { max-width: 100%; } } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 100%; } } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 100%; } } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 100%; } } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 100%; } } :root { --cui-breakpoint-xs: 0; --cui-breakpoint-sm: 576px; --cui-breakpoint-md: 768px; --cui-breakpoint-lg: 992px; --cui-breakpoint-xl: 1200px; --cui-breakpoint-xxl: 1400px; --cui-mobile-breakpoint: lg; } .row { --cui-gutter-x: 1.5rem; --cui-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(-1 * var(--cui-gutter-y)); margin-right: calc(-0.5 * var(--cui-gutter-x)); margin-left: calc(-0.5 * var(--cui-gutter-x)); } .row > * { flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--cui-gutter-x) * 0.5); padding-left: calc(var(--cui-gutter-x) * 0.5); margin-top: var(--cui-gutter-y); } .col { flex: 1 0 0%; } .row-cols-auto > * { flex: 0 0 auto; width: auto; } .row-cols-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-auto { flex: 0 0 auto; width: auto; } .col-1 { flex: 0 0 auto; width: 8.33333333%; } .col-2 { flex: 0 0 auto; width: 16.66666667%; } .col-3 { flex: 0 0 auto; width: 25%; } .col-4 { flex: 0 0 auto; width: 33.33333333%; } .col-5 { flex: 0 0 auto; width: 41.66666667%; } .col-6 { flex: 0 0 auto; width: 50%; } .col-7 { flex: 0 0 auto; width: 58.33333333%; } .col-8 { flex: 0 0 auto; width: 66.66666667%; } .col-9 { flex: 0 0 auto; width: 75%; } .col-10 { flex: 0 0 auto; width: 83.33333333%; } .col-11 { flex: 0 0 auto; width: 91.66666667%; } .col-12 { flex: 0 0 auto; width: 100%; } html:not([dir=rtl]) .offset-1 { margin-left: 8.33333333%; } *[dir=rtl] .offset-1 { margin-right: 8.33333333%; } html:not([dir=rtl]) .offset-2 { margin-left: 16.66666667%; } *[dir=rtl] .offset-2 { margin-right: 16.66666667%; } html:not([dir=rtl]) .offset-3 { margin-left: 25%; } *[dir=rtl] .offset-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-4 { margin-left: 33.33333333%; } *[dir=rtl] .offset-4 { margin-right: 33.33333333%; } html:not([dir=rtl]) .offset-5 { margin-left: 41.66666667%; } *[dir=rtl] .offset-5 { margin-right: 41.66666667%; } html:not([dir=rtl]) .offset-6 { margin-left: 50%; } *[dir=rtl] .offset-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-7 { margin-left: 58.33333333%; } *[dir=rtl] .offset-7 { margin-right: 58.33333333%; } html:not([dir=rtl]) .offset-8 { margin-left: 66.66666667%; } *[dir=rtl] .offset-8 { margin-right: 66.66666667%; } html:not([dir=rtl]) .offset-9 { margin-left: 75%; } *[dir=rtl] .offset-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-10 { margin-left: 83.33333333%; } *[dir=rtl] .offset-10 { margin-right: 83.33333333%; } html:not([dir=rtl]) .offset-11 { margin-left: 91.66666667%; } *[dir=rtl] .offset-11 { margin-right: 91.66666667%; } .g-0, .gx-0 { --cui-gutter-x: 0; } .g-0, .gy-0 { --cui-gutter-y: 0; } .g-1, .gx-1 { --cui-gutter-x: 0.25rem; } .g-1, .gy-1 { --cui-gutter-y: 0.25rem; } .g-2, .gx-2 { --cui-gutter-x: 0.5rem; } .g-2, .gy-2 { --cui-gutter-y: 0.5rem; } .g-3, .gx-3 { --cui-gutter-x: 1rem; } .g-3, .gy-3 { --cui-gutter-y: 1rem; } .g-4, .gx-4 { --cui-gutter-x: 1.5rem; } .g-4, .gy-4 { --cui-gutter-y: 1.5rem; } .g-5, .gx-5 { --cui-gutter-x: 3rem; } .g-5, .gy-5 { --cui-gutter-y: 3rem; } @media (min-width: 576px) { .col-sm { flex: 1 0 0%; } .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-sm-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-sm-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-sm-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-sm-auto { flex: 0 0 auto; width: auto; } .col-sm-1 { flex: 0 0 auto; width: 8.33333333%; } .col-sm-2 { flex: 0 0 auto; width: 16.66666667%; } .col-sm-3 { flex: 0 0 auto; width: 25%; } .col-sm-4 { flex: 0 0 auto; width: 33.33333333%; } .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } .col-sm-6 { flex: 0 0 auto; width: 50%; } .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } .col-sm-9 { flex: 0 0 auto; width: 75%; } .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } .col-sm-12 { flex: 0 0 auto; width: 100%; } html:not([dir=rtl]) .offset-sm-0 { margin-left: 0; } *[dir=rtl] .offset-sm-0 { margin-right: 0; } html:not([dir=rtl]) .offset-sm-1 { margin-left: 8.33333333%; } *[dir=rtl] .offset-sm-1 { margin-right: 8.33333333%; } html:not([dir=rtl]) .offset-sm-2 { margin-left: 16.66666667%; } *[dir=rtl] .offset-sm-2 { margin-right: 16.66666667%; } html:not([dir=rtl]) .offset-sm-3 { margin-left: 25%; } *[dir=rtl] .offset-sm-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-sm-4 { margin-left: 33.33333333%; } *[dir=rtl] .offset-sm-4 { margin-right: 33.33333333%; } html:not([dir=rtl]) .offset-sm-5 { margin-left: 41.66666667%; } *[dir=rtl] .offset-sm-5 { margin-right: 41.66666667%; } html:not([dir=rtl]) .offset-sm-6 { margin-left: 50%; } *[dir=rtl] .offset-sm-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-sm-7 { margin-left: 58.33333333%; } *[dir=rtl] .offset-sm-7 { margin-right: 58.33333333%; } html:not([dir=rtl]) .offset-sm-8 { margin-left: 66.66666667%; } *[dir=rtl] .offset-sm-8 { margin-right: 66.66666667%; } html:not([dir=rtl]) .offset-sm-9 { margin-left: 75%; } *[dir=rtl] .offset-sm-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-sm-10 { margin-left: 83.33333333%; } *[dir=rtl] .offset-sm-10 { margin-right: 83.33333333%; } html:not([dir=rtl]) .offset-sm-11 { margin-left: 91.66666667%; } *[dir=rtl] .offset-sm-11 { margin-right: 91.66666667%; } .g-sm-0, .gx-sm-0 { --cui-gutter-x: 0; } .g-sm-0, .gy-sm-0 { --cui-gutter-y: 0; } .g-sm-1, .gx-sm-1 { --cui-gutter-x: 0.25rem; } .g-sm-1, .gy-sm-1 { --cui-gutter-y: 0.25rem; } .g-sm-2, .gx-sm-2 { --cui-gutter-x: 0.5rem; } .g-sm-2, .gy-sm-2 { --cui-gutter-y: 0.5rem; } .g-sm-3, .gx-sm-3 { --cui-gutter-x: 1rem; } .g-sm-3, .gy-sm-3 { --cui-gutter-y: 1rem; } .g-sm-4, .gx-sm-4 { --cui-gutter-x: 1.5rem; } .g-sm-4, .gy-sm-4 { --cui-gutter-y: 1.5rem; } .g-sm-5, .gx-sm-5 { --cui-gutter-x: 3rem; } .g-sm-5, .gy-sm-5 { --cui-gutter-y: 3rem; } } @media (min-width: 768px) { .col-md { flex: 1 0 0%; } .row-cols-md-auto > * { flex: 0 0 auto; width: auto; } .row-cols-md-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-md-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-md-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-md-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-md-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-md-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-md-auto { flex: 0 0 auto; width: auto; } .col-md-1 { flex: 0 0 auto; width: 8.33333333%; } .col-md-2 { flex: 0 0 auto; width: 16.66666667%; } .col-md-3 { flex: 0 0 auto; width: 25%; } .col-md-4 { flex: 0 0 auto; width: 33.33333333%; } .col-md-5 { flex: 0 0 auto; width: 41.66666667%; } .col-md-6 { flex: 0 0 auto; width: 50%; } .col-md-7 { flex: 0 0 auto; width: 58.33333333%; } .col-md-8 { flex: 0 0 auto; width: 66.66666667%; } .col-md-9 { flex: 0 0 auto; width: 75%; } .col-md-10 { flex: 0 0 auto; width: 83.33333333%; } .col-md-11 { flex: 0 0 auto; width: 91.66666667%; } .col-md-12 { flex: 0 0 auto; width: 100%; } html:not([dir=rtl]) .offset-md-0 { margin-left: 0; } *[dir=rtl] .offset-md-0 { margin-right: 0; } html:not([dir=rtl]) .offset-md-1 { margin-left: 8.33333333%; } *[dir=rtl] .offset-md-1 { margin-right: 8.33333333%; } html:not([dir=rtl]) .offset-md-2 { margin-left: 16.66666667%; } *[dir=rtl] .offset-md-2 { margin-right: 16.66666667%; } html:not([dir=rtl]) .offset-md-3 { margin-left: 25%; } *[dir=rtl] .offset-md-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-md-4 { margin-left: 33.33333333%; } *[dir=rtl] .offset-md-4 { margin-right: 33.33333333%; } html:not([dir=rtl]) .offset-md-5 { margin-left: 41.66666667%; } *[dir=rtl] .offset-md-5 { margin-right: 41.66666667%; } html:not([dir=rtl]) .offset-md-6 { margin-left: 50%; } *[dir=rtl] .offset-md-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-md-7 { margin-left: 58.33333333%; } *[dir=rtl] .offset-md-7 { margin-right: 58.33333333%; } html:not([dir=rtl]) .offset-md-8 { margin-left: 66.66666667%; } *[dir=rtl] .offset-md-8 { margin-right: 66.66666667%; } html:not([dir=rtl]) .offset-md-9 { margin-left: 75%; } *[dir=rtl] .offset-md-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-md-10 { margin-left: 83.33333333%; } *[dir=rtl] .offset-md-10 { margin-right: 83.33333333%; } html:not([dir=rtl]) .offset-md-11 { margin-left: 91.66666667%; } *[dir=rtl] .offset-md-11 { margin-right: 91.66666667%; } .g-md-0, .gx-md-0 { --cui-gutter-x: 0; } .g-md-0, .gy-md-0 { --cui-gutter-y: 0; } .g-md-1, .gx-md-1 { --cui-gutter-x: 0.25rem; } .g-md-1, .gy-md-1 { --cui-gutter-y: 0.25rem; } .g-md-2, .gx-md-2 { --cui-gutter-x: 0.5rem; } .g-md-2, .gy-md-2 { --cui-gutter-y: 0.5rem; } .g-md-3, .gx-md-3 { --cui-gutter-x: 1rem; } .g-md-3, .gy-md-3 { --cui-gutter-y: 1rem; } .g-md-4, .gx-md-4 { --cui-gutter-x: 1.5rem; } .g-md-4, .gy-md-4 { --cui-gutter-y: 1.5rem; } .g-md-5, .gx-md-5 { --cui-gutter-x: 3rem; } .g-md-5, .gy-md-5 { --cui-gutter-y: 3rem; } } @media (min-width: 992px) { .col-lg { flex: 1 0 0%; } .row-cols-lg-auto > * { flex: 0 0 auto; width: auto; } .row-cols-lg-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-lg-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-lg-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-lg-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-lg-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-lg-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-lg-auto { flex: 0 0 auto; width: auto; } .col-lg-1 { flex: 0 0 auto; width: 8.33333333%; } .col-lg-2 { flex: 0 0 auto; width: 16.66666667%; } .col-lg-3 { flex: 0 0 auto; width: 25%; } .col-lg-4 { flex: 0 0 auto; width: 33.33333333%; } .col-lg-5 { flex: 0 0 auto; width: 41.66666667%; } .col-lg-6 { flex: 0 0 auto; width: 50%; } .col-lg-7 { flex: 0 0 auto; width: 58.33333333%; } .col-lg-8 { flex: 0 0 auto; width: 66.66666667%; } .col-lg-9 { flex: 0 0 auto; width: 75%; } .col-lg-10 { flex: 0 0 auto; width: 83.33333333%; } .col-lg-11 { flex: 0 0 auto; width: 91.66666667%; } .col-lg-12 { flex: 0 0 auto; width: 100%; } html:not([dir=rtl]) .offset-lg-0 { margin-left: 0; } *[dir=rtl] .offset-lg-0 { margin-right: 0; } html:not([dir=rtl]) .offset-lg-1 { margin-left: 8.33333333%; } *[dir=rtl] .offset-lg-1 { margin-right: 8.33333333%; } html:not([dir=rtl]) .offset-lg-2 { margin-left: 16.66666667%; } *[dir=rtl] .offset-lg-2 { margin-right: 16.66666667%; } html:not([dir=rtl]) .offset-lg-3 { margin-left: 25%; } *[dir=rtl] .offset-lg-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-lg-4 { margin-left: 33.33333333%; } *[dir=rtl] .offset-lg-4 { margin-right: 33.33333333%; } html:not([dir=rtl]) .offset-lg-5 { margin-left: 41.66666667%; } *[dir=rtl] .offset-lg-5 { margin-right: 41.66666667%; } html:not([dir=rtl]) .offset-lg-6 { margin-left: 50%; } *[dir=rtl] .offset-lg-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-lg-7 { margin-left: 58.33333333%; } *[dir=rtl] .offset-lg-7 { margin-right: 58.33333333%; } html:not([dir=rtl]) .offset-lg-8 { margin-left: 66.66666667%; } *[dir=rtl] .offset-lg-8 { margin-right: 66.66666667%; } html:not([dir=rtl]) .offset-lg-9 { margin-left: 75%; } *[dir=rtl] .offset-lg-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-lg-10 { margin-left: 83.33333333%; } *[dir=rtl] .offset-lg-10 { margin-right: 83.33333333%; } html:not([dir=rtl]) .offset-lg-11 { margin-left: 91.66666667%; } *[dir=rtl] .offset-lg-11 { margin-right: 91.66666667%; } .g-lg-0, .gx-lg-0 { --cui-gutter-x: 0; } .g-lg-0, .gy-lg-0 { --cui-gutter-y: 0; } .g-lg-1, .gx-lg-1 { --cui-gutter-x: 0.25rem; } .g-lg-1, .gy-lg-1 { --cui-gutter-y: 0.25rem; } .g-lg-2, .gx-lg-2 { --cui-gutter-x: 0.5rem; } .g-lg-2, .gy-lg-2 { --cui-gutter-y: 0.5rem; } .g-lg-3, .gx-lg-3 { --cui-gutter-x: 1rem; } .g-lg-3, .gy-lg-3 { --cui-gutter-y: 1rem; } .g-lg-4, .gx-lg-4 { --cui-gutter-x: 1.5rem; } .g-lg-4, .gy-lg-4 { --cui-gutter-y: 1.5rem; } .g-lg-5, .gx-lg-5 { --cui-gutter-x: 3rem; } .g-lg-5, .gy-lg-5 { --cui-gutter-y: 3rem; } } @media (min-width: 1200px) { .col-xl { flex: 1 0 0%; } .row-cols-xl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xl-auto { flex: 0 0 auto; width: auto; } .col-xl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xl-3 { flex: 0 0 auto; width: 25%; } .col-xl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xl-6 { flex: 0 0 auto; width: 50%; } .col-xl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xl-9 { flex: 0 0 auto; width: 75%; } .col-xl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xl-12 { flex: 0 0 auto; width: 100%; } html:not([dir=rtl]) .offset-xl-0 { margin-left: 0; } *[dir=rtl] .offset-xl-0 { margin-right: 0; } html:not([dir=rtl]) .offset-xl-1 { margin-left: 8.33333333%; } *[dir=rtl] .offset-xl-1 { margin-right: 8.33333333%; } html:not([dir=rtl]) .offset-xl-2 { margin-left: 16.66666667%; } *[dir=rtl] .offset-xl-2 { margin-right: 16.66666667%; } html:not([dir=rtl]) .offset-xl-3 { margin-left: 25%; } *[dir=rtl] .offset-xl-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-xl-4 { margin-left: 33.33333333%; } *[dir=rtl] .offset-xl-4 { margin-right: 33.33333333%; } html:not([dir=rtl]) .offset-xl-5 { margin-left: 41.66666667%; } *[dir=rtl] .offset-xl-5 { margin-right: 41.66666667%; } html:not([dir=rtl]) .offset-xl-6 { margin-left: 50%; } *[dir=rtl] .offset-xl-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-xl-7 { margin-left: 58.33333333%; } *[dir=rtl] .offset-xl-7 { margin-right: 58.33333333%; } html:not([dir=rtl]) .offset-xl-8 { margin-left: 66.66666667%; } *[dir=rtl] .offset-xl-8 { margin-right: 66.66666667%; } html:not([dir=rtl]) .offset-xl-9 { margin-left: 75%; } *[dir=rtl] .offset-xl-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-xl-10 { margin-left: 83.33333333%; } *[dir=rtl] .offset-xl-10 { margin-right: 83.33333333%; } html:not([dir=rtl]) .offset-xl-11 { margin-left: 91.66666667%; } *[dir=rtl] .offset-xl-11 { margin-right: 91.66666667%; } .g-xl-0, .gx-xl-0 { --cui-gutter-x: 0; } .g-xl-0, .gy-xl-0 { --cui-gutter-y: 0; } .g-xl-1, .gx-xl-1 { --cui-gutter-x: 0.25rem; } .g-xl-1, .gy-xl-1 { --cui-gutter-y: 0.25rem; } .g-xl-2, .gx-xl-2 { --cui-gutter-x: 0.5rem; } .g-xl-2, .gy-xl-2 { --cui-gutter-y: 0.5rem; } .g-xl-3, .gx-xl-3 { --cui-gutter-x: 1rem; } .g-xl-3, .gy-xl-3 { --cui-gutter-y: 1rem; } .g-xl-4, .gx-xl-4 { --cui-gutter-x: 1.5rem; } .g-xl-4, .gy-xl-4 { --cui-gutter-y: 1.5rem; } .g-xl-5, .gx-xl-5 { --cui-gutter-x: 3rem; } .g-xl-5, .gy-xl-5 { --cui-gutter-y: 3rem; } } @media (min-width: 1400px) { .col-xxl { flex: 1 0 0%; } .row-cols-xxl-auto > * { flex: 0 0 auto; width: auto; } .row-cols-xxl-1 > * { flex: 0 0 auto; width: 100%; } .row-cols-xxl-2 > * { flex: 0 0 auto; width: 50%; } .row-cols-xxl-3 > * { flex: 0 0 auto; width: 33.33333333%; } .row-cols-xxl-4 > * { flex: 0 0 auto; width: 25%; } .row-cols-xxl-5 > * { flex: 0 0 auto; width: 20%; } .row-cols-xxl-6 > * { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-auto { flex: 0 0 auto; width: auto; } .col-xxl-1 { flex: 0 0 auto; width: 8.33333333%; } .col-xxl-2 { flex: 0 0 auto; width: 16.66666667%; } .col-xxl-3 { flex: 0 0 auto; width: 25%; } .col-xxl-4 { flex: 0 0 auto; width: 33.33333333%; } .col-xxl-5 { flex: 0 0 auto; width: 41.66666667%; } .col-xxl-6 { flex: 0 0 auto; width: 50%; } .col-xxl-7 { flex: 0 0 auto; width: 58.33333333%; } .col-xxl-8 { flex: 0 0 auto; width: 66.66666667%; } .col-xxl-9 { flex: 0 0 auto; width: 75%; } .col-xxl-10 { flex: 0 0 auto; width: 83.33333333%; } .col-xxl-11 { flex: 0 0 auto; width: 91.66666667%; } .col-xxl-12 { flex: 0 0 auto; width: 100%; } html:not([dir=rtl]) .offset-xxl-0 { margin-left: 0; } *[dir=rtl] .offset-xxl-0 { margin-right: 0; } html:not([dir=rtl]) .offset-xxl-1 { margin-left: 8.33333333%; } *[dir=rtl] .offset-xxl-1 { margin-right: 8.33333333%; } html:not([dir=rtl]) .offset-xxl-2 { margin-left: 16.66666667%; } *[dir=rtl] .offset-xxl-2 { margin-right: 16.66666667%; } html:not([dir=rtl]) .offset-xxl-3 { margin-left: 25%; } *[dir=rtl] .offset-xxl-3 { margin-right: 25%; } html:not([dir=rtl]) .offset-xxl-4 { margin-left: 33.33333333%; } *[dir=rtl] .offset-xxl-4 { margin-right: 33.33333333%; } html:not([dir=rtl]) .offset-xxl-5 { margin-left: 41.66666667%; } *[dir=rtl] .offset-xxl-5 { margin-right: 41.66666667%; } html:not([dir=rtl]) .offset-xxl-6 { margin-left: 50%; } *[dir=rtl] .offset-xxl-6 { margin-right: 50%; } html:not([dir=rtl]) .offset-xxl-7 { margin-left: 58.33333333%; } *[dir=rtl] .offset-xxl-7 { margin-right: 58.33333333%; } html:not([dir=rtl]) .offset-xxl-8 { margin-left: 66.66666667%; } *[dir=rtl] .offset-xxl-8 { margin-right: 66.66666667%; } html:not([dir=rtl]) .offset-xxl-9 { margin-left: 75%; } *[dir=rtl] .offset-xxl-9 { margin-right: 75%; } html:not([dir=rtl]) .offset-xxl-10 { margin-left: 83.33333333%; } *[dir=rtl] .offset-xxl-10 { margin-right: 83.33333333%; } html:not([dir=rtl]) .offset-xxl-11 { margin-left: 91.66666667%; } *[dir=rtl] .offset-xxl-11 { margin-right: 91.66666667%; } .g-xxl-0, .gx-xxl-0 { --cui-gutter-x: 0; } .g-xxl-0, .gy-xxl-0 { --cui-gutter-y: 0; } .g-xxl-1, .gx-xxl-1 { --cui-gutter-x: 0.25rem; } .g-xxl-1, .gy-xxl-1 { --cui-gutter-y: 0.25rem; } .g-xxl-2, .gx-xxl-2 { --cui-gutter-x: 0.5rem; } .g-xxl-2, .gy-xxl-2 { --cui-gutter-y: 0.5rem; } .g-xxl-3, .gx-xxl-3 { --cui-gutter-x: 1rem; } .g-xxl-3, .gy-xxl-3 { --cui-gutter-y: 1rem; } .g-xxl-4, .gx-xxl-4 { --cui-gutter-x: 1.5rem; } .g-xxl-4, .gy-xxl-4 { --cui-gutter-y: 1.5rem; } .g-xxl-5, .gx-xxl-5 { --cui-gutter-x: 3rem; } .g-xxl-5, .gy-xxl-5 { --cui-gutter-y: 3rem; } } .table { --cui-table-color-type: initial; --cui-table-bg-type: initial; --cui-table-color-state: initial; --cui-table-bg-state: initial; --cui-table-color: var(--cui-emphasis-color); --cui-table-bg: var(--cui-body-bg); --cui-table-border-color: var(--cui-border-color); --cui-table-accent-bg: transparent; --cui-table-striped-color: var(--cui-emphasis-color); --cui-table-striped-bg: rgba(var(--cui-emphasis-color-rgb), 0.05); --cui-table-active-color: #ECEEF0; --cui-table-active-bg: rgba(var(--cui-emphasis-color-rgb), 0.1); --cui-table-hover-color: var(--cui-emphasis-color); --cui-table-hover-bg: rgba(var(--cui-emphasis-color-rgb), 0.075); width: 100%; margin-bottom: 1rem; vertical-align: top; border-color: var(--cui-table-border-color); } .table > :not(caption) > * > * { padding: 0.5rem 0.5rem; color: var(--cui-table-color-state, var(--cui-table-color-type, var(--cui-table-color))); background-color: var(--cui-table-bg); border-bottom-width: var(--cui-border-width); box-shadow: inset 0 0 0 9999px var(--cui-table-bg-state, var(--cui-table-bg-type, var(--cui-table-accent-bg))); } .table > tbody { vertical-align: inherit; } .table > thead { vertical-align: bottom; } .table-group-divider { border-top: calc(var(--cui-border-width) * 2) solid currentcolor; } .caption-top { caption-side: top; } .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem; } .table-bordered > :not(caption) > * { border-width: var(--cui-border-width) 0; } .table-bordered > :not(caption) > * > * { border-width: 0 var(--cui-border-width); } .table-borderless > :not(caption) > * > * { border-bottom-width: 0; } .table-borderless > :not(:first-child) { border-top-width: 0; } .table-striped > tbody > tr:nth-of-type(odd) > * { --cui-table-color-type: var(--cui-table-striped-color); --cui-table-bg-type: var(--cui-table-striped-bg); } .table-striped-columns > :not(caption) > tr > :nth-child(even) { --cui-table-color-type: var(--cui-table-striped-color); --cui-table-bg-type: var(--cui-table-striped-bg); } .table-active { --cui-table-color-state: var(--cui-table-active-color); --cui-table-bg-state: var(--cui-table-active-bg); } .table-hover > tbody > tr:hover > * { --cui-table-color-state: var(--cui-table-hover-color); --cui-table-bg-state: var(--cui-table-hover-bg); } .table-primary { --cui-table-color: #080a0c; --cui-table-bg: #deddf7; --cui-table-border-color: #b3b3c8; --cui-table-striped-bg: #d3d2eb; --cui-table-striped-color: #080a0c; --cui-table-active-bg: #c9c8e0; --cui-table-active-color: #080a0c; --cui-table-hover-bg: #cecde5; --cui-table-hover-color: #080a0c; color: var(--cui-table-color); border-color: var(--cui-table-border-color); } .table-secondary { --cui-table-color: #080a0c; --cui-table-bg: #e1e4e7; --cui-table-border-color: #b6b8bb; --cui-table-striped-bg: #d6d9dc; --cui-table-striped-color: #080a0c; --cui-table-active-bg: #cbced1; --cui-table-active-color: #080a0c; --cui-table-hover-bg: #d1d4d7; --cui-table-hover-color: #080a0c; color: var(--cui-table-color); border-color: var(--cui-table-border-color); } .table-success { --cui-table-color: #080a0c; --cui-table-bg: #d1ecd8; --cui-table-border-color: #a9bfaf; --cui-table-striped-bg: #c7e1ce; --cui-table-striped-color: #080a0c; --cui-table-active-bg: #bdd5c4; --cui-table-active-color: #080a0c; --cui-table-hover-bg: #c2dbc9; --cui-table-hover-color: #080a0c; color: var(--cui-table-color); border-color: var(--cui-table-border-color); } .table-info { --cui-table-color: #080a0c; --cui-table-bg: #d6ebff; --cui-table-border-color: #adbece; --cui-table-striped-bg: #cce0f3; --cui-table-striped-color: #080a0c; --cui-table-active-bg: #c1d5e7; --cui-table-active-color: #080a0c; --cui-table-hover-bg: #c7daed; --cui-table-hover-color: #080a0c; color: var(--cui-table-color); border-color: var(--cui-table-border-color); } .table-warning { --cui-table-color: #080a0c; --cui-table-bg: #feefd0; --cui-table-border-color: #cdc1a9; --cui-table-striped-bg: #f2e4c6; --cui-table-striped-color: #080a0c; --cui-table-active-bg: #e5d8bc; --cui-table-active-color: #080a0c; --cui-table-hover-bg: #ecdec1; --cui-table-hover-color: #080a0c; color: var(--cui-table-color); border-color: var(--cui-table-border-color); } .table-danger { --cui-table-color: #080a0c; --cui-table-bg: #fadddd; --cui-table-border-color: #cab3b3; --cui-table-striped-bg: #eed2d3; --cui-table-striped-color: #080a0c; --cui-table-active-bg: #e2c8c8; --cui-table-active-color: #080a0c; --cui-table-hover-bg: #e8cdcd; --cui-table-hover-color: #080a0c; color: var(--cui-table-color); border-color: var(--cui-table-border-color); } .table-light { --cui-table-color: #080a0c; --cui-table-bg: #f3f4f7; --cui-table-border-color: #c4c5c8; --cui-table-striped-bg: #e7e8eb; --cui-table-striped-color: #080a0c; --cui-table-active-bg: #dcdde0; --cui-table-active-color: #080a0c; --cui-table-hover-bg: #e1e2e5; --cui-table-hover-color: #080a0c; color: var(--cui-table-color); border-color: var(--cui-table-border-color); } .table-dark { --cui-table-color: #fff; --cui-table-bg: #212631; --cui-table-border-color: #4d515a; --cui-table-striped-bg: #2c313b; --cui-table-striped-color: #fff; --cui-table-active-bg: #373c46; --cui-table-active-color: #fff; --cui-table-hover-bg: #323640; --cui-table-hover-color: #fff; color: var(--cui-table-color); border-color: var(--cui-table-border-color); } .table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; } @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto; -webkit-overflow-scrolling: touch; } } .form-label { margin-bottom: 0.5rem; } .col-form-label { padding-top: calc(0.375rem + var(--cui-border-width)); padding-bottom: calc(0.375rem + var(--cui-border-width)); margin-bottom: 0; font-size: inherit; line-height: 1.5; } .col-form-label-lg { padding-top: calc(0.5rem + var(--cui-border-width)); padding-bottom: calc(0.5rem + var(--cui-border-width)); font-size: 1.25rem; } .col-form-label-sm { padding-top: calc(0.25rem + var(--cui-border-width)); padding-bottom: calc(0.25rem + var(--cui-border-width)); font-size: 0.875rem; } .form-text { margin-top: 0.25rem; font-size: 0.875em; color: var(--cui-secondary-color); } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--cui-body-color); appearance: none; background-color: var(--cui-body-bg); background-clip: padding-box; border: var(--cui-border-width) solid var(--cui-border-color); border-radius: var(--cui-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--cui-body-color); background-color: var(--cui-body-bg); border-color: #acabeb; outline: 0; box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25); } .form-control::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } .form-control::-webkit-datetime-edit { display: block; padding: 0; } .form-control::placeholder { color: var(--cui-input-placeholder-color, var(--cui-secondary-color)); opacity: 1; } .form-control:disabled { background-color: var(--cui-secondary-bg); opacity: 1; } .form-control::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; margin-inline-end: 0.75rem; color: var(--cui-body-color); background-color: var(--cui-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--cui-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none; } } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--cui-secondary-bg); } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; line-height: 1.5; color: var(--cui-body-color); background-color: transparent; border: solid transparent; border-width: var(--cui-border-width) 0; } .form-control-plaintext:focus { outline: 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--cui-border-width) * 2)); padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--cui-border-radius-sm); } .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem; margin: -0.25rem -0.5rem; margin-inline-end: 0.5rem; } .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--cui-border-width) * 2)); padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--cui-border-radius-lg); } .form-control-lg::file-selector-button { padding: 0.5rem 1rem; margin: -0.5rem -1rem; margin-inline-end: 1rem; } textarea.form-control { min-height: calc(1.5em + 0.75rem + calc(var(--cui-border-width) * 2)); } textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--cui-border-width) * 2)); } textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--cui-border-width) * 2)); } .form-control-color { width: 3rem; height: calc(1.5em + 0.75rem + calc(var(--cui-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--cui-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--cui-border-radius); } .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + calc(var(--cui-border-width) * 2)); } .form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--cui-border-width) * 2)); } .form-select { --cui-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23323a49' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); display: block; width: 100%; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--cui-body-color); appearance: none; background-color: var(--cui-body-bg); background-image: var(--cui-form-select-bg-img), var(--cui-form-select-bg-icon, none); background-repeat: no-repeat; background-size: 16px 12px; border: var(--cui-border-width) solid var(--cui-border-color); border-radius: var(--cui-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } html:not([dir=rtl]) .form-select { padding: 0.375rem 2.25rem 0.375rem 0.75rem; } *[dir=rtl] .form-select { padding: 0.375rem 0.75rem 0.375rem 2.25rem; } html:not([dir=rtl]) .form-select { background-position: right 0.75rem center; } *[dir=rtl] .form-select { background-position: left 0.75rem center; } @media (prefers-reduced-motion: reduce) { .form-select { transition: none; } } .form-select:focus { border-color: var(#acabeb); outline: 0; box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25); } .form-select[multiple], .form-select[size]:not([size="1"]) { background-image: none; } html:not([dir=rtl]) .form-select[multiple], html:not([dir=rtl]) .form-select[size]:not([size="1"]) { padding-right: 0.75rem; } *[dir=rtl] .form-select[multiple], *[dir=rtl] .form-select[size]:not([size="1"]) { padding-left: 0.75rem; } .form-select:disabled { background-color: var(--cui-secondary-bg); } .form-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--cui-body-color); } .form-select-sm { padding-top: 0.25rem; padding-bottom: 0.25rem; font-size: 0.875rem; border-radius: var(--cui-border-radius-sm); } html:not([dir=rtl]) .form-select-sm { padding-left: 0.5rem; } *[dir=rtl] .form-select-sm { padding-right: 0.5rem; } .form-select-lg { padding-top: 0.5rem; padding-bottom: 0.5rem; font-size: 1.25rem; border-radius: var(--cui-border-radius-lg); } html:not([dir=rtl]) .form-select-lg { padding-left: 1rem; } *[dir=rtl] .form-select-lg { padding-right: 1rem; } [data-coreui-theme=dark] .form-select { --cui-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check { display: block; min-height: 1.5rem; margin-bottom: 0.125rem; } html:not([dir=rtl]) .form-check { padding-left: 1.5em; } *[dir=rtl] .form-check { padding-right: 1.5em; } html:not([dir=rtl]) .form-check .form-check-input { float: left; } *[dir=rtl] .form-check .form-check-input { float: right; } html:not([dir=rtl]) .form-check .form-check-input { margin-left: -1.5em; } *[dir=rtl] .form-check .form-check-input { margin-right: -1.5em; } html:not([dir=rtl]) .form-check-reverse { padding-right: 1.5em; } *[dir=rtl] .form-check-reverse { padding-left: 1.5em; } html:not([dir=rtl]) .form-check-reverse { padding-left: 0; } *[dir=rtl] .form-check-reverse { padding-right: 0; } html:not([dir=rtl]) .form-check-reverse { text-align: right; } *[dir=rtl] .form-check-reverse { text-align: left; } html:not([dir=rtl]) .form-check-reverse .form-check-input { float: right; } *[dir=rtl] .form-check-reverse .form-check-input { float: left; } html:not([dir=rtl]) .form-check-reverse .form-check-input { margin-right: -1.5em; } *[dir=rtl] .form-check-reverse .form-check-input { margin-left: -1.5em; } html:not([dir=rtl]) .form-check-reverse .form-check-input { margin-left: 0; } *[dir=rtl] .form-check-reverse .form-check-input { margin-right: 0; } .form-check-input { --cui-form-check-bg: var(--cui-body-bg); flex-shrink: 0; width: 1em; height: 1em; margin-top: 0.25em; vertical-align: top; appearance: none; background-color: var(--cui-form-check-bg); background-image: var(--cui-form-check-bg-image); background-repeat: no-repeat; background-position: center; background-size: contain; border: var(--cui-border-width) solid var(--cui-border-color); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #acabeb; outline: 0; box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25); } .form-check-input:checked { background-color: var(--cui-form-check-input-checked-bg-color, var(--cui-primary)); border-color: var(--cui-form-check-input-checked-border-color, var(--cui-primary)); } .form-check-input:checked[type=checkbox] { --cui-form-check-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='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); } .form-check-input:checked[type=radio] { --cui-form-check-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='rgba%28255, 255, 255, 0.87%29'/%3e%3c/svg%3e"); } .form-check-input[type=checkbox]:indeterminate { background-color: var(--cui-primary); border-color: var(--cui-primary); --cui-form-check-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='rgba%28255, 255, 255, 0.87%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { pointer-events: none; filter: none; opacity: 0.5; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default; opacity: 0.5; } .form-check-label { color: var(--cui-form-check-label-color, ); } html:not([dir=rtl]) .form-switch { padding-left: 2.5em; } *[dir=rtl] .form-switch { padding-right: 2.5em; } .form-switch .form-check-input { --cui-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%288, 10, 12, 0.25%29'/%3e%3c/svg%3e"); width: 2em; background-image: var(--cui-form-switch-bg); background-position: left center; border-radius: 2em; transition: background-position 0.15s ease-in-out; } html:not([dir=rtl]) .form-switch .form-check-input { margin-left: -2.5em; } *[dir=rtl] .form-switch .form-check-input { margin-right: -2.5em; } @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none; } } .form-switch .form-check-input:focus { --cui-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23acabeb'/%3e%3c/svg%3e"); } .form-switch .form-check-input:checked { background-position: right center; --cui-form-switch-bg: 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.87%29'/%3e%3c/svg%3e"); } html:not([dir=rtl]) .form-switch.form-check-reverse { padding-right: 1.5em; } *[dir=rtl] .form-switch.form-check-reverse { padding-left: 1.5em; } html:not([dir=rtl]) .form-switch.form-check-reverse { padding-left: 0; } *[dir=rtl] .form-switch.form-check-reverse { padding-right: 0; } html:not([dir=rtl]) .form-switch.form-check-reverse .form-check-input { margin-right: -1.5em; } *[dir=rtl] .form-switch.form-check-reverse .form-check-input { margin-left: -1.5em; } html:not([dir=rtl]) .form-switch.form-check-reverse .form-check-input { margin-left: 0; } *[dir=rtl] .form-switch.form-check-reverse .form-check-input { margin-right: 0; } .form-switch-lg { min-height: 1.25em; } html:not([dir=rtl]) .form-switch-lg { padding-left: 2.25em; } *[dir=rtl] .form-switch-lg { padding-right: 2.25em; } .form-switch-lg .form-check-input { width: 1.75em; height: 1.25em; } html:not([dir=rtl]) .form-switch-lg .form-check-input { margin-left: -2.25em; } *[dir=rtl] .form-switch-lg .form-check-input { margin-right: -2.25em; } .form-switch-lg .form-check-label { padding-top: calc((1.25em - 1rem) / 2); } .form-switch-xl { min-height: 1.5em; } html:not([dir=rtl]) .form-switch-xl { padding-left: 2.5em; } *[dir=rtl] .form-switch-xl { padding-right: 2.5em; } .form-switch-xl .form-check-input { width: 2em; height: 1.5em; } html:not([dir=rtl]) .form-switch-xl .form-check-input { margin-left: -2.5em; } *[dir=rtl] .form-switch-xl .form-check-input { margin-right: -2.5em; } .form-switch-xl .form-check-label { padding-top: calc((1.5em - 1rem) / 2); } .form-check-inline { display: inline-block; } html:not([dir=rtl]) .form-check-inline { margin-right: 1rem; } *[dir=rtl] .form-check-inline { margin-left: 1rem; } .btn-check { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none; filter: none; opacity: 0.65; } [data-coreui-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --cui-form-switch-bg: 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"); } .form-range { width: 100%; height: 1.5rem; padding: 0; appearance: none; background-color: transparent; } .form-range:focus { outline: 0; } .form-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(88, 86, 214, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(88, 86, 214, 0.25); } .form-range::-moz-focus-outer { border: 0; } .form-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; appearance: none; background-color: var(--cui-primary); border: 0; border-radius: 1rem; -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { -webkit-transition: none; transition: none; } } .form-range::-webkit-slider-thumb:active { background-color: #cdccf3; } .form-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--cui-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range::-moz-range-thumb { width: 1rem; height: 1rem; appearance: none; background-color: var(--cui-primary); border: 0; border-radius: 1rem; -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { -moz-transition: none; transition: none; } } .form-range::-moz-range-thumb:active { background-color: #cdccf3; } .form-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: var(--cui-secondary-bg); border-color: transparent; border-radius: 1rem; } .form-range:disabled { pointer-events: none; } .form-range:disabled::-webkit-slider-thumb { background-color: var(--cui-secondary-color); } .form-range:disabled::-moz-range-thumb { background-color: var(--cui-secondary-color); } .form-floating { position: relative; } .form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select { height: calc(3.5rem + calc(var(--cui-border-width) * 2)); min-height: calc(3.5rem + calc(var(--cui-border-width) * 2)); line-height: 1.25; } .form-floating > label { position: absolute; top: 0; z-index: 2; max-width: 100%; height: 100%; padding: 1rem 0.75rem; overflow: hidden; color: rgba(var(--cui-body-color-rgb), 0.65); text-align: start; text-overflow: ellipsis; white-space: nowrap; pointer-events: none; border: var(--cui-border-width) solid transparent; transform-origin: 0 0; transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } html:not([dir=rtl]) .form-floating > label { left: 0; } *[dir=rtl] .form-floating > label { right: 0; } @media (prefers-reduced-motion: reduce) { .form-floating > label { transition: none; } } .form-floating > .form-control, .form-floating > .form-control-plaintext { padding: 1rem 0.75rem; } .form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder { color: transparent; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-select { padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:-webkit-autofill ~ label { transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > textarea:focus ~ label::after, .form-floating > textarea:not(:placeholder-shown) ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--cui-body-bg); border-radius: var(--cui-border-radius); } .form-floating > textarea:disabled ~ label::after { background-color: var(--cui-secondary-bg); } .form-floating > .form-control-plaintext ~ label { border-width: var(--cui-border-width) 0; } .form-floating > :disabled ~ label, .form-floating > .form-control:disabled ~ label { color: #6d7d9c; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; } .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5; } .input-group .btn { position: relative; z-index: 2; } .input-group .btn:focus { z-index: 5; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--cui-input-group-addon-color, var(--cui-body-color)); text-align: center; white-space: nowrap; background-color: var(--cui-input-group-addon-bg, var(--cui-tertiary-bg)); border: var(--cui-border-width) solid var(--cui-input-group-addon-border-color, var(--cui-border-color)); border-radius: var(--cui-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--cui-border-radius-lg); } .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: var(--cui-border-radius-sm); } html:not([dir=rtl]) .input-group-lg > .form-select, html:not([dir=rtl]) .input-group-sm > .form-select { padding-right: 3rem; } *[dir=rtl] .input-group-lg > .form-select, *[dir=rtl] .input-group-sm > .form-select { padding-left: 3rem; } html:not([dir=rtl]) .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html:not([dir=rtl]) .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), html:not([dir=rtl]) .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, html:not([dir=rtl]) .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0; } *[dir=rtl] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), *[dir=rtl] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), *[dir=rtl] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, *[dir=rtl] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-left-radius: 0; } html:not([dir=rtl]) .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html:not([dir=rtl]) .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), html:not([dir=rtl]) .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, html:not([dir=rtl]) .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-bottom-right-radius: 0; } *[dir=rtl] .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), *[dir=rtl] .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), *[dir=rtl] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, *[dir=rtl] .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-bottom-left-radius: 0; } html:not([dir=rtl]) .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html:not([dir=rtl]) .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html:not([dir=rtl]) .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html:not([dir=rtl]) .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0; } *[dir=rtl] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), *[dir=rtl] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), *[dir=rtl] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, *[dir=rtl] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-left-radius: 0; } html:not([dir=rtl]) .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), html:not([dir=rtl]) .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), html:not([dir=rtl]) .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, html:not([dir=rtl]) .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-bottom-right-radius: 0; } *[dir=rtl] .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), *[dir=rtl] .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), *[dir=rtl] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, *[dir=rtl] .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-bottom-left-radius: 0; } html:not([dir=rtl]) .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(var(--cui-border-width) * -1); } *[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-right: calc(var(--cui-border-width) * -1); } html:not([dir=rtl]) .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-left-radius: 0; } *[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-top-right-radius: 0; } html:not([dir=rtl]) .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-bottom-left-radius: 0; } *[dir=rtl] .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { border-bottom-right-radius: 0; } html:not([dir=rtl]) .input-group > .form-floating:not(:first-child) > .form-control, html:not([dir=rtl]) .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0; } *[dir=rtl] .input-group > .form-floating:not(:first-child) > .form-control, *[dir=rtl] .input-group > .form-floating:not(:first-child) > .form-select { border-top-right-radius: 0; } html:not([dir=rtl]) .input-group > .form-floating:not(:first-child) > .form-control, html:not([dir=rtl]) .input-group > .form-floating:not(:first-child) > .form-select { border-bottom-left-radius: 0; } *[dir=rtl] .input-group > .form-floating:not(:first-child) > .form-control, *[dir=rtl] .input-group > .form-floating:not(:first-child) > .form-select { border-bottom-right-radius: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--cui-form-valid-color); } .valid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--cui-success); border-radius: var(--cui-border-radius); } .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--cui-form-valid-border-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231b9e3e' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } html:not([dir=rtl]) .was-validated .form-control:valid, html:not([dir=rtl]) .form-control.is-valid { padding-right: calc(1.5em + 0.75rem); } *[dir=rtl] .was-validated .form-control:valid, *[dir=rtl] .form-control.is-valid { padding-left: calc(1.5em + 0.75rem); } html:not([dir=rtl]) .was-validated .form-control:valid, html:not([dir=rtl]) .form-control.is-valid { background-position: right calc(0.375em + 0.1875rem) center; } *[dir=rtl] .was-validated .form-control:valid, *[dir=rtl] .form-control.is-valid { background-position: left calc(0.375em + 0.1875rem) center; } .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--cui-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--cui-success-rgb), 0.25); } html:not([dir=rtl]) .was-validated textarea.form-control:valid, html:not([dir=rtl]) textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem); } *[dir=rtl] .was-validated textarea.form-control:valid, *[dir=rtl] textarea.form-control.is-valid { padding-left: calc(1.5em + 0.75rem); } html:not([dir=rtl]) .was-validated textarea.form-control:valid, html:not([dir=rtl]) textarea.form-control.is-valid { background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } *[dir=rtl] .was-validated textarea.form-control:valid, *[dir=rtl] textarea.form-control.is-valid { background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem); } .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--cui-form-valid-border-color); } .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --cui-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231b9e3e' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e"); background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } html:not([dir=rtl]) .was-validated .form-select:valid:not([multiple]):not([size]), html:not([dir=rtl]) .was-validated .form-select:valid:not([multiple])[size="1"], html:not([dir=rtl]) .form-select.is-valid:not([multiple]):not([size]), html:not([dir=rtl]) .form-select.is-valid:not([multiple])[size="1"] { padding-right: 4.125rem; } *[dir=rtl] .was-validated .form-select:valid:not([multiple]):not([size]), *[dir=rtl] .was-validated .form-select:valid:not([multiple])[size="1"], *[dir=rtl] .form-select.is-valid:not([multiple]):not([size]), *[dir=rtl] .form-select.is-valid:not([multiple])[size="1"] { padding-left: 4.125rem; } html:not([dir=rtl]) .was-validated .form-select:valid:not([multiple]):not([size]), html:not([dir=rtl]) .was-validated .form-select:valid:not([multiple])[size="1"], html:not([dir=rtl]) .form-select.is-valid:not([multiple]):not([size]), html:not([dir=rtl]) .form-select.is-valid:not([multiple])[size="1"] { background-position: right 0.75rem center, center right 2.25rem; } *[dir=rtl] .was-validated .form-select:valid:not([multiple]):not([size]), *[dir=rtl] .was-validated .form-select:valid:not([multiple])[size="1"], *[dir=rtl] .form-select.is-valid:not([multiple]):not([size]), *[dir=rtl] .form-select.is-valid:not([multiple])[size="1"] { background-position: left 0.75rem center, center left 2.25rem; } .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--cui-form-valid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--cui-success-rgb), 0.25); } .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--cui-form-valid-border-color); } .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--cui-form-valid-color); } .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--cui-success-rgb), 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--cui-form-valid-color); } html:not([dir=rtl]) .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em; } *[dir=rtl] .form-check-inline .form-check-input ~ .valid-feedback { margin-right: 0.5em; } .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3; } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 0.875em; color: var(--cui-form-invalid-color); } .invalid-tooltip { position: absolute; top: 100%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; color: #fff; background-color: var(--cui-danger); border-radius: var(--cui-border-radius); } .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--cui-form-invalid-border-color); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e55353'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } html:not([dir=rtl]) .was-validated .form-control:invalid, html:not([dir=rtl]) .form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); } *[dir=rtl] .was-validated .form-control:invalid, *[dir=rtl] .form-control.is-invalid { padding-left: calc(1.5em + 0.75rem); } html:not([dir=rtl]) .was-validated .form-control:invalid, html:not([dir=rtl]) .form-control.is-invalid { background-position: right calc(0.375em + 0.1875rem) center; } *[dir=rtl] .was-validated .form-control:invalid, *[dir=rtl] .form-control.is-invalid { background-position: left calc(0.375em + 0.1875rem) center; } .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--cui-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--cui-danger-rgb), 0.25); } html:not([dir=rtl]) .was-validated textarea.form-control:invalid, html:not([dir=rtl]) textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem); } *[dir=rtl] .was-validated textarea.form-control:invalid, *[dir=rtl] textarea.form-control.is-invalid { padding-left: calc(1.5em + 0.75rem); } html:not([dir=rtl]) .was-validated textarea.form-control:invalid, html:not([dir=rtl]) textarea.form-control.is-invalid { background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); } *[dir=rtl] .was-validated textarea.form-control:invalid, *[dir=rtl] textarea.form-control.is-invalid { background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem); } .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--cui-form-invalid-border-color); } .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --cui-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23e55353'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23e55353' stroke='none'/%3e%3c/svg%3e"); background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } html:not([dir=rtl]) .was-validated .form-select:invalid:not([multiple]):not([size]), html:not([dir=rtl]) .was-validated .form-select:invalid:not([multiple])[size="1"], html:not([dir=rtl]) .form-select.is-invalid:not([multiple]):not([size]), html:not([dir=rtl]) .form-select.is-invalid:not([multiple])[size="1"] { padding-right: 4.125rem; } *[dir=rtl] .was-validated .form-select:invalid:not([multiple]):not([size]), *[dir=rtl] .was-validated .form-select:invalid:not([multiple])[size="1"], *[dir=rtl] .form-select.is-invalid:not([multiple]):not([size]), *[dir=rtl] .form-select.is-invalid:not([multiple])[size="1"] { padding-left: 4.125rem; } html:not([dir=rtl]) .was-validated .form-select:invalid:not([multiple]):not([size]), html:not([dir=rtl]) .was-validated .form-select:invalid:not([multiple])[size="1"], html:not([dir=rtl]) .form-select.is-invalid:not([multiple]):not([size]), html:not([dir=rtl]) .form-select.is-invalid:not([multiple])[size="1"] { background-position: right 0.75rem center, center right 2.25rem; } *[dir=rtl] .was-validated .form-select:invalid:not([multiple]):not([size]), *[dir=rtl] .was-validated .form-select:invalid:not([multiple])[size="1"], *[dir=rtl] .form-select.is-invalid:not([multiple]):not([size]), *[dir=rtl] .form-select.is-invalid:not([multiple])[size="1"] { background-position: left 0.75rem center, center left 2.25rem; } .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--cui-form-invalid-border-color); box-shadow: 0 0 0 0.25rem rgba(var(--cui-danger-rgb), 0.25); } .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.75rem)); } .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--cui-form-invalid-border-color); } .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--cui-form-invalid-color); } .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--cui-danger-rgb), 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--cui-form-invalid-color); } html:not([dir=rtl]) .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em; } *[dir=rtl] .form-check-inline .form-check-input ~ .invalid-feedback { margin-right: 0.5em; } .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4; } .btn { --cui-btn-padding-x: 0.75rem; --cui-btn-padding-y: 0.375rem; --cui-btn-font-family: ; --cui-btn-font-size: 1rem; --cui-btn-font-weight: 400; --cui-btn-line-height: 1.5; --cui-btn-color: var(--cui-body-color); --cui-btn-bg: transparent; --cui-btn-border-width: var(--cui-border-width); --cui-btn-border-color: transparent; --cui-btn-border-radius: var(--cui-border-radius); --cui-btn-hover-border-color: transparent; --cui-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(8, 10, 12, 0.075); --cui-btn-disabled-opacity: 0.65; --cui-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--cui-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--cui-btn-padding-y) var(--cui-btn-padding-x); font-family: var(--cui-btn-font-family); font-size: var(--cui-btn-font-size); font-weight: var(--cui-btn-font-weight); line-height: var(--cui-btn-line-height); color: var(--cui-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; -webkit-user-select: none; user-select: none; border: var(--cui-btn-border-width) solid var(--cui-btn-border-color); border-radius: var(--cui-btn-border-radius); background-color: var(--cui-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .btn { transition: none; } } .btn:hover { color: var(--cui-btn-hover-color); background-color: var(--cui-btn-hover-bg); border-color: var(--cui-btn-hover-border-color); } .btn-check + .btn:hover { color: var(--cui-btn-color); background-color: var(--cui-btn-bg); border-color: var(--cui-btn-border-color); } .btn:focus-visible { color: var(--cui-btn-hover-color); background-color: var(--cui-btn-hover-bg); border-color: var(--cui-btn-hover-border-color); outline: 0; box-shadow: var(--cui-btn-focus-box-shadow); } .btn-check:focus-visible + .btn { border-color: var(--cui-btn-hover-border-color); outline: 0; box-shadow: var(--cui-btn-focus-box-shadow); } .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--cui-btn-active-color); background-color: var(--cui-btn-active-bg); border-color: var(--cui-btn-active-border-color); } .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--cui-btn-focus-box-shadow); } .btn-check:checked:focus-visible + .btn { box-shadow: var(--cui-btn-focus-box-shadow); } .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--cui-btn-disabled-color); pointer-events: none; background-color: var(--cui-btn-disabled-bg); border-color: var(--cui-btn-disabled-border-color); opacity: var(--cui-btn-disabled-opacity); } .btn-transparent { --cui-btn-active-border-color: transparent; --cui-btn-disabled-border-color: transparent; --cui-btn-hover-border-color: transparent; } .btn-primary { --cui-btn-color: #fff; --cui-btn-bg: #5856d6; --cui-btn-border-color: #5856d6; --cui-btn-hover-color: #fff; --cui-btn-hover-bg: #4b49b6; --cui-btn-hover-border-color: #4645ab; --cui-btn-focus-shadow-rgb: 113, 111, 220; --cui-btn-active-color: #fff; --cui-btn-active-bg: #4645ab; --cui-btn-active-border-color: #4241a1; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #fff; --cui-btn-disabled-bg: #5856d6; --cui-btn-disabled-border-color: #5856d6; } .btn-secondary { --cui-btn-color: #fff; --cui-btn-bg: #6b7785; --cui-btn-border-color: #6b7785; --cui-btn-hover-color: #fff; --cui-btn-hover-bg: #5b6571; --cui-btn-hover-border-color: #565f6a; --cui-btn-focus-shadow-rgb: 129, 139, 151; --cui-btn-active-color: #fff; --cui-btn-active-bg: #565f6a; --cui-btn-active-border-color: #505964; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #fff; --cui-btn-disabled-bg: #6b7785; --cui-btn-disabled-border-color: #6b7785; } .btn-success { --cui-btn-color: #080a0c; --cui-btn-bg: #1b9e3e; --cui-btn-border-color: #1b9e3e; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #3dad5b; --cui-btn-hover-border-color: #32a851; --cui-btn-focus-shadow-rgb: 24, 136, 55; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #49b165; --cui-btn-active-border-color: #32a851; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #080a0c; --cui-btn-disabled-bg: #1b9e3e; --cui-btn-disabled-border-color: #1b9e3e; } .btn-danger { --cui-btn-color: #080a0c; --cui-btn-bg: #e55353; --cui-btn-border-color: #e55353; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #e96d6d; --cui-btn-hover-border-color: #e86464; --cui-btn-focus-shadow-rgb: 196, 72, 72; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #ea7575; --cui-btn-active-border-color: #e86464; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #080a0c; --cui-btn-disabled-bg: #e55353; --cui-btn-disabled-border-color: #e55353; } .btn-warning { --cui-btn-color: #080a0c; --cui-btn-bg: #f9b115; --cui-btn-border-color: #f9b115; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #fabd38; --cui-btn-hover-border-color: #fab92c; --cui-btn-focus-shadow-rgb: 213, 152, 20; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #fac144; --cui-btn-active-border-color: #fab92c; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #080a0c; --cui-btn-disabled-bg: #f9b115; --cui-btn-disabled-border-color: #f9b115; } .btn-info { --cui-btn-color: #080a0c; --cui-btn-bg: #39f; --cui-btn-border-color: #39f; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #52a8ff; --cui-btn-hover-border-color: #47a3ff; --cui-btn-focus-shadow-rgb: 45, 132, 219; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #5cadff; --cui-btn-active-border-color: #47a3ff; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #080a0c; --cui-btn-disabled-bg: #39f; --cui-btn-disabled-border-color: #39f; } .btn-light { --cui-btn-color: #080a0c; --cui-btn-bg: #f3f4f7; --cui-btn-border-color: #f3f4f7; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #f5f6f8; --cui-btn-hover-border-color: #f4f5f8; --cui-btn-focus-shadow-rgb: 208, 209, 212; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #f5f6f9; --cui-btn-active-border-color: #f4f5f8; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #080a0c; --cui-btn-disabled-bg: #f3f4f7; --cui-btn-disabled-border-color: #f3f4f7; } .btn-dark { --cui-btn-color: #fff; --cui-btn-bg: #212631; --cui-btn-border-color: #212631; --cui-btn-hover-color: #fff; --cui-btn-hover-bg: #1c202a; --cui-btn-hover-border-color: #1a1e27; --cui-btn-focus-shadow-rgb: 66, 71, 80; --cui-btn-active-color: #fff; --cui-btn-active-bg: #1a1e27; --cui-btn-active-border-color: #191d25; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #fff; --cui-btn-disabled-bg: #212631; --cui-btn-disabled-border-color: #212631; } .btn-outline-primary { --cui-btn-color: #5856d6; --cui-btn-border-color: #5856d6; --cui-btn-hover-color: #fff; --cui-btn-hover-bg: #4645ab; --cui-btn-hover-border-color: #4241a1; --cui-btn-focus-shadow-rgb: 88, 86, 214; --cui-btn-active-color: #fff; --cui-btn-active-bg: #4645ab; --cui-btn-active-border-color: #4241a1; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #5856d6; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } .btn-outline-secondary { --cui-btn-color: #6b7785; --cui-btn-border-color: #6b7785; --cui-btn-hover-color: #fff; --cui-btn-hover-bg: #565f6a; --cui-btn-hover-border-color: #505964; --cui-btn-focus-shadow-rgb: 107, 119, 133; --cui-btn-active-color: #fff; --cui-btn-active-bg: #565f6a; --cui-btn-active-border-color: #505964; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #6b7785; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } .btn-outline-success { --cui-btn-color: #1b9e3e; --cui-btn-border-color: #1b9e3e; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #49b165; --cui-btn-hover-border-color: #32a851; --cui-btn-focus-shadow-rgb: 27, 158, 62; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #49b165; --cui-btn-active-border-color: #32a851; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #1b9e3e; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } .btn-outline-danger { --cui-btn-color: #e55353; --cui-btn-border-color: #e55353; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #ea7575; --cui-btn-hover-border-color: #e86464; --cui-btn-focus-shadow-rgb: 229, 83, 83; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #ea7575; --cui-btn-active-border-color: #e86464; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #e55353; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } .btn-outline-warning { --cui-btn-color: #f9b115; --cui-btn-border-color: #f9b115; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #fac144; --cui-btn-hover-border-color: #fab92c; --cui-btn-focus-shadow-rgb: 249, 177, 21; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #fac144; --cui-btn-active-border-color: #fab92c; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #f9b115; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } .btn-outline-info { --cui-btn-color: #39f; --cui-btn-border-color: #39f; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #5cadff; --cui-btn-hover-border-color: #47a3ff; --cui-btn-focus-shadow-rgb: 51, 153, 255; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #5cadff; --cui-btn-active-border-color: #47a3ff; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #39f; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } .btn-outline-light { --cui-btn-color: #f3f4f7; --cui-btn-border-color: #f3f4f7; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #f5f6f9; --cui-btn-hover-border-color: #f4f5f8; --cui-btn-focus-shadow-rgb: 243, 244, 247; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #f5f6f9; --cui-btn-active-border-color: #f4f5f8; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #f3f4f7; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } .btn-outline-dark { --cui-btn-color: #212631; --cui-btn-border-color: #212631; --cui-btn-hover-color: #fff; --cui-btn-hover-bg: #1a1e27; --cui-btn-hover-border-color: #191d25; --cui-btn-focus-shadow-rgb: 33, 38, 49; --cui-btn-active-color: #fff; --cui-btn-active-bg: #1a1e27; --cui-btn-active-border-color: #191d25; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #212631; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } .btn-ghost-primary { --cui-btn-color: #5856d6; --cui-btn-hover-bg: #4b49b6; --cui-btn-hover-border-color: #4645ab; --cui-btn-hover-color: #fff; --cui-btn-active-bg: #4645ab; --cui-btn-active-border-color: #4241a1; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #5856d6; --cui-btn-shadow: rgba(88, 86, 214, 0.5); } .btn-ghost-secondary { --cui-btn-color: #6b7785; --cui-btn-hover-bg: #5b6571; --cui-btn-hover-border-color: #565f6a; --cui-btn-hover-color: #fff; --cui-btn-active-bg: #565f6a; --cui-btn-active-border-color: #505964; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #6b7785; --cui-btn-shadow: rgba(107, 119, 133, 0.5); } .btn-ghost-success { --cui-btn-color: #1b9e3e; --cui-btn-hover-bg: #3dad5b; --cui-btn-hover-border-color: #32a851; --cui-btn-hover-color: #080a0c; --cui-btn-active-bg: #49b165; --cui-btn-active-border-color: #32a851; --cui-btn-active-color: #080a0c; --cui-btn-disabled-color: #1b9e3e; --cui-btn-shadow: rgba(27, 158, 62, 0.5); } .btn-ghost-danger { --cui-btn-color: #e55353; --cui-btn-hover-bg: #e96d6d; --cui-btn-hover-border-color: #e86464; --cui-btn-hover-color: #080a0c; --cui-btn-active-bg: #ea7575; --cui-btn-active-border-color: #e86464; --cui-btn-active-color: #080a0c; --cui-btn-disabled-color: #e55353; --cui-btn-shadow: rgba(229, 83, 83, 0.5); } .btn-ghost-warning { --cui-btn-color: #f9b115; --cui-btn-hover-bg: #fabd38; --cui-btn-hover-border-color: #fab92c; --cui-btn-hover-color: #080a0c; --cui-btn-active-bg: #fac144; --cui-btn-active-border-color: #fab92c; --cui-btn-active-color: #080a0c; --cui-btn-disabled-color: #f9b115; --cui-btn-shadow: rgba(249, 177, 21, 0.5); } .btn-ghost-info { --cui-btn-color: #39f; --cui-btn-hover-bg: #52a8ff; --cui-btn-hover-border-color: #47a3ff; --cui-btn-hover-color: #080a0c; --cui-btn-active-bg: #5cadff; --cui-btn-active-border-color: #47a3ff; --cui-btn-active-color: #080a0c; --cui-btn-disabled-color: #39f; --cui-btn-shadow: rgba(51, 153, 255, 0.5); } .btn-ghost-light { --cui-btn-color: #f3f4f7; --cui-btn-hover-bg: #f5f6f8; --cui-btn-hover-border-color: #f4f5f8; --cui-btn-hover-color: #080a0c; --cui-btn-active-bg: #f5f6f9; --cui-btn-active-border-color: #f4f5f8; --cui-btn-active-color: #080a0c; --cui-btn-disabled-color: #f3f4f7; --cui-btn-shadow: rgba(243, 244, 247, 0.5); } .btn-ghost-dark { --cui-btn-color: #212631; --cui-btn-hover-bg: #1c202a; --cui-btn-hover-border-color: #1a1e27; --cui-btn-hover-color: #fff; --cui-btn-active-bg: #1a1e27; --cui-btn-active-border-color: #191d25; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #212631; --cui-btn-shadow: rgba(33, 38, 49, 0.5); } .btn-link { --cui-btn-font-weight: 400; --cui-btn-color: var(--cui-link-color); --cui-btn-bg: transparent; --cui-btn-border-color: transparent; --cui-btn-hover-color: var(--cui-link-hover-color); --cui-btn-hover-border-color: transparent; --cui-btn-active-border-color: transparent; --cui-btn-disabled-color: #6d7d9c; --cui-btn-disabled-border-color: transparent; --cui-btn-box-shadow: none; --cui-btn-focus-shadow-rgb: 113, 111, 220; text-decoration: underline; } .btn-link:focus-visible { color: var(--cui-btn-color); } .btn-lg, .btn-group-lg > .btn { --cui-btn-padding-y: 0.5rem; --cui-btn-padding-x: 1rem; --cui-btn-font-size: 1.25rem; --cui-btn-border-radius: var(--cui-border-radius-lg); } .btn-sm, .btn-group-sm > .btn { --cui-btn-padding-y: 0.25rem; --cui-btn-padding-x: 0.5rem; --cui-btn-font-size: 0.875rem; --cui-btn-border-radius: var(--cui-border-radius-sm); } [data-coreui-theme=dark] .btn-primary { --cui-btn-color: #fff; --cui-btn-bg: #6261cc; --cui-btn-border-color: #6261cc; --cui-btn-hover-color: #fff; --cui-btn-hover-bg: #5352ad; --cui-btn-hover-border-color: #4e4ea3; --cui-btn-focus-shadow-rgb: 122, 121, 212; --cui-btn-active-color: #fff; --cui-btn-active-bg: #4e4ea3; --cui-btn-active-border-color: #4a4999; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #fff; --cui-btn-disabled-bg: #6261cc; --cui-btn-disabled-border-color: #6261cc; } [data-coreui-theme=dark] .btn-secondary { --cui-btn-color: #fff; --cui-btn-bg: #6b7785; --cui-btn-border-color: #6b7785; --cui-btn-hover-color: #fff; --cui-btn-hover-bg: #5b6571; --cui-btn-hover-border-color: #565f6a; --cui-btn-focus-shadow-rgb: 129, 139, 151; --cui-btn-active-color: #fff; --cui-btn-active-bg: #565f6a; --cui-btn-active-border-color: #505964; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #fff; --cui-btn-disabled-bg: #6b7785; --cui-btn-disabled-border-color: #6b7785; } [data-coreui-theme=dark] .btn-success { --cui-btn-color: #080a0c; --cui-btn-bg: #249542; --cui-btn-border-color: #249542; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #45a55e; --cui-btn-hover-border-color: #3aa055; --cui-btn-focus-shadow-rgb: 32, 128, 58; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #50aa68; --cui-btn-active-border-color: #3aa055; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #080a0c; --cui-btn-disabled-bg: #249542; --cui-btn-disabled-border-color: #249542; } [data-coreui-theme=dark] .btn-danger { --cui-btn-color: #080a0c; --cui-btn-bg: #db5d5d; --cui-btn-border-color: #db5d5d; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #e07575; --cui-btn-hover-border-color: #df6d6d; --cui-btn-focus-shadow-rgb: 187, 81, 81; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #e27d7d; --cui-btn-active-border-color: #df6d6d; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #080a0c; --cui-btn-disabled-bg: #db5d5d; --cui-btn-disabled-border-color: #db5d5d; } [data-coreui-theme=dark] .btn-warning { --cui-btn-color: #080a0c; --cui-btn-bg: #edad21; --cui-btn-border-color: #edad21; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #f0b942; --cui-btn-hover-border-color: #efb537; --cui-btn-focus-shadow-rgb: 203, 149, 30; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #f1bd4d; --cui-btn-active-border-color: #efb537; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #080a0c; --cui-btn-disabled-bg: #edad21; --cui-btn-disabled-border-color: #edad21; } [data-coreui-theme=dark] .btn-info { --cui-btn-color: #080a0c; --cui-btn-bg: #3d99f5; --cui-btn-border-color: #3d99f5; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #5aa8f7; --cui-btn-hover-border-color: #50a3f6; --cui-btn-focus-shadow-rgb: 53, 132, 210; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #64adf7; --cui-btn-active-border-color: #50a3f6; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #080a0c; --cui-btn-disabled-bg: #3d99f5; --cui-btn-disabled-border-color: #3d99f5; } [data-coreui-theme=dark] .btn-outline-primary { --cui-btn-color: #6261cc; --cui-btn-border-color: #6261cc; --cui-btn-hover-color: #fff; --cui-btn-hover-bg: #4e4ea3; --cui-btn-hover-border-color: #4a4999; --cui-btn-focus-shadow-rgb: 98, 97, 204; --cui-btn-active-color: #fff; --cui-btn-active-bg: #4e4ea3; --cui-btn-active-border-color: #4a4999; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #6261cc; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } [data-coreui-theme=dark] .btn-outline-secondary { --cui-btn-color: #6b7785; --cui-btn-border-color: #6b7785; --cui-btn-hover-color: #fff; --cui-btn-hover-bg: #565f6a; --cui-btn-hover-border-color: #505964; --cui-btn-focus-shadow-rgb: 107, 119, 133; --cui-btn-active-color: #fff; --cui-btn-active-bg: #565f6a; --cui-btn-active-border-color: #505964; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #6b7785; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } [data-coreui-theme=dark] .btn-outline-success { --cui-btn-color: #249542; --cui-btn-border-color: #249542; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #50aa68; --cui-btn-hover-border-color: #3aa055; --cui-btn-focus-shadow-rgb: 36, 149, 66; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #50aa68; --cui-btn-active-border-color: #3aa055; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #249542; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } [data-coreui-theme=dark] .btn-outline-danger { --cui-btn-color: #db5d5d; --cui-btn-border-color: #db5d5d; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #e27d7d; --cui-btn-hover-border-color: #df6d6d; --cui-btn-focus-shadow-rgb: 219, 93, 93; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #e27d7d; --cui-btn-active-border-color: #df6d6d; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #db5d5d; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } [data-coreui-theme=dark] .btn-outline-warning { --cui-btn-color: #edad21; --cui-btn-border-color: #edad21; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #f1bd4d; --cui-btn-hover-border-color: #efb537; --cui-btn-focus-shadow-rgb: 237, 173, 33; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #f1bd4d; --cui-btn-active-border-color: #efb537; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #edad21; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } [data-coreui-theme=dark] .btn-outline-info { --cui-btn-color: #3d99f5; --cui-btn-border-color: #3d99f5; --cui-btn-hover-color: #080a0c; --cui-btn-hover-bg: #64adf7; --cui-btn-hover-border-color: #50a3f6; --cui-btn-focus-shadow-rgb: 61, 153, 245; --cui-btn-active-color: #080a0c; --cui-btn-active-bg: #64adf7; --cui-btn-active-border-color: #50a3f6; --cui-btn-active-shadow: inset 0 3px 5px rgba(8, 10, 12, 0.125); --cui-btn-disabled-color: #3d99f5; --cui-btn-disabled-bg: transparent; --cui-gradient: none; } [data-coreui-theme=dark] .btn-ghost-primary { --cui-btn-color: #6261cc; --cui-btn-hover-bg: #5352ad; --cui-btn-hover-border-color: #4e4ea3; --cui-btn-hover-color: #fff; --cui-btn-active-bg: #4e4ea3; --cui-btn-active-border-color: #4a4999; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #6261cc; --cui-btn-shadow: rgba(98, 97, 204, 0.5); } [data-coreui-theme=dark] .btn-ghost-secondary { --cui-btn-color: #6b7785; --cui-btn-hover-bg: #5b6571; --cui-btn-hover-border-color: #565f6a; --cui-btn-hover-color: #fff; --cui-btn-active-bg: #565f6a; --cui-btn-active-border-color: #505964; --cui-btn-active-color: #fff; --cui-btn-disabled-color: #6b7785; --cui-btn-shadow: rgba(107, 119, 133, 0.5); } [data-coreui-theme=dark] .btn-ghost-success { --cui-btn-color: #249542; --cui-btn-hover-bg: #45a55e; --cui-btn-hover-border-color: #3aa055; --cui-btn-hover-color: #080a0c; --cui-btn-active-bg: #50aa68; --cui-btn-active-border-color: #3aa055; --cui-btn-active-color: #080a0c; --cui-btn-disabled-color: #249542; --cui-btn-shadow: rgba(36, 149, 66, 0.5); } [data-coreui-theme=dark] .btn-ghost-danger { --cui-btn-color: #db5d5d; --cui-btn-hover-bg: #e07575; --cui-btn-hover-border-color: #df6d6d; --cui-btn-hover-color: #080a0c; --cui-btn-active-bg: #e27d7d; --cui-btn-active-border-color: #df6d6d; --cui-btn-active-color: #080a0c; --cui-btn-disabled-color: #db5d5d; --cui-btn-shadow: rgba(219, 93, 93, 0.5); } [data-coreui-theme=dark] .btn-ghost-warning { --cui-btn-color: #edad21; --cui-btn-hover-bg: #f0b942; --cui-btn-hover-border-color: #efb537; --cui-btn-hover-color: #080a0c; --cui-btn-active-bg: #f1bd4d; --cui-btn-active-border-color: #efb537; --cui-btn-active-color: #080a0c; --cui-btn-disabled-color: #edad21; --cui-btn-shadow: rgba(237, 173, 33, 0.5); } [data-coreui-theme=dark] .btn-ghost-info { --cui-btn-color: #3d99f5; --cui-btn-hover-bg: #5aa8f7; --cui-btn-hover-border-color: #50a3f6; --cui-btn-hover-color: #080a0c; --cui-btn-active-bg: #64adf7; --cui-btn-active-border-color: #50a3f6; --cui-btn-active-color: #080a0c; --cui-btn-disabled-color: #3d99f5; --cui-btn-shadow: rgba(61, 153, 245, 0.5); } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .collapsing.collapse-horizontal { width: 0; height: auto; transition: width 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { transition: none; } } .dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } html:not([dir=rtl]) .dropdown-toggle::after { margin-left: 0.255em; } *[dir=rtl] .dropdown-toggle::after { margin-right: 0.255em; } html:not([dir=rtl]) .dropdown-toggle:empty::after { margin-left: 0; } *[dir=rtl] .dropdown-toggle:empty::after { margin-right: 0; } .dropdown-menu { --cui-dropdown-zindex: 1000; --cui-dropdown-min-width: 10rem; --cui-dropdown-padding-x: 0; --cui-dropdown-padding-y: 0.5rem; --cui-dropdown-spacer: 0.125rem; --cui-dropdown-font-size: 1rem; --cui-dropdown-color: var(--cui-body-color); --cui-dropdown-bg: var(--cui-body-bg); --cui-dropdown-border-color: var(--cui-border-color-translucent); --cui-dropdown-border-radius: var(--cui-border-radius); --cui-dropdown-border-width: var(--cui-border-width); --cui-dropdown-inner-border-radius: calc(var(--cui-border-radius) - var(--cui-border-width)); --cui-dropdown-divider-bg: var(--cui-border-color-translucent); --cui-dropdown-divider-margin-y: 0.5rem; --cui-dropdown-box-shadow: var(--cui-box-shadow); --cui-dropdown-link-color: var(--cui-body-color); --cui-dropdown-link-hover-color: var(--cui-body-color); --cui-dropdown-link-hover-bg: var(--cui-tertiary-bg); --cui-dropdown-link-active-color: rgba(255, 255, 255, 0.87); --cui-dropdown-link-active-bg: var(--cui-primary); --cui-dropdown-link-disabled-color: var(--cui-tertiary-color); --cui-dropdown-item-padding-x: 1rem; --cui-dropdown-item-padding-y: 0.25rem; --cui-dropdown-header-color: #6d7d9c; --cui-dropdown-header-padding-x: 1rem; --cui-dropdown-header-padding-y: 0.5rem; position: absolute; z-index: var(--cui-dropdown-zindex); display: none; min-width: var(--cui-dropdown-min-width); padding: var(--cui-dropdown-padding-y) var(--cui-dropdown-padding-x); margin: 0; font-size: var(--cui-dropdown-font-size); color: var(--cui-dropdown-color); list-style: none; background-color: var(--cui-dropdown-bg); background-clip: padding-box; border: var(--cui-dropdown-border-width) solid var(--cui-dropdown-border-color); border-radius: var(--cui-dropdown-border-radius); } html:not([dir=rtl]) .dropdown-menu { text-align: left; } *[dir=rtl] .dropdown-menu { text-align: right; } .dropdown-menu[data-coreui-popper] { top: 100%; margin-top: var(--cui-dropdown-spacer); } html:not([dir=rtl]) .dropdown-menu[data-coreui-popper] { left: 0; } *[dir=rtl] .dropdown-menu[data-coreui-popper] { right: 0; } .dropdown-menu-start { --cui-position: start; } html:not([dir=rtl]) .dropdown-menu-start[data-coreui-popper] { right: auto; } *[dir=rtl] .dropdown-menu-start[data-coreui-popper] { left: auto; } html:not([dir=rtl]) .dropdown-menu-start[data-coreui-popper] { left: 0; } *[dir=rtl] .dropdown-menu-start[data-coreui-popper] { right: 0; } .dropdown-menu-end { --cui-position: end; } html:not([dir=rtl]) .dropdown-menu-end[data-coreui-popper] { right: 0; } *[dir=rtl] .dropdown-menu-end[data-coreui-popper] { left: 0; } html:not([dir=rtl]) .dropdown-menu-end[data-coreui-popper] { left: auto; } *[dir=rtl] .dropdown-menu-end[data-coreui-popper] { right: auto; } @media (min-width: 576px) { .dropdown-menu-sm-start { --cui-position: start; } html:not([dir=rtl]) .dropdown-menu-sm-start[data-coreui-popper] { right: auto; } *[dir=rtl] .dropdown-menu-sm-start[data-coreui-popper] { left: auto; } html:not([dir=rtl]) .dropdown-menu-sm-start[data-coreui-popper] { left: 0; } *[dir=rtl] .dropdown-menu-sm-start[data-coreui-popper] { right: 0; } .dropdown-menu-sm-end { --cui-position: end; } html:not([dir=rtl]) .dropdown-menu-sm-end[data-coreui-popper] { right: 0; } *[dir=rtl] .dropdown-menu-sm-end[data-coreui-popper] { left: 0; } html:not([dir=rtl]) .dropdown-menu-sm-end[data-coreui-popper] { left: auto; } *[dir=rtl] .dropdown-menu-sm-end[data-coreui-popper] { right: auto; } } @media (min-width: 768px) { .dropdown-menu-md-start { --cui-position: start; } html:not([dir=rtl]) .dropdown-menu-md-start[data-coreui-popper] { right: auto; } *[dir=rtl] .dropdown-menu-md-start[data-coreui-popper] { left: auto; } html:not([dir=rtl]) .dropdown-menu-md-start[data-coreui-popper] { left: 0; } *[dir=rtl] .dropdown-menu-md-start[data-coreui-popper] { right: 0; } .dropdown-menu-md-end { --cui-position: end; } html:not([dir=rtl]) .dropdown-menu-md-end[data-coreui-popper] { right: 0; } *[dir=rtl] .dropdown-menu-md-end[data-coreui-popper] { left: 0; } html:not([dir=rtl]) .dropdown-menu-md-end[data-coreui-popper] { left: auto; } *[dir=rtl] .dropdown-menu-md-end[data-coreui-popper] { right: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-start { --cui-position: start; } html:not([dir=rtl]) .dropdown-menu-lg-start[data-coreui-popper] { right: auto; } *[dir=rtl] .dropdown-menu-lg-start[data-coreui-popper] { left: auto; } html:not([dir=rtl]) .dropdown-menu-lg-start[data-coreui-popper] { left: 0; } *[dir=rtl] .dropdown-menu-lg-start[data-coreui-popper] { right: 0; } .dropdown-menu-lg-end { --cui-position: end; } html:not([dir=rtl]) .dropdown-menu-lg-end[data-coreui-popper] { right: 0; } *[dir=rtl] .dropdown-menu-lg-end[data-coreui-popper] { left: 0; } html:not([dir=rtl]) .dropdown-menu-lg-end[data-coreui-popper] { left: auto; } *[dir=rtl] .dropdown-menu-lg-end[data-coreui-popper] { right: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-start { --cui-position: start; } html:not([dir=rtl]) .dropdown-menu-xl-start[data-coreui-popper] { right: auto; } *[dir=rtl] .dropdown-menu-xl-start[data-coreui-popper] { left: auto; } html:not([dir=rtl]) .dropdown-menu-xl-start[data-coreui-popper] { left: 0; } *[dir=rtl] .dropdown-menu-xl-start[data-coreui-popper] { right: 0; } .dropdown-menu-xl-end { --cui-position: end; } html:not([dir=rtl]) .dropdown-menu-xl-end[data-coreui-popper] { right: 0; } *[dir=rtl] .dropdown-menu-xl-end[data-coreui-popper] { left: 0; } html:not([dir=rtl]) .dropdown-menu-xl-end[data-coreui-popper] { left: auto; } *[dir=rtl] .dropdown-menu-xl-end[data-coreui-popper] { right: auto; } } @media (min-width: 1400px) { .dropdown-menu-xxl-start { --cui-position: start; } html:not([dir=rtl]) .dropdown-menu-xxl-start[data-coreui-popper] { right: auto; } *[dir=rtl] .dropdown-menu-xxl-start[data-coreui-popper] { left: auto; } html:not([dir=rtl]) .dropdown-menu-xxl-start[data-coreui-popper] { left: 0; } *[dir=rtl] .dropdown-menu-xxl-start[data-coreui-popper] { right: 0; } .dropdown-menu-xxl-end { --cui-position: end; } html:not([dir=rtl]) .dropdown-menu-xxl-end[data-coreui-popper] { right: 0; } *[dir=rtl] .dropdown-menu-xxl-end[data-coreui-popper] { left: 0; } html:not([dir=rtl]) .dropdown-menu-xxl-end[data-coreui-popper] { left: auto; } *[dir=rtl] .dropdown-menu-xxl-end[data-coreui-popper] { right: auto; } } .dropup .dropdown-menu[data-coreui-popper] { top: auto; bottom: 100%; margin-top: 0; margin-bottom: var(--cui-dropdown-spacer); } .dropup .dropdown-toggle::after { display: inline-block; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } html:not([dir=rtl]) .dropup .dropdown-toggle::after { margin-left: 0.255em; } *[dir=rtl] .dropup .dropdown-toggle::after { margin-right: 0.255em; } html:not([dir=rtl]) .dropup .dropdown-toggle:empty::after { margin-left: 0; } *[dir=rtl] .dropup .dropdown-toggle:empty::after { margin-right: 0; } .dropend .dropdown-menu[data-coreui-popper] { top: 0; margin-top: 0; } html:not([dir=rtl]) .dropend .dropdown-menu[data-coreui-popper] { right: auto; } *[dir=rtl] .dropend .dropdown-menu[data-coreui-popper] { left: auto; } html:not([dir=rtl]) .dropend .dropdown-menu[data-coreui-popper] { left: 100%; } *[dir=rtl] .dropend .dropdown-menu[data-coreui-popper] { right: 100%; } html:not([dir=rtl]) .dropend .dropdown-menu[data-coreui-popper] { margin-left: var(--cui-dropdown-spacer); } *[dir=rtl] .dropend .dropdown-menu[data-coreui-popper] { margin-right: var(--cui-dropdown-spacer); } .dropend .dropdown-toggle::after { display: inline-block; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } html:not([dir=rtl]) .dropend .dropdown-toggle::after { margin-left: 0.255em; } *[dir=rtl] .dropend .dropdown-toggle::after { margin-right: 0.255em; } html:not([dir=rtl]) .dropend .dropdown-toggle:empty::after { margin-left: 0; } *[dir=rtl] .dropend .dropdown-toggle:empty::after { margin-right: 0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-coreui-popper] { top: 0; margin-top: 0; } html:not([dir=rtl]) .dropstart .dropdown-menu[data-coreui-popper] { right: 100%; } *[dir=rtl] .dropstart .dropdown-menu[data-coreui-popper] { left: 100%; } html:not([dir=rtl]) .dropstart .dropdown-menu[data-coreui-popper] { left: auto; } *[dir=rtl] .dropstart .dropdown-menu[data-coreui-popper] { right: auto; } html:not([dir=rtl]) .dropstart .dropdown-menu[data-coreui-popper] { margin-right: var(--cui-dropdown-spacer); } *[dir=rtl] .dropstart .dropdown-menu[data-coreui-popper] { margin-left: var(--cui-dropdown-spacer); } .dropstart .dropdown-toggle::after { display: inline-block; vertical-align: 0.255em; content: ""; } html:not([dir=rtl]) .dropstart .dropdown-toggle::after { margin-left: 0.255em; } *[dir=rtl] .dropstart .dropdown-toggle::after { margin-right: 0.255em; } .dropstart .dropdown-toggle::after { display: none; } .dropstart .dropdown-toggle::before { display: inline-block; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } html:not([dir=rtl]) .dropstart .dropdown-toggle::before { margin-right: 0.255em; } *[dir=rtl] .dropstart .dropdown-toggle::before { margin-left: 0.255em; } html:not([dir=rtl]) .dropstart .dropdown-toggle:empty::after { margin-left: 0; } *[dir=rtl] .dropstart .dropdown-toggle:empty::after { margin-right: 0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { height: 0; margin: var(--cui-dropdown-divider-margin-y) 0; overflow: hidden; border-top: 1px solid var(--cui-dropdown-divider-bg); opacity: 1; } .dropdown-item { display: block; width: 100%; padding: var(--cui-dropdown-item-padding-y) var(--cui-dropdown-item-padding-x); clear: both; font-weight: 400; color: var(--cui-dropdown-link-color); text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0; border-radius: var(--cui-dropdown-item-border-radius, 0); } .dropdown-item:hover, .dropdown-item:focus { color: var(--cui-dropdown-link-hover-color); background-color: var(--cui-dropdown-link-hover-bg); } .dropdown-item.active, .dropdown-item:active { color: var(--cui-dropdown-link-active-color); text-decoration: none; background-color: var(--cui-dropdown-link-active-bg); } .dropdown-item.disabled, .dropdown-item:disabled { color: var(--cui-dropdown-link-disabled-color); pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: var(--cui-dropdown-header-padding-y) var(--cui-dropdown-header-padding-x); margin-bottom: 0; font-size: 0.875rem; color: var(--cui-dropdown-header-color); white-space: nowrap; } .dropdown-item-text { display: block; padding: var(--cui-dropdown-item-padding-y) var(--cui-dropdown-item-padding-x); color: var(--cui-dropdown-link-color); } .dropdown-menu-dark { --cui-dropdown-color: #dbdfe6; --cui-dropdown-bg: #323a49; --cui-dropdown-border-color: var(--cui-border-color-translucent); --cui-dropdown-box-shadow: ; --cui-dropdown-link-color: #dbdfe6; --cui-dropdown-link-hover-color: #fff; --cui-dropdown-divider-bg: var(--cui-border-color-translucent); --cui-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); --cui-dropdown-link-active-color: rgba(255, 255, 255, 0.87); --cui-dropdown-link-active-bg: var(--cui-primary); --cui-dropdown-link-disabled-color: #aab3c5; --cui-dropdown-header-color: #aab3c5; } .btn-group, .btn-group-vertical { position: relative; display: inline-flex; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; flex: 1 1 auto; } .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 1; } .btn-toolbar { display: flex; flex-wrap: wrap; justify-content: flex-start; } .btn-toolbar .input-group { width: auto; } .btn-group { border-radius: var(--cui-border-radius); } html:not([dir=rtl]) .btn-group > :not(.btn-check:first-child) + .btn, html:not([dir=rtl]) .btn-group > .btn-group:not(:first-child) { margin-left: calc(var(--cui-border-width) * -1); } *[dir=rtl] .btn-group > :not(.btn-check:first-child) + .btn, *[dir=rtl] .btn-group > .btn-group:not(:first-child) { margin-right: calc(var(--cui-border-width) * -1); } html:not([dir=rtl]) .btn-group > .btn:not(:last-child):not(.dropdown-toggle), html:not([dir=rtl]) .btn-group > .btn.dropdown-toggle-split:first-child, html:not([dir=rtl]) .btn-group > .btn-group:not(:last-child) > .btn { border-top-right-radius: 0; } *[dir=rtl] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), *[dir=rtl] .btn-group > .btn.dropdown-toggle-split:first-child, *[dir=rtl] .btn-group > .btn-group:not(:last-child) > .btn { border-top-left-radius: 0; } html:not([dir=rtl]) .btn-group > .btn:not(:last-child):not(.dropdown-toggle), html:not([dir=rtl]) .btn-group > .btn.dropdown-toggle-split:first-child, html:not([dir=rtl]) .btn-group > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; } *[dir=rtl] .btn-group > .btn:not(:last-child):not(.dropdown-toggle), *[dir=rtl] .btn-group > .btn.dropdown-toggle-split:first-child, *[dir=rtl] .btn-group > .btn-group:not(:last-child) > .btn { border-bottom-left-radius: 0; } html:not([dir=rtl]) .btn-group > .btn:nth-child(n+3), html:not([dir=rtl]) .btn-group > :not(.btn-check) + .btn, html:not([dir=rtl]) .btn-group > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; } *[dir=rtl] .btn-group > .btn:nth-child(n+3), *[dir=rtl] .btn-group > :not(.btn-check) + .btn, *[dir=rtl] .btn-group > .btn-group:not(:first-child) > .btn { border-top-right-radius: 0; } html:not([dir=rtl]) .btn-group > .btn:nth-child(n+3), html:not([dir=rtl]) .btn-group > :not(.btn-check) + .btn, html:not([dir=rtl]) .btn-group > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; } *[dir=rtl] .btn-group > .btn:nth-child(n+3), *[dir=rtl] .btn-group > :not(.btn-check) + .btn, *[dir=rtl] .btn-group > .btn-group:not(:first-child) > .btn { border-bottom-right-radius: 0; } .dropdown-toggle-split { padding-right: 0.5625rem; padding-left: 0.5625rem; } html:not([dir=rtl]) .dropdown-toggle-split::after, html:not([dir=rtl]) .dropup .dropdown-toggle-split::after, html:not([dir=rtl]) .dropend .dropdown-toggle-split::after { margin-left: 0; } *[dir=rtl] .dropdown-toggle-split::after, *[dir=rtl] .dropup .dropdown-toggle-split::after, *[dir=rtl] .dropend .dropdown-toggle-split::after { margin-right: 0; } html:not([dir=rtl]) .dropstart .dropdown-toggle-split::before { margin-right: 0; } *[dir=rtl] .dropstart .dropdown-toggle-split::before { margin-left: 0; } .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { padding-right: 0.375rem; padding-left: 0.375rem; } .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; } .btn-group-vertical { flex-direction: column; align-items: flex-start; justify-content: center; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group { width: 100%; } .btn-group-vertical > .btn:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) { margin-top: calc(var(--cui-border-width) * -1); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:nth-child(n+3), .btn-group-vertical > :not(.btn-check) + .btn, .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .nav { --cui-nav-link-padding-x: 1rem; --cui-nav-link-padding-y: 0.5rem; --cui-nav-link-font-weight: ; --cui-nav-link-color: var(--cui-link-color); --cui-nav-link-hover-color: var(--cui-link-hover-color); --cui-nav-link-disabled-color: var(--cui-secondary-color); display: flex; flex-wrap: wrap; margin-bottom: 0; list-style: none; } html:not([dir=rtl]) .nav { padding-left: 0; } *[dir=rtl] .nav { padding-right: 0; } .nav-link { display: block; padding: var(--cui-nav-link-padding-y) var(--cui-nav-link-padding-x); font-size: var(--cui-nav-link-font-size); font-weight: var(--cui-nav-link-font-weight); color: var(--cui-nav-link-color); text-decoration: none; background: none; border: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .nav-link { transition: none; } } .nav-link:hover, .nav-link:focus { color: var(--cui-nav-link-hover-color); } .nav-link:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25); } .nav-link.disabled, .nav-link:disabled { color: var(--cui-nav-link-disabled-color); pointer-events: none; cursor: default; } .nav-tabs { --cui-nav-tabs-border-width: var(--cui-border-width); --cui-nav-tabs-border-color: var(--cui-border-color); --cui-nav-tabs-border-radius: var(--cui-border-radius); --cui-nav-tabs-link-hover-border-color: var(--cui-secondary-bg) var(--cui-secondary-bg) var(--cui-border-color); --cui-nav-tabs-link-active-color: var(--cui-emphasis-color); --cui-nav-tabs-link-active-bg: var(--cui-body-bg); --cui-nav-tabs-link-active-border-color: var(--cui-border-color) var(--cui-border-color) var(--cui-body-bg); border-bottom: var(--cui-nav-tabs-border-width) solid var(--cui-nav-tabs-border-color); } .nav-tabs .nav-link { margin-bottom: calc(-1 * var(--cui-nav-tabs-border-width)); border: var(--cui-nav-tabs-border-width) solid transparent; border-top-left-radius: var(--cui-nav-tabs-border-radius); border-top-right-radius: var(--cui-nav-tabs-border-radius); } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { isolation: isolate; border-color: var(--cui-nav-tabs-link-hover-border-color); } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: var(--cui-nav-tabs-link-active-color); background-color: var(--cui-nav-tabs-link-active-bg); border-color: var(--cui-nav-tabs-link-active-border-color); } .nav-tabs .dropdown-menu { margin-top: calc(-1 * var(--cui-nav-tabs-border-width)); border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills { --cui-nav-pills-border-radius: var(--cui-border-radius); --cui-nav-pills-link-active-color: rgba(255, 255, 255, 0.87); --cui-nav-pills-link-active-bg: var(--cui-primary); } .nav-pills .nav-link { border-radius: var(--cui-nav-pills-border-radius); } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: var(--cui-nav-pills-link-active-color); background-color: var(--cui-nav-pills-link-active-bg); } .nav-underline { --cui-nav-underline-gap: 1rem; --cui-nav-underline-border-width: 0.125rem; --cui-nav-underline-link-active-color: var(--cui-emphasis-color); gap: var(--cui-nav-underline-gap); } .nav-underline .nav-link { padding-right: 0; padding-left: 0; border-bottom: var(--cui-nav-underline-border-width) solid transparent; } .nav-underline .nav-link:hover, .nav-underline .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline .nav-link.active, .nav-underline .show > .nav-link { font-weight: 700; color: var(--cui-nav-underline-link-active-color); border-bottom-color: currentcolor; } .nav-underline-border { --cui-nav-underline-border-gap: 0.5rem; --cui-nav-underline-border-border-color: var(--cui-border-color); --cui-nav-underline-border-border-width: 0.125rem; --cui-nav-underline-border-link-padding-x: 0.5rem; --cui-nav-underline-border-link-padding-y: 0.5rem; --cui-nav-underline-border-link-color: var(--cui-secondary-color); --cui-nav-underline-border-link-active-color: var(--cui-primary); --cui-nav-underline-border-link-disabled-color: var(--cui-tertiary-color); --cui-nav-link-color: var(--cui-nav-underline-border-link-color); --cui-nav-link-disabled-color: var(--cui-nav-underline-border-link-disabled-color); gap: var(--cui-nav-underline-border-gap); border-bottom: var(--cui-nav-underline-border-border-width) solid var(--cui-nav-underline-border-border-color); } .nav-underline-border .nav-link { padding: var(--cui-nav-underline-border-link-padding-y) var(--cui-nav-underline-border-link-padding-x); margin-bottom: calc(-1 * var(--cui-nav-underline-border-border-width)); border-bottom: var(--cui-nav-underline-border-border-width) solid transparent; } .nav-underline-border .nav-link:hover, .nav-underline-border .nav-link:focus { border-bottom-color: currentcolor; } .nav-underline-border .nav-link.active, .nav-underline-border .show > .nav-link { font-weight: 700; color: var(--cui-nav-underline-border-link-active-color); border-bottom-color: currentcolor; } .nav-fill > .nav-link, .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified > .nav-link, .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --cui-navbar-padding-x: 0; --cui-navbar-padding-y: 0.5rem; --cui-navbar-color: rgba(var(--cui-emphasis-color-rgb), 0.65); --cui-navbar-hover-color: rgba(var(--cui-emphasis-color-rgb), 0.8); --cui-navbar-disabled-color: rgba(var(--cui-emphasis-color-rgb), 0.3); --cui-navbar-active-color: rgba(var(--cui-emphasis-color-rgb), 1); --cui-navbar-brand-padding-y: 0.3125rem; --cui-navbar-brand-margin-end: 1rem; --cui-navbar-brand-font-size: 1.25rem; --cui-navbar-brand-color: rgba(var(--cui-emphasis-color-rgb), 1); --cui-navbar-brand-hover-color: rgba(var(--cui-emphasis-color-rgb), 1); --cui-navbar-nav-link-padding-x: 0.5rem; --cui-navbar-toggler-padding-y: 0.25rem; --cui-navbar-toggler-padding-x: 0.75rem; --cui-navbar-toggler-font-size: 1.25rem; --cui-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2837, 43, 54, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); --cui-navbar-toggler-border-color: rgba(var(--cui-emphasis-color-rgb), 0.15); --cui-navbar-toggler-border-radius: var(--cui-border-radius); --cui-navbar-toggler-focus-width: 0.25rem; --cui-navbar-toggler-transition: box-shadow 0.15s ease-in-out; position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--cui-navbar-padding-y) var(--cui-navbar-padding-x); } .navbar .header > .container, .navbar .header > .container-fluid, .navbar .header > .container-sm, .navbar .header > .container-md, .navbar .header > .container-lg, .navbar .header > .container-xl, .navbar .header > .container-xxl, .navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .navbar-brand { padding-top: var(--cui-navbar-brand-padding-y); padding-bottom: var(--cui-navbar-brand-padding-y); font-size: var(--cui-navbar-brand-font-size); color: var(--cui-navbar-brand-color); text-decoration: none; white-space: nowrap; } html:not([dir=rtl]) .navbar-brand { margin-right: var(--cui-navbar-brand-margin-end); } *[dir=rtl] .navbar-brand { margin-left: var(--cui-navbar-brand-margin-end); } .navbar-brand:hover, .navbar-brand:focus { color: var(--cui-navbar-brand-hover-color); } .navbar-nav { --cui-nav-link-padding-x: 0; --cui-nav-link-padding-y: 0.5rem; --cui-nav-link-font-weight: ; --cui-nav-link-color: var(--cui-navbar-color); --cui-nav-link-hover-color: var(--cui-navbar-hover-color); --cui-nav-link-disabled-color: var(--cui-navbar-disabled-color); display: flex; flex-direction: column; margin-bottom: 0; list-style: none; } html:not([dir=rtl]) .navbar-nav { padding-left: 0; } *[dir=rtl] .navbar-nav { padding-right: 0; } .navbar-nav .nav-link.active, .navbar-nav .nav-link.show { color: var(--cui-navbar-active-color); } .navbar-nav .dropdown-menu { position: static; } .navbar-text { padding-top: 0.5rem; padding-bottom: 0.5rem; color: var(--cui-navbar-color); } .navbar-text a, .navbar-text a:hover, .navbar-text a:focus { color: var(--cui-navbar-active-color); } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: var(--cui-navbar-toggler-padding-y) var(--cui-navbar-toggler-padding-x); font-size: var(--cui-navbar-toggler-font-size); line-height: 1; color: var(--cui-navbar-color); background-color: transparent; border: var(--cui-border-width) solid var(--cui-navbar-toggler-border-color); border-radius: var(--cui-navbar-toggler-border-radius); transition: var(--cui-navbar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .navbar-toggler { transition: none; } } .navbar-toggler:hover { text-decoration: none; } .navbar-toggler:focus { text-decoration: none; outline: 0; box-shadow: 0 0 0 var(--cui-navbar-toggler-focus-width); } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; background-image: var(--cui-navbar-toggler-icon-bg); background-repeat: no-repeat; background-position: center; background-size: 100%; } .navbar-nav-scroll { max-height: var(--cui-scroll-height, 75vh); overflow-y: auto; } @media (min-width: 576px) { .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--cui-navbar-nav-link-padding-x); padding-left: var(--cui-navbar-nav-link-padding-x); } .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 768px) { .navbar-expand-md { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: var(--cui-navbar-nav-link-padding-x); padding-left: var(--cui-navbar-nav-link-padding-x); } .navbar-expand-md .navbar-nav-scroll { overflow: visible; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } .navbar-expand-md .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-md .offcanvas .offcanvas-header { display: none; } .navbar-expand-md .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 992px) { .navbar-expand-lg { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: var(--cui-navbar-nav-link-padding-x); padding-left: var(--cui-navbar-nav-link-padding-x); } .navbar-expand-lg .navbar-nav-scroll { overflow: visible; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } .navbar-expand-lg .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-lg .offcanvas .offcanvas-header { display: none; } .navbar-expand-lg .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: var(--cui-navbar-nav-link-padding-x); padding-left: var(--cui-navbar-nav-link-padding-x); } .navbar-expand-xl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } .navbar-expand-xl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } @media (min-width: 1400px) { .navbar-expand-xxl { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand-xxl .navbar-nav { flex-direction: row; } .navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xxl .navbar-nav .nav-link { padding-right: var(--cui-navbar-nav-link-padding-x); padding-left: var(--cui-navbar-nav-link-padding-x); } .navbar-expand-xxl .navbar-nav-scroll { overflow: visible; } .navbar-expand-xxl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xxl .navbar-toggler { display: none; } .navbar-expand-xxl .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand-xxl .offcanvas .offcanvas-header { display: none; } .navbar-expand-xxl .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } } .navbar-expand { flex-wrap: nowrap; justify-content: flex-start; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: var(--cui-navbar-nav-link-padding-x); padding-left: var(--cui-navbar-nav-link-padding-x); } .navbar-expand .navbar-nav-scroll { overflow: visible; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-expand .offcanvas { position: static; z-index: auto; flex-grow: 1; width: auto !important; height: auto !important; visibility: visible !important; background-color: transparent !important; border: 0 !important; transform: none !important; transition: none; } .navbar-expand .offcanvas .offcanvas-header { display: none; } .navbar-expand .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } .navbar-dark, .navbar[data-coreui-theme=dark] { --cui-navbar-color: rgba(255, 255, 255, 0.55); --cui-navbar-hover-color: rgba(255, 255, 255, 0.75); --cui-navbar-disabled-color: rgba(255, 255, 255, 0.25); --cui-navbar-active-color: #fff; --cui-navbar-brand-color: #fff; --cui-navbar-brand-hover-color: #fff; --cui-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); --cui-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } [data-coreui-theme=dark] .navbar-toggler-icon { --cui-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .card { --cui-card-spacer-y: 1rem; --cui-card-spacer-x: 1rem; --cui-card-title-spacer-y: 0.5rem; --cui-card-title-color: ; --cui-card-subtitle-color: ; --cui-card-border-width: var(--cui-border-width); --cui-card-border-color: var(--cui-border-color-translucent); --cui-card-border-radius: var(--cui-border-radius); --cui-card-box-shadow: ; --cui-card-inner-border-radius: calc(var(--cui-border-radius) - (var(--cui-border-width))); --cui-card-cap-padding-y: 0.5rem; --cui-card-cap-padding-x: 1rem; --cui-card-cap-bg: rgba(var(--cui-body-color-rgb), 0.03); --cui-card-cap-color: ; --cui-card-height: ; --cui-card-color: ; --cui-card-bg: var(--cui-body-bg); --cui-card-img-overlay-padding: 1rem; --cui-card-group-margin: 0.75rem; position: relative; display: flex; flex-direction: column; min-width: 0; height: var(--cui-card-height); color: var(--cui-body-color); word-wrap: break-word; background-color: var(--cui-card-bg); background-clip: border-box; border: var(--cui-card-border-width) solid var(--cui-card-border-color); border-radius: var(--cui-card-border-radius); } .card > hr { margin-right: 0; margin-left: 0; } .card > .list-group { border-top: inherit; border-bottom: inherit; } .card > .list-group:first-child { border-top-width: 0; border-top-left-radius: var(--cui-card-inner-border-radius); border-top-right-radius: var(--cui-card-inner-border-radius); } .card > .list-group:last-child { border-bottom-width: 0; border-bottom-right-radius: var(--cui-card-inner-border-radius); border-bottom-left-radius: var(--cui-card-inner-border-radius); } .card > .card-header + .list-group, .card > .list-group + .card-footer { border-top: 0; } .card-body { flex: 1 1 auto; padding: var(--cui-card-spacer-y) var(--cui-card-spacer-x); color: var(--cui-card-color); } .card-title { margin-bottom: var(--cui-card-title-spacer-y); color: var(--cui-card-title-color); } .card-subtitle { margin-top: calc(-0.5 * var(--cui-card-title-spacer-y)); margin-bottom: 0; color: var(--cui-card-subtitle-color); } .card-text:last-child { margin-bottom: 0; } html:not([dir=rtl]) .card-link + .card-link { margin-left: var(--cui-card-spacer-x); } *[dir=rtl] .card-link + .card-link { margin-right: var(--cui-card-spacer-x); } .card-header { padding: var(--cui-card-cap-padding-y) var(--cui-card-cap-padding-x); margin-bottom: 0; color: var(--cui-card-cap-color); background-color: var(--cui-card-cap-bg); border-bottom: var(--cui-card-border-width) solid var(--cui-card-border-color); } .card-header:first-child { border-radius: var(--cui-card-inner-border-radius) var(--cui-card-inner-border-radius) 0 0; } .card-footer { padding: var(--cui-card-cap-padding-y) var(--cui-card-cap-padding-x); color: var(--cui-card-cap-color); background-color: var(--cui-card-cap-bg); border-top: var(--cui-card-border-width) solid var(--cui-card-border-color); } .card-footer:last-child { border-radius: 0 0 var(--cui-card-inner-border-radius) var(--cui-card-inner-border-radius); } .card-header-tabs { margin-right: calc(-0.5 * var(--cui-card-cap-padding-x)); margin-bottom: calc(-1 * var(--cui-card-cap-padding-y)); margin-left: calc(-0.5 * var(--cui-card-cap-padding-x)); border-bottom: 0; } .card-header-tabs .nav-link.active { background-color: var(--cui-card-bg); border-bottom-color: var(--cui-card-bg); } .card-header-pills { margin-right: calc(-0.5 * var(--cui-card-cap-padding-x)); margin-left: calc(-0.5 * var(--cui-card-cap-padding-x)); } .card-img-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding: var(--cui-card-img-overlay-padding); border-radius: var(--cui-card-inner-border-radius); } .card-img, .card-img-top, .card-img-bottom { width: 100%; } .card-img, .card-img-top { border-top-left-radius: var(--cui-card-inner-border-radius); border-top-right-radius: var(--cui-card-inner-border-radius); } .card-img, .card-img-bottom { border-bottom-right-radius: var(--cui-card-inner-border-radius); border-bottom-left-radius: var(--cui-card-inner-border-radius); } .card-group > .card { margin-bottom: var(--cui-card-group-margin); } @media (min-width: 576px) { .card-group { display: flex; flex-flow: row wrap; } .card-group > .card { flex: 1 0 0%; margin-bottom: 0; } html:not([dir=rtl]) .card-group > .card + .card { margin-left: 0; } *[dir=rtl] .card-group > .card + .card { margin-right: 0; } html:not([dir=rtl]) .card-group > .card + .card { border-left: 0; } *[dir=rtl] .card-group > .card + .card { border-right: 0; } html:not([dir=rtl]) .card-group > .card:not(:last-child) { border-top-right-radius: 0; } *[dir=rtl] .card-group > .card:not(:last-child) { border-top-left-radius: 0; } html:not([dir=rtl]) .card-group > .card:not(:last-child) { border-bottom-right-radius: 0; } *[dir=rtl] .card-group > .card:not(:last-child) { border-bottom-left-radius: 0; } .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0; } .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0; } html:not([dir=rtl]) .card-group > .card:not(:first-child) { border-top-left-radius: 0; } *[dir=rtl] .card-group > .card:not(:first-child) { border-top-right-radius: 0; } html:not([dir=rtl]) .card-group > .card:not(:first-child) { border-bottom-left-radius: 0; } *[dir=rtl] .card-group > .card:not(:first-child) { border-bottom-right-radius: 0; } .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0; } .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0; } } .accordion { --cui-accordion-color: var(--cui-body-color); --cui-accordion-bg: var(--cui-body-bg); --cui-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; --cui-accordion-border-color: var(--cui-border-color); --cui-accordion-border-width: var(--cui-border-width); --cui-accordion-border-radius: var(--cui-border-radius); --cui-accordion-inner-border-radius: calc(var(--cui-border-radius) - (var(--cui-border-width))); --cui-accordion-btn-padding-x: 1.25rem; --cui-accordion-btn-padding-y: 1rem; --cui-accordion-btn-color: var(--cui-body-color); --cui-accordion-btn-bg: var(--cui-accordion-bg); --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgba%2837, 43, 54, 0.95%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --cui-accordion-btn-icon-width: 1.25rem; --cui-accordion-btn-icon-transform: rotate(-180deg); --cui-accordion-btn-icon-transition: transform 0.2s ease-in-out; --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%233634a3' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); --cui-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25); --cui-accordion-body-padding-x: 1.25rem; --cui-accordion-body-padding-y: 1rem; --cui-accordion-active-color: var(--cui-primary-text-emphasis); --cui-accordion-active-bg: var(--cui-primary-bg-subtle); } .accordion-button { position: relative; display: flex; align-items: center; width: 100%; padding: var(--cui-accordion-btn-padding-y) var(--cui-accordion-btn-padding-x); font-size: 1rem; color: var(--cui-accordion-btn-color); background-color: var(--cui-accordion-btn-bg); border: 0; border-radius: 0; overflow-anchor: none; transition: var(--cui-accordion-transition); } html:not([dir=rtl]) .accordion-button { text-align: left; } *[dir=rtl] .accordion-button { text-align: right; } @media (prefers-reduced-motion: reduce) { .accordion-button { transition: none; } } .accordion-button:not(.collapsed) { color: var(--cui-accordion-active-color); background-color: var(--cui-accordion-active-bg); box-shadow: inset 0 calc(-1 * var(--cui-accordion-border-width)) 0 var(--cui-accordion-border-color); } .accordion-button:not(.collapsed)::after { background-image: var(--cui-accordion-btn-active-icon); transform: var(--cui-accordion-btn-icon-transform); } .accordion-button::after { flex-shrink: 0; width: var(--cui-accordion-btn-icon-width); height: var(--cui-accordion-btn-icon-width); content: ""; background-image: var(--cui-accordion-btn-icon); background-repeat: no-repeat; background-size: var(--cui-accordion-btn-icon-width); transition: var(--cui-accordion-btn-icon-transition); } html:not([dir=rtl]) .accordion-button::after { margin-left: auto; } *[dir=rtl] .accordion-button::after { margin-right: auto; } @media (prefers-reduced-motion: reduce) { .accordion-button::after { transition: none; } } .accordion-button:hover { z-index: 2; } .accordion-button:focus { z-index: 3; outline: 0; box-shadow: var(--cui-accordion-btn-focus-box-shadow); } .accordion-header { margin-bottom: 0; } .accordion-item { color: var(--cui-accordion-color); background-color: var(--cui-accordion-bg); border: var(--cui-accordion-border-width) solid var(--cui-accordion-border-color); } .accordion-item:first-of-type { border-top-left-radius: var(--cui-accordion-border-radius); border-top-right-radius: var(--cui-accordion-border-radius); } .accordion-item:first-of-type > .accordion-header .accordion-button { border-top-left-radius: var(--cui-accordion-inner-border-radius); border-top-right-radius: var(--cui-accordion-inner-border-radius); } .accordion-item:not(:first-of-type) { border-top: 0; } .accordion-item:last-of-type { border-bottom-right-radius: var(--cui-accordion-border-radius); border-bottom-left-radius: var(--cui-accordion-border-radius); } .accordion-item:last-of-type > .accordion-header .accordion-button.collapsed { border-bottom-right-radius: var(--cui-accordion-inner-border-radius); border-bottom-left-radius: var(--cui-accordion-inner-border-radius); } .accordion-item:last-of-type > .accordion-collapse { border-bottom-right-radius: var(--cui-accordion-border-radius); border-bottom-left-radius: var(--cui-accordion-border-radius); } .accordion-body { padding: var(--cui-accordion-body-padding-y) var(--cui-accordion-body-padding-x); } .accordion-flush > .accordion-item { border-right: 0; border-left: 0; border-radius: 0; } .accordion-flush > .accordion-item:first-child { border-top: 0; } .accordion-flush > .accordion-item:last-child { border-bottom: 0; } .accordion-flush > .accordion-item > .accordion-collapse, .accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } [data-coreui-theme=dark] .accordion-button::after { --cui-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgba%28255, 255, 255, 0.87%29'%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-.708'/%3e%3c/svg%3e"); --cui-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23403f98'%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-.708'/%3e%3c/svg%3e"); } .breadcrumb { --cui-breadcrumb-padding-x: 0; --cui-breadcrumb-padding-y: 0; --cui-breadcrumb-margin-bottom: 1rem; --cui-breadcrumb-bg: ; --cui-breadcrumb-border-radius: ; --cui-breadcrumb-divider-color: var(--cui-secondary-color); --cui-breadcrumb-item-padding-x: 0.5rem; --cui-breadcrumb-item-active-color: var(--cui-secondary-color); display: flex; flex-wrap: wrap; padding: var(--cui-breadcrumb-padding-y) var(--cui-breadcrumb-padding-x); margin-bottom: var(--cui-breadcrumb-margin-bottom); font-size: var(--cui-breadcrumb-font-size); list-style: none; background-color: var(--cui-breadcrumb-bg); border-radius: var(--cui-breadcrumb-border-radius); } html:not([dir=rtl]) .breadcrumb-item + .breadcrumb-item { padding-left: var(--cui-breadcrumb-item-padding-x); } *[dir=rtl] .breadcrumb-item + .breadcrumb-item { padding-right: var(--cui-breadcrumb-item-padding-x); } .breadcrumb-item + .breadcrumb-item::before { color: var(--cui-breadcrumb-divider-color); } html:not([dir=rtl]) .breadcrumb-item + .breadcrumb-item::before { float: left; } *[dir=rtl] .breadcrumb-item + .breadcrumb-item::before { float: right; } html:not([dir=rtl]) .breadcrumb-item + .breadcrumb-item::before { padding-right: var(--cui-breadcrumb-item-padding-x); } *[dir=rtl] .breadcrumb-item + .breadcrumb-item::before { padding-left: var(--cui-breadcrumb-item-padding-x); } html:not([dir=rtl]) .breadcrumb-item + .breadcrumb-item::before { content: var(--cui-breadcrumb-divider, "/"); } *[dir=rtl] .breadcrumb-item + .breadcrumb-item::before { content: var(--cui-breadcrumb-divider-flipped, "/"); } .breadcrumb-item.active { color: var(--cui-breadcrumb-item-active-color); } .pagination { --cui-pagination-padding-x: 0.75rem; --cui-pagination-padding-y: 0.375rem; --cui-pagination-font-size: 1rem; --cui-pagination-color: var(--cui-link-color); --cui-pagination-bg: var(--cui-body-bg); --cui-pagination-border-width: var(--cui-border-width); --cui-pagination-border-color: var(--cui-border-color); --cui-pagination-border-radius: var(--cui-border-radius); --cui-pagination-hover-color: var(--cui-link-hover-color); --cui-pagination-hover-bg: var(--cui-tertiary-bg); --cui-pagination-hover-border-color: var(--cui-border-color); --cui-pagination-focus-color: var(--cui-link-hover-color); --cui-pagination-focus-bg: var(--cui-secondary-bg); --cui-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25); --cui-pagination-active-color: rgba(255, 255, 255, 0.87); --cui-pagination-active-bg: var(--cui-primary); --cui-pagination-active-border-color: var(--cui-primary); --cui-pagination-disabled-color: var(--cui-secondary-color); --cui-pagination-disabled-bg: var(--cui-secondary-bg); --cui-pagination-disabled-border-color: var(--cui-border-color); display: flex; list-style: none; } html:not([dir=rtl]) .pagination { padding-left: 0; } *[dir=rtl] .pagination { padding-right: 0; } .page-link { position: relative; display: block; padding: var(--cui-pagination-padding-y) var(--cui-pagination-padding-x); font-size: var(--cui-pagination-font-size); color: var(--cui-pagination-color); text-decoration: none; background-color: var(--cui-pagination-bg); border: var(--cui-pagination-border-width) solid var(--cui-pagination-border-color); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .page-link { transition: none; } } .page-link:hover { z-index: 2; color: var(--cui-pagination-hover-color); background-color: var(--cui-pagination-hover-bg); border-color: var(--cui-pagination-hover-border-color); } .page-link:focus { z-index: 3; color: var(--cui-pagination-focus-color); background-color: var(--cui-pagination-focus-bg); outline: 0; box-shadow: var(--cui-pagination-focus-box-shadow); } .page-link.active, .active > .page-link { z-index: 3; color: var(--cui-pagination-active-color); background-color: var(--cui-pagination-active-bg); border-color: var(--cui-pagination-active-border-color); } .page-link.disabled, .disabled > .page-link { color: var(--cui-pagination-disabled-color); pointer-events: none; background-color: var(--cui-pagination-disabled-bg); border-color: var(--cui-pagination-disabled-border-color); } html:not([dir=rtl]) .page-item:not(:first-child) .page-link { margin-left: calc(var(--cui-border-width) * -1); } *[dir=rtl] .page-item:not(:first-child) .page-link { margin-right: calc(var(--cui-border-width) * -1); } html:not([dir=rtl]) .page-item:first-child .page-link { border-top-left-radius: var(--cui-pagination-border-radius); } *[dir=rtl] .page-item:first-child .page-link { border-top-right-radius: var(--cui-pagination-border-radius); } html:not([dir=rtl]) .page-item:first-child .page-link { border-bottom-left-radius: var(--cui-pagination-border-radius); } *[dir=rtl] .page-item:first-child .page-link { border-bottom-right-radius: var(--cui-pagination-border-radius); } html:not([dir=rtl]) .page-item:last-child .page-link { border-top-right-radius: var(--cui-pagination-border-radius); } *[dir=rtl] .page-item:last-child .page-link { border-top-left-radius: var(--cui-pagination-border-radius); } html:not([dir=rtl]) .page-item:last-child .page-link { border-bottom-right-radius: var(--cui-pagination-border-radius); } *[dir=rtl] .page-item:last-child .page-link { border-bottom-left-radius: var(--cui-pagination-border-radius); } .pagination-lg { --cui-pagination-padding-x: 1.5rem; --cui-pagination-padding-y: 0.75rem; --cui-pagination-font-size: 1.25rem; --cui-pagination-border-radius: var(--cui-border-radius-lg); } .pagination-sm { --cui-pagination-padding-x: 0.5rem; --cui-pagination-padding-y: 0.25rem; --cui-pagination-font-size: 0.875rem; --cui-pagination-border-radius: var(--cui-border-radius-sm); } .badge { --cui-badge-padding-x: 0.65em; --cui-badge-padding-y: 0.35em; --cui-badge-font-size: 0.75em; --cui-badge-font-weight: 700; --cui-badge-color: #fff; --cui-badge-border-radius: var(--cui-border-radius); display: inline-block; padding: var(--cui-badge-padding-y) var(--cui-badge-padding-x); font-size: var(--cui-badge-font-size); font-weight: var(--cui-badge-font-weight); line-height: 1; color: var(--cui-badge-color); text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: var(--cui-badge-border-radius, 0); } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-sm { --cui-badge-padding-x: 0.5em; --cui-badge-padding-y: 0.3em; font-size: 0.65em; } .alert { --cui-alert-bg: transparent; --cui-alert-padding-x: 1rem; --cui-alert-padding-y: 1rem; --cui-alert-margin-bottom: 1rem; --cui-alert-color: inherit; --cui-alert-border-color: transparent; --cui-alert-border: var(--cui-border-width) solid var(--cui-alert-border-color); --cui-alert-border-radius: var(--cui-border-radius); --cui-alert-link-color: inherit; position: relative; padding: var(--cui-alert-padding-y) var(--cui-alert-padding-x); margin-bottom: var(--cui-alert-margin-bottom); color: var(--cui-alert-color); background-color: var(--cui-alert-bg); border: var(--cui-alert-border); border-radius: var(--cui-alert-border-radius); } .alert-heading { color: inherit; } .alert-link { font-weight: 700; color: var(--cui-alert-link-color); } html:not([dir=rtl]) .alert-dismissible { padding-right: 3rem; } *[dir=rtl] .alert-dismissible { padding-left: 3rem; } .alert-dismissible .btn-close { position: absolute; top: 0; z-index: 2; padding: 1.25rem 1rem; } html:not([dir=rtl]) .alert-dismissible .btn-close { right: 0; } *[dir=rtl] .alert-dismissible .btn-close { left: 0; } .alert-primary { --cui-alert-color: var(--cui-primary-text-emphasis); --cui-alert-bg: var(--cui-primary-bg-subtle); --cui-alert-border-color: var(--cui-primary-border-subtle); --cui-alert-link-color: var(--cui-primary-text-emphasis); } .alert-secondary { --cui-alert-color: var(--cui-secondary-text-emphasis); --cui-alert-bg: var(--cui-secondary-bg-subtle); --cui-alert-border-color: var(--cui-secondary-border-subtle); --cui-alert-link-color: var(--cui-secondary-text-emphasis); } .alert-success { --cui-alert-color: var(--cui-success-text-emphasis); --cui-alert-bg: var(--cui-success-bg-subtle); --cui-alert-border-color: var(--cui-success-border-subtle); --cui-alert-link-color: var(--cui-success-text-emphasis); } .alert-info { --cui-alert-color: var(--cui-info-text-emphasis); --cui-alert-bg: var(--cui-info-bg-subtle); --cui-alert-border-color: var(--cui-info-border-subtle); --cui-alert-link-color: var(--cui-info-text-emphasis); } .alert-warning { --cui-alert-color: var(--cui-warning-text-emphasis); --cui-alert-bg: var(--cui-warning-bg-subtle); --cui-alert-border-color: var(--cui-warning-border-subtle); --cui-alert-link-color: var(--cui-warning-text-emphasis); } .alert-danger { --cui-alert-color: var(--cui-danger-text-emphasis); --cui-alert-bg: var(--cui-danger-bg-subtle); --cui-alert-border-color: var(--cui-danger-border-subtle); --cui-alert-link-color: var(--cui-danger-text-emphasis); } .alert-light { --cui-alert-color: var(--cui-light-text-emphasis); --cui-alert-bg: var(--cui-light-bg-subtle); --cui-alert-border-color: var(--cui-light-border-subtle); --cui-alert-link-color: var(--cui-light-text-emphasis); } .alert-dark { --cui-alert-color: var(--cui-dark-text-emphasis); --cui-alert-bg: var(--cui-dark-bg-subtle); --cui-alert-border-color: var(--cui-dark-border-subtle); --cui-alert-link-color: var(--cui-dark-text-emphasis); } @keyframes progress-bar-stripes { 0% { background-position-x: 1rem; } } .progress, .progress-stacked { --cui-progress-height: 1rem; --cui-progress-font-size: 0.75rem; --cui-progress-bg: var(--cui-secondary-bg); --cui-progress-border-radius: var(--cui-border-radius); --cui-progress-box-shadow: var(--cui-box-shadow-inset); --cui-progress-bar-color: #fff; --cui-progress-bar-bg: var(--cui-primary); --cui-progress-bar-transition: width 0.6s ease; display: flex; height: var(--cui-progress-height); overflow: hidden; font-size: var(--cui-progress-font-size); background-color: var(--cui-progress-bg); border-radius: var(--cui-progress-border-radius); } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: var(--cui-progress-bar-color); text-align: center; white-space: nowrap; background-color: var(--cui-progress-bar-bg); transition: var(--cui-progress-bar-transition); } @media (prefers-reduced-motion: reduce) { .progress-bar { transition: none; } } .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: var(--cui-progress-height) var(--cui-progress-height); } .progress-stacked > .progress { overflow: visible; } .progress-stacked > .progress > .progress-bar { width: 100%; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .progress-thin { height: 4px; } .progress.progress-white { background-color: rgba(255, 255, 255, 0.2); } .progress.progress-white .progress-bar { background-color: #fff; } .progress-group { display: flex; flex-flow: row wrap; margin-bottom: 1rem; } .progress-group-prepend { flex: 0 0 100px; align-self: center; } .progress-group-header { display: flex; flex-basis: 100%; align-items: center; margin-bottom: 0.25rem; } .progress-group-bars { flex-grow: 1; align-self: center; } .progress-group-bars .progress:not(:last-child) { margin-bottom: 2px; } .progress-group-header + .progress-group-bars { flex-basis: 100%; } .list-group { --cui-list-group-color: var(--cui-body-color); --cui-list-group-bg: var(--cui-body-bg); --cui-list-group-border-color: var(--cui-border-color); --cui-list-group-border-width: var(--cui-border-width); --cui-list-group-border-radius: var(--cui-border-radius); --cui-list-group-item-padding-x: 1rem; --cui-list-group-item-padding-y: 0.5rem; --cui-list-group-action-color: var(--cui-secondary-color); --cui-list-group-action-hover-color: var(--cui-emphasis-color); --cui-list-group-action-hover-bg: var(--cui-tertiary-bg); --cui-list-group-action-active-color: var(--cui-body-color); --cui-list-group-action-active-bg: var(--cui-secondary-bg); --cui-list-group-disabled-color: var(--cui-secondary-color); --cui-list-group-disabled-bg: var(--cui-body-bg); --cui-list-group-active-color: rgba(255, 255, 255, 0.87); --cui-list-group-active-bg: var(--cui-primary); --cui-list-group-active-border-color: var(--cui-primary); display: flex; flex-direction: column; margin-bottom: 0; border-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group { padding-left: 0; } *[dir=rtl] .list-group { padding-right: 0; } .list-group-numbered { list-style-type: none; counter-reset: section; } .list-group-numbered > .list-group-item::before { content: counters(section, ".") ". "; counter-increment: section; } .list-group-item-action { width: 100%; color: var(--cui-list-group-action-color); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: var(--cui-list-group-action-hover-color); text-decoration: none; background-color: var(--cui-list-group-action-hover-bg); } .list-group-item-action:active { color: var(--cui-list-group-action-active-color); background-color: var(--cui-list-group-action-active-bg); } .list-group-item { position: relative; display: block; padding: var(--cui-list-group-item-padding-y) var(--cui-list-group-item-padding-x); color: var(--cui-list-group-color); text-decoration: none; background-color: var(--cui-list-group-bg); border: var(--cui-list-group-border-width) solid var(--cui-list-group-border-color); } .list-group-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; } .list-group-item:last-child { border-bottom-right-radius: inherit; border-bottom-left-radius: inherit; } .list-group-item.disabled, .list-group-item:disabled { color: var(--cui-list-group-disabled-color); pointer-events: none; background-color: var(--cui-list-group-disabled-bg); } .list-group-item.active { z-index: 2; color: var(--cui-list-group-active-color); background-color: var(--cui-list-group-active-bg); border-color: var(--cui-list-group-active-border-color); } .list-group-item + .list-group-item { border-top-width: 0; } .list-group-item + .list-group-item.active { margin-top: calc(-1 * var(--cui-list-group-border-width)); border-top-width: var(--cui-list-group-border-width); } .list-group-horizontal { flex-direction: row; } html:not([dir=rtl]) .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; } *[dir=rtl] .list-group-horizontal > .list-group-item:first-child:not(:last-child) { border-top-left-radius: 0; } html:not([dir=rtl]) .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; } *[dir=rtl] .list-group-horizontal > .list-group-item:last-child:not(:first-child) { border-bottom-right-radius: 0; } .list-group-horizontal > .list-group-item.active { margin-top: 0; } .list-group-horizontal > .list-group-item + .list-group-item { border-top-width: var(--cui-list-group-border-width); } html:not([dir=rtl]) .list-group-horizontal > .list-group-item + .list-group-item { border-left-width: 0; } *[dir=rtl] .list-group-horizontal > .list-group-item + .list-group-item { border-right-width: 0; } html:not([dir=rtl]) .list-group-horizontal > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--cui-list-group-border-width)); } *[dir=rtl] .list-group-horizontal > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--cui-list-group-border-width)); } html:not([dir=rtl]) .list-group-horizontal > .list-group-item + .list-group-item.active { border-left-width: var(--cui-list-group-border-width); } *[dir=rtl] .list-group-horizontal > .list-group-item + .list-group-item.active { border-right-width: var(--cui-list-group-border-width); } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } html:not([dir=rtl]) .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; } *[dir=rtl] .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-top-left-radius: 0; } html:not([dir=rtl]) .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; } *[dir=rtl] .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-bottom-right-radius: 0; } .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--cui-list-group-border-width); } html:not([dir=rtl]) .list-group-horizontal-sm > .list-group-item + .list-group-item { border-left-width: 0; } *[dir=rtl] .list-group-horizontal-sm > .list-group-item + .list-group-item { border-right-width: 0; } html:not([dir=rtl]) .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--cui-list-group-border-width)); } *[dir=rtl] .list-group-horizontal-sm > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--cui-list-group-border-width)); } html:not([dir=rtl]) .list-group-horizontal-sm > .list-group-item + .list-group-item.active { border-left-width: var(--cui-list-group-border-width); } *[dir=rtl] .list-group-horizontal-sm > .list-group-item + .list-group-item.active { border-right-width: var(--cui-list-group-border-width); } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } html:not([dir=rtl]) .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; } *[dir=rtl] .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { border-top-left-radius: 0; } html:not([dir=rtl]) .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; } *[dir=rtl] .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { border-bottom-right-radius: 0; } .list-group-horizontal-md > .list-group-item.active { margin-top: 0; } .list-group-horizontal-md > .list-group-item + .list-group-item { border-top-width: var(--cui-list-group-border-width); } html:not([dir=rtl]) .list-group-horizontal-md > .list-group-item + .list-group-item { border-left-width: 0; } *[dir=rtl] .list-group-horizontal-md > .list-group-item + .list-group-item { border-right-width: 0; } html:not([dir=rtl]) .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--cui-list-group-border-width)); } *[dir=rtl] .list-group-horizontal-md > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--cui-list-group-border-width)); } html:not([dir=rtl]) .list-group-horizontal-md > .list-group-item + .list-group-item.active { border-left-width: var(--cui-list-group-border-width); } *[dir=rtl] .list-group-horizontal-md > .list-group-item + .list-group-item.active { border-right-width: var(--cui-list-group-border-width); } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } html:not([dir=rtl]) .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; } *[dir=rtl] .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { border-top-left-radius: 0; } html:not([dir=rtl]) .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; } *[dir=rtl] .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { border-bottom-right-radius: 0; } .list-group-horizontal-lg > .list-group-item.active { margin-top: 0; } .list-group-horizontal-lg > .list-group-item + .list-group-item { border-top-width: var(--cui-list-group-border-width); } html:not([dir=rtl]) .list-group-horizontal-lg > .list-group-item + .list-group-item { border-left-width: 0; } *[dir=rtl] .list-group-horizontal-lg > .list-group-item + .list-group-item { border-right-width: 0; } html:not([dir=rtl]) .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--cui-list-group-border-width)); } *[dir=rtl] .list-group-horizontal-lg > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--cui-list-group-border-width)); } html:not([dir=rtl]) .list-group-horizontal-lg > .list-group-item + .list-group-item.active { border-left-width: var(--cui-list-group-border-width); } *[dir=rtl] .list-group-horizontal-lg > .list-group-item + .list-group-item.active { border-right-width: var(--cui-list-group-border-width); } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } html:not([dir=rtl]) .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; } *[dir=rtl] .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { border-top-left-radius: 0; } html:not([dir=rtl]) .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; } *[dir=rtl] .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { border-bottom-right-radius: 0; } .list-group-horizontal-xl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xl > .list-group-item + .list-group-item { border-top-width: var(--cui-list-group-border-width); } html:not([dir=rtl]) .list-group-horizontal-xl > .list-group-item + .list-group-item { border-left-width: 0; } *[dir=rtl] .list-group-horizontal-xl > .list-group-item + .list-group-item { border-right-width: 0; } html:not([dir=rtl]) .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--cui-list-group-border-width)); } *[dir=rtl] .list-group-horizontal-xl > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--cui-list-group-border-width)); } html:not([dir=rtl]) .list-group-horizontal-xl > .list-group-item + .list-group-item.active { border-left-width: var(--cui-list-group-border-width); } *[dir=rtl] .list-group-horizontal-xl > .list-group-item + .list-group-item.active { border-right-width: var(--cui-list-group-border-width); } } @media (min-width: 1400px) { .list-group-horizontal-xxl { flex-direction: row; } html:not([dir=rtl]) .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-bottom-right-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-top-right-radius: 0; } *[dir=rtl] .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { border-top-left-radius: 0; } html:not([dir=rtl]) .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--cui-list-group-border-radius); } *[dir=rtl] .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-top-left-radius: var(--cui-list-group-border-radius); } html:not([dir=rtl]) .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-bottom-left-radius: 0; } *[dir=rtl] .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { border-bottom-right-radius: 0; } .list-group-horizontal-xxl > .list-group-item.active { margin-top: 0; } .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-top-width: var(--cui-list-group-border-width); } html:not([dir=rtl]) .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-left-width: 0; } *[dir=rtl] .list-group-horizontal-xxl > .list-group-item + .list-group-item { border-right-width: 0; } html:not([dir=rtl]) .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-left: calc(-1 * var(--cui-list-group-border-width)); } *[dir=rtl] .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { margin-right: calc(-1 * var(--cui-list-group-border-width)); } html:not([dir=rtl]) .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { border-left-width: var(--cui-list-group-border-width); } *[dir=rtl] .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { border-right-width: var(--cui-list-group-border-width); } } .list-group-flush { border-radius: 0; } .list-group-flush > .list-group-item { border-width: 0 0 var(--cui-list-group-border-width); } .list-group-flush > .list-group-item:last-child { border-bottom-width: 0; } .list-group-item-primary { --cui-list-group-color: var(--cui-primary-text-emphasis); --cui-list-group-bg: var(--cui-primary-bg-subtle); --cui-list-group-border-color: var(--cui-primary-border-subtle); --cui-list-group-action-hover-color: var(--cui-emphasis-color); --cui-list-group-action-hover-bg: var(--cui-primary-border-subtle); --cui-list-group-action-active-color: var(--cui-emphasis-color); --cui-list-group-action-active-bg: var(--cui-primary-border-subtle); --cui-list-group-active-color: var(--cui-primary-bg-subtle); --cui-list-group-active-bg: var(--cui-primary-text-emphasis); --cui-list-group-active-border-color: var(--cui-primary-text-emphasis); } .list-group-item-secondary { --cui-list-group-color: var(--cui-secondary-text-emphasis); --cui-list-group-bg: var(--cui-secondary-bg-subtle); --cui-list-group-border-color: var(--cui-secondary-border-subtle); --cui-list-group-action-hover-color: var(--cui-emphasis-color); --cui-list-group-action-hover-bg: var(--cui-secondary-border-subtle); --cui-list-group-action-active-color: var(--cui-emphasis-color); --cui-list-group-action-active-bg: var(--cui-secondary-border-subtle); --cui-list-group-active-color: var(--cui-secondary-bg-subtle); --cui-list-group-active-bg: var(--cui-secondary-text-emphasis); --cui-list-group-active-border-color: var(--cui-secondary-text-emphasis); } .list-group-item-success { --cui-list-group-color: var(--cui-success-text-emphasis); --cui-list-group-bg: var(--cui-success-bg-subtle); --cui-list-group-border-color: var(--cui-success-border-subtle); --cui-list-group-action-hover-color: var(--cui-emphasis-color); --cui-list-group-action-hover-bg: var(--cui-success-border-subtle); --cui-list-group-action-active-color: var(--cui-emphasis-color); --cui-list-group-action-active-bg: var(--cui-success-border-subtle); --cui-list-group-active-color: var(--cui-success-bg-subtle); --cui-list-group-active-bg: var(--cui-success-text-emphasis); --cui-list-group-active-border-color: var(--cui-success-text-emphasis); } .list-group-item-info { --cui-list-group-color: var(--cui-info-text-emphasis); --cui-list-group-bg: var(--cui-info-bg-subtle); --cui-list-group-border-color: var(--cui-info-border-subtle); --cui-list-group-action-hover-color: var(--cui-emphasis-color); --cui-list-group-action-hover-bg: var(--cui-info-border-subtle); --cui-list-group-action-active-color: var(--cui-emphasis-color); --cui-list-group-action-active-bg: var(--cui-info-border-subtle); --cui-list-group-active-color: var(--cui-info-bg-subtle); --cui-list-group-active-bg: var(--cui-info-text-emphasis); --cui-list-group-active-border-color: var(--cui-info-text-emphasis); } .list-group-item-warning { --cui-list-group-color: var(--cui-warning-text-emphasis); --cui-list-group-bg: var(--cui-warning-bg-subtle); --cui-list-group-border-color: var(--cui-warning-border-subtle); --cui-list-group-action-hover-color: var(--cui-emphasis-color); --cui-list-group-action-hover-bg: var(--cui-warning-border-subtle); --cui-list-group-action-active-color: var(--cui-emphasis-color); --cui-list-group-action-active-bg: var(--cui-warning-border-subtle); --cui-list-group-active-color: var(--cui-warning-bg-subtle); --cui-list-group-active-bg: var(--cui-warning-text-emphasis); --cui-list-group-active-border-color: var(--cui-warning-text-emphasis); } .list-group-item-danger { --cui-list-group-color: var(--cui-danger-text-emphasis); --cui-list-group-bg: var(--cui-danger-bg-subtle); --cui-list-group-border-color: var(--cui-danger-border-subtle); --cui-list-group-action-hover-color: var(--cui-emphasis-color); --cui-list-group-action-hover-bg: var(--cui-danger-border-subtle); --cui-list-group-action-active-color: var(--cui-emphasis-color); --cui-list-group-action-active-bg: var(--cui-danger-border-subtle); --cui-list-group-active-color: var(--cui-danger-bg-subtle); --cui-list-group-active-bg: var(--cui-danger-text-emphasis); --cui-list-group-active-border-color: var(--cui-danger-text-emphasis); } .list-group-item-light { --cui-list-group-color: var(--cui-light-text-emphasis); --cui-list-group-bg: var(--cui-light-bg-subtle); --cui-list-group-border-color: var(--cui-light-border-subtle); --cui-list-group-action-hover-color: var(--cui-emphasis-color); --cui-list-group-action-hover-bg: var(--cui-light-border-subtle); --cui-list-group-action-active-color: var(--cui-emphasis-color); --cui-list-group-action-active-bg: var(--cui-light-border-subtle); --cui-list-group-active-color: var(--cui-light-bg-subtle); --cui-list-group-active-bg: var(--cui-light-text-emphasis); --cui-list-group-active-border-color: var(--cui-light-text-emphasis); } .list-group-item-dark { --cui-list-group-color: var(--cui-dark-text-emphasis); --cui-list-group-bg: var(--cui-dark-bg-subtle); --cui-list-group-border-color: var(--cui-dark-border-subtle); --cui-list-group-action-hover-color: var(--cui-emphasis-color); --cui-list-group-action-hover-bg: var(--cui-dark-border-subtle); --cui-list-group-action-active-color: var(--cui-emphasis-color); --cui-list-group-action-active-bg: var(--cui-dark-border-subtle); --cui-list-group-active-color: var(--cui-dark-bg-subtle); --cui-list-group-active-bg: var(--cui-dark-text-emphasis); --cui-list-group-active-border-color: var(--cui-dark-text-emphasis); } .btn-close { --cui-btn-close-color: #080a0c; --cui-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23080a0c'%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.414'/%3e%3c/svg%3e"); --cui-btn-close-opacity: 0.5; --cui-btn-close-hover-opacity: 0.75; --cui-btn-close-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25); --cui-btn-close-focus-opacity: 1; --cui-btn-close-disabled-opacity: 0.25; --cui-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--cui-btn-close-color); background: transparent var(--cui-btn-close-bg) center/1em auto no-repeat; border: 0; border-radius: 0.375rem; opacity: var(--cui-btn-close-opacity); } .btn-close:hover { color: var(--cui-btn-close-color); text-decoration: none; opacity: var(--cui-btn-close-hover-opacity); } .btn-close:focus { outline: 0; box-shadow: var(--cui-btn-close-focus-shadow); opacity: var(--cui-btn-close-focus-opacity); } .btn-close:disabled, .btn-close.disabled { pointer-events: none; -webkit-user-select: none; user-select: none; opacity: var(--cui-btn-close-disabled-opacity); } .btn-close[data-coreui-theme=dark], .btn-close-white { filter: var(--cui-btn-close-white-filter); } [data-coreui-theme=dark] .btn-close { filter: var(--cui-btn-close-white-filter); } .toast { --cui-toast-zindex: 1090; --cui-toast-padding-x: 0.75rem; --cui-toast-padding-y: 0.5rem; --cui-toast-spacing: 1.5rem; --cui-toast-max-width: 350px; --cui-toast-font-size: 0.875rem; --cui-toast-color: ; --cui-toast-bg: rgba(var(--cui-body-bg-rgb), 0.85); --cui-toast-border-width: var(--cui-border-width); --cui-toast-border-color: var(--cui-border-color-translucent); --cui-toast-border-radius: var(--cui-border-radius); --cui-toast-box-shadow: var(--cui-box-shadow); --cui-toast-header-color: var(--cui-secondary-color); --cui-toast-header-bg: rgba(var(--cui-body-bg-rgb), 0.85); --cui-toast-header-border-color: var(--cui-border-color-translucent); width: var(--cui-toast-max-width); max-width: 100%; font-size: var(--cui-toast-font-size); color: var(--cui-toast-color); pointer-events: auto; background-color: var(--cui-toast-bg); background-clip: padding-box; border: var(--cui-toast-border-width) solid var(--cui-toast-border-color); box-shadow: var(--cui-toast-box-shadow); border-radius: var(--cui-toast-border-radius); } .toast.showing { opacity: 0; } .toast:not(.show) { display: none; } .toast-container { --cui-toast-zindex: 1090; position: absolute; z-index: var(--cui-toast-zindex); width: max-content; max-width: 100%; pointer-events: none; } .toast-container > :not(:last-child) { margin-bottom: var(--cui-toast-spacing); } .toast-header { display: flex; align-items: center; padding: var(--cui-toast-padding-y) var(--cui-toast-padding-x); color: var(--cui-toast-header-color); background-color: var(--cui-toast-header-bg); background-clip: padding-box; border-bottom: var(--cui-toast-border-width) solid var(--cui-toast-header-border-color); border-top-left-radius: calc(var(--cui-toast-border-radius) - var(--cui-toast-border-width)); border-top-right-radius: calc(var(--cui-toast-border-radius) - var(--cui-toast-border-width)); } html:not([dir=rtl]) .toast-header .btn-close { margin-right: calc(-0.5 * var(--cui-toast-padding-x)); } *[dir=rtl] .toast-header .btn-close { margin-left: calc(-0.5 * var(--cui-toast-padding-x)); } html:not([dir=rtl]) .toast-header .btn-close { margin-left: var(--cui-toast-padding-x); } *[dir=rtl] .toast-header .btn-close { margin-right: var(--cui-toast-padding-x); } .toast-body { padding: var(--cui-toast-padding-x); word-wrap: break-word; } .modal { --cui-modal-zindex: 1055; --cui-modal-width: 500px; --cui-modal-padding: 1rem; --cui-modal-margin: 0.5rem; --cui-modal-color: ; --cui-modal-bg: var(--cui-body-bg); --cui-modal-border-color: var(--cui-border-color-translucent); --cui-modal-border-width: var(--cui-border-width); --cui-modal-border-radius: var(--cui-border-radius-lg); --cui-modal-box-shadow: var(--cui-box-shadow-sm); --cui-modal-inner-border-radius: calc(var(--cui-border-radius-lg) - (var(--cui-border-width))); --cui-modal-header-padding-x: 1rem; --cui-modal-header-padding-y: 1rem; --cui-modal-header-padding: 1rem 1rem; --cui-modal-header-border-color: var(--cui-border-color); --cui-modal-header-border-width: var(--cui-border-width); --cui-modal-title-line-height: 1.5; --cui-modal-footer-gap: 0.5rem; --cui-modal-footer-bg: ; --cui-modal-footer-border-color: var(--cui-border-color); --cui-modal-footer-border-width: var(--cui-border-width); position: fixed; top: 0; z-index: var(--cui-modal-zindex); display: none; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; outline: 0; } html:not([dir=rtl]) .modal { left: 0; } *[dir=rtl] .modal { right: 0; } .modal-dialog { position: relative; width: auto; margin: var(--cui-modal-margin); pointer-events: none; } .modal.fade .modal-dialog { transform: translate(0, -50px); transition: transform 0.3s ease-out; } @media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { transition: none; } } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { height: calc(100% - var(--cui-modal-margin) * 2); } .modal-dialog-scrollable .modal-content { max-height: 100%; overflow: hidden; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - var(--cui-modal-margin) * 2); } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; color: var(--cui-modal-color); pointer-events: auto; background-color: var(--cui-modal-bg); background-clip: padding-box; border: var(--cui-modal-border-width) solid var(--cui-modal-border-color); border-radius: var(--cui-modal-border-radius); outline: 0; } .modal-backdrop { --cui-backdrop-zindex: 1050; --cui-backdrop-bg: #080a0c; --cui-backdrop-opacity: 0.5; position: fixed; top: 0; left: 0; z-index: var(--cui-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--cui-backdrop-bg); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: var(--cui-backdrop-opacity); } .modal-header { display: flex; flex-shrink: 0; align-items: center; padding: var(--cui-modal-header-padding); border-bottom: var(--cui-modal-header-border-width) solid var(--cui-modal-header-border-color); border-top-left-radius: var(--cui-modal-inner-border-radius); border-top-right-radius: var(--cui-modal-inner-border-radius); } .modal-header .btn-close { padding: calc(var(--cui-modal-header-padding-y) * 0.5) calc(var(--cui-modal-header-padding-x) * 0.5); } html:not([dir=rtl]) .modal-header .btn-close { margin: calc(-0.5 * var(--cui-modal-header-padding-y)) calc(-0.5 * var(--cui-modal-header-padding-x)) calc(-0.5 * var(--cui-modal-header-padding-y)) auto; } *[dir=rtl] .modal-header .btn-close { margin: calc(-0.5 * var(--cui-modal-header-padding-y)) auto calc(-0.5 * var(--cui-modal-header-padding-y)) calc(-0.5 * var(--cui-modal-header-padding-x)); } .modal-title { margin-bottom: 0; line-height: var(--cui-modal-title-line-height); } .modal-body { position: relative; flex: 1 1 auto; padding: var(--cui-modal-padding); } .modal-footer { display: flex; flex-shrink: 0; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: calc(var(--cui-modal-padding) - var(--cui-modal-footer-gap) * 0.5); background-color: var(--cui-modal-footer-bg); border-top: var(--cui-modal-footer-border-width) solid var(--cui-modal-footer-border-color); border-bottom-right-radius: var(--cui-modal-inner-border-radius); border-bottom-left-radius: var(--cui-modal-inner-border-radius); } .modal-footer > * { margin: calc(var(--cui-modal-footer-gap) * 0.5); } @media (min-width: 576px) { .modal { --cui-modal-margin: 1.75rem; --cui-modal-box-shadow: var(--cui-box-shadow); } .modal-dialog { max-width: var(--cui-modal-width); margin-right: auto; margin-left: auto; } .modal-sm { --cui-modal-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { --cui-modal-width: 800px; } } @media (min-width: 1200px) { .modal-xl { --cui-modal-width: 1140px; } } .modal-fullscreen { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen .modal-header, .modal-fullscreen .modal-footer { border-radius: 0; } .modal-fullscreen .modal-body { overflow-y: auto; } @media (max-width: 575.98px) { .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-sm-down .modal-header, .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } } @media (max-width: 767.98px) { .modal-fullscreen-md-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-md-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { border-radius: 0; } .modal-fullscreen-md-down .modal-body { overflow-y: auto; } } @media (max-width: 991.98px) { .modal-fullscreen-lg-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-lg-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { border-radius: 0; } .modal-fullscreen-lg-down .modal-body { overflow-y: auto; } } @media (max-width: 1199.98px) { .modal-fullscreen-xl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xl-down .modal-body { overflow-y: auto; } } @media (max-width: 1399.98px) { .modal-fullscreen-xxl-down { width: 100vw; max-width: none; height: 100%; margin: 0; } .modal-fullscreen-xxl-down .modal-content { height: 100%; border: 0; border-radius: 0; } .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { border-radius: 0; } .modal-fullscreen-xxl-down .modal-body { overflow-y: auto; } } .tooltip { --cui-tooltip-zindex: 1080; --cui-tooltip-max-width: 200px; --cui-tooltip-padding-x: 0.5rem; --cui-tooltip-padding-y: 0.25rem; --cui-tooltip-margin: ; --cui-tooltip-font-size: 0.875rem; --cui-tooltip-color: var(--cui-body-bg); --cui-tooltip-bg: var(--cui-emphasis-color); --cui-tooltip-border-radius: var(--cui-border-radius); --cui-tooltip-opacity: 0.9; --cui-tooltip-arrow-width: 0.8rem; --cui-tooltip-arrow-height: 0.4rem; z-index: var(--cui-tooltip-zindex); display: block; margin: var(--cui-tooltip-margin); font-family: var(--cui-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--cui-tooltip-font-size); word-wrap: break-word; opacity: 0; } html:not([dir=rtl]) .tooltip { text-align: left; } *[dir=rtl] .tooltip { text-align: right; } .tooltip.show { opacity: var(--cui-tooltip-opacity); } .tooltip .tooltip-arrow { display: block; width: var(--cui-tooltip-arrow-width); height: var(--cui-tooltip-arrow-height); } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { bottom: calc(-1 * var(--cui-tooltip-arrow-height)); } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { top: -1px; border-width: var(--cui-tooltip-arrow-height) calc(var(--cui-tooltip-arrow-width) * 0.5) 0; border-top-color: var(--cui-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { left: calc(-1 * var(--cui-tooltip-arrow-height)); width: var(--cui-tooltip-arrow-height); height: var(--cui-tooltip-arrow-width); } .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { right: -1px; border-width: calc(var(--cui-tooltip-arrow-width) * 0.5) var(--cui-tooltip-arrow-height) calc(var(--cui-tooltip-arrow-width) * 0.5) 0; border-right-color: var(--cui-tooltip-bg); } /* rtl:end:ignore */ .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { top: calc(-1 * var(--cui-tooltip-arrow-height)); } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { bottom: -1px; border-width: 0 calc(var(--cui-tooltip-arrow-width) * 0.5) var(--cui-tooltip-arrow-height); border-bottom-color: var(--cui-tooltip-bg); } /* rtl:begin:ignore */ .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { right: calc(-1 * var(--cui-tooltip-arrow-height)); width: var(--cui-tooltip-arrow-height); height: var(--cui-tooltip-arrow-width); } .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { left: -1px; border-width: calc(var(--cui-tooltip-arrow-width) * 0.5) 0 calc(var(--cui-tooltip-arrow-width) * 0.5) var(--cui-tooltip-arrow-height); border-left-color: var(--cui-tooltip-bg); } /* rtl:end:ignore */ .tooltip-inner { max-width: var(--cui-tooltip-max-width); padding: var(--cui-tooltip-padding-y) var(--cui-tooltip-padding-x); color: var(--cui-tooltip-color); text-align: center; background-color: var(--cui-tooltip-bg); border-radius: var(--cui-tooltip-border-radius); } .popover { --cui-popover-zindex: 1070; --cui-popover-max-width: 276px; --cui-popover-font-size: 0.875rem; --cui-popover-bg: var(--cui-body-bg); --cui-popover-border-width: var(--cui-border-width); --cui-popover-border-color: var(--cui-border-color-translucent); --cui-popover-border-radius: var(--cui-border-radius-lg); --cui-popover-inner-border-radius: calc(var(--cui-border-radius-lg) - var(--cui-border-width)); --cui-popover-box-shadow: var(--cui-box-shadow); --cui-popover-header-padding-x: 1rem; --cui-popover-header-padding-y: 0.5rem; --cui-popover-header-font-size: 1rem; --cui-popover-header-color: inherit; --cui-popover-header-bg: var(--cui-secondary-bg); --cui-popover-body-padding-x: 1rem; --cui-popover-body-padding-y: 1rem; --cui-popover-body-color: var(--cui-body-color); --cui-popover-arrow-width: 1rem; --cui-popover-arrow-height: 0.5rem; --cui-popover-arrow-border: var(--cui-popover-border-color); z-index: var(--cui-popover-zindex); display: block; max-width: var(--cui-popover-max-width); font-family: var(--cui-font-sans-serif); font-style: normal; font-weight: 400; line-height: 1.5; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; white-space: normal; word-spacing: normal; line-break: auto; font-size: var(--cui-popover-font-size); word-wrap: break-word; background-color: var(--cui-popover-bg); background-clip: padding-box; border: var(--cui-popover-border-width) solid var(--cui-popover-border-color); border-radius: var(--cui-popover-border-radius); } html:not([dir=rtl]) .popover { text-align: left; } *[dir=rtl] .popover { text-align: right; } .popover .popover-arrow { display: block; width: var(--cui-popover-arrow-width); height: var(--cui-popover-arrow-height); } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { bottom: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width)); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { border-width: var(--cui-popover-arrow-height) calc(var(--cui-popover-arrow-width) * 0.5) 0; } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { bottom: 0; border-top-color: var(--cui-popover-arrow-border); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { bottom: var(--cui-popover-border-width); border-top-color: var(--cui-popover-bg); } /* rtl:begin:ignore */ .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { left: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width)); width: var(--cui-popover-arrow-height); height: var(--cui-popover-arrow-width); } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { border-width: calc(var(--cui-popover-arrow-width) * 0.5) var(--cui-popover-arrow-height) calc(var(--cui-popover-arrow-width) * 0.5) 0; } .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { left: 0; border-right-color: var(--cui-popover-arrow-border); } .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { left: var(--cui-popover-border-width); border-right-color: var(--cui-popover-bg); } /* rtl:end:ignore */ .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { top: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width)); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { border-width: 0 calc(var(--cui-popover-arrow-width) * 0.5) var(--cui-popover-arrow-height); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { top: 0; border-bottom-color: var(--cui-popover-arrow-border); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { top: var(--cui-popover-border-width); border-bottom-color: var(--cui-popover-bg); } .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: var(--cui-popover-arrow-width); margin-left: calc(-0.5 * var(--cui-popover-arrow-width)); content: ""; border-bottom: var(--cui-popover-border-width) solid var(--cui-popover-header-bg); } /* rtl:begin:ignore */ .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { right: calc(-1 * (var(--cui-popover-arrow-height)) - var(--cui-popover-border-width)); width: var(--cui-popover-arrow-height); height: var(--cui-popover-arrow-width); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { border-width: calc(var(--cui-popover-arrow-width) * 0.5) 0 calc(var(--cui-popover-arrow-width) * 0.5) var(--cui-popover-arrow-height); } .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { right: 0; border-left-color: var(--cui-popover-arrow-border); } .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { right: var(--cui-popover-border-width); border-left-color: var(--cui-popover-bg); } /* rtl:end:ignore */ .popover-header { padding: var(--cui-popover-header-padding-y) var(--cui-popover-header-padding-x); margin-bottom: 0; font-size: var(--cui-popover-header-font-size); color: var(--cui-popover-header-color); background-color: var(--cui-popover-header-bg); border-bottom: var(--cui-popover-border-width) solid var(--cui-popover-border-color); border-top-left-radius: var(--cui-popover-inner-border-radius); border-top-right-radius: var(--cui-popover-inner-border-radius); } .popover-header:empty { display: none; } .popover-body { padding: var(--cui-popover-body-padding-y) var(--cui-popover-body-padding-x); color: var(--cui-popover-body-color); } .carousel { position: relative; } .carousel.pointer-event { touch-action: pan-y; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .carousel-inner::after { display: block; clear: both; content: ""; } .carousel-item { position: relative; display: none; float: left; width: 100%; margin-right: -100%; backface-visibility: hidden; transition: transform 0.6s ease-in-out; } @media (prefers-reduced-motion: reduce) { .carousel-item { transition: none; } } .carousel-item.active, .carousel-item-next, .carousel-item-prev { display: block; } .carousel-item-next:not(.carousel-item-start), .active.carousel-item-end { transform: translateX(100%); } .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start { transform: translateX(-100%); } .carousel-fade .carousel-item { opacity: 0; transition-property: opacity; transform: none; } .carousel-fade .carousel-item.active, .carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end { z-index: 1; opacity: 1; } .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { z-index: 0; opacity: 0; transition: opacity 0s 0.6s; } @media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { transition: none; } } .carousel-control-prev, .carousel-control-next { position: absolute; top: 0; bottom: 0; z-index: 1; display: flex; align-items: center; justify-content: center; width: 15%; padding: 0; color: #fff; text-align: center; background: none; border: 0; opacity: 0.5; transition: opacity 0.15s ease; } @media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { transition: none; } } .carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus { color: #fff; text-decoration: none; outline: 0; opacity: 0.9; } .carousel-control-prev { left: 0; } .carousel-control-next { right: 0; } .carousel-control-prev-icon, .carousel-control-next-icon { display: inline-block; width: 2rem; height: 2rem; background-repeat: no-repeat; background-position: 50%; background-size: 100% 100%; } /* rtl:options: { "autoRename": true, "stringMap":[ { "name" : "prev-next", "search" : "prev", "replace" : "next" } ] } */ .carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e"); } .carousel-indicators { position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; display: flex; justify-content: center; padding: 0; margin-right: 15%; margin-bottom: 1rem; margin-left: 15%; } .carousel-indicators [data-coreui-target] { box-sizing: content-box; flex: 0 1 auto; width: 30px; height: 3px; padding: 0; margin-right: 3px; margin-left: 3px; text-indent: -999px; cursor: pointer; background-color: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-coreui-target] { transition: none; } } .carousel-indicators .active { opacity: 1; } .carousel-caption { position: absolute; right: 15%; bottom: 1.25rem; left: 15%; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-coreui-target] { background-color: #080a0c; } .carousel-dark .carousel-caption { color: #080a0c; } [data-coreui-theme=dark] .carousel .carousel-control-prev-icon, [data-coreui-theme=dark] .carousel .carousel-control-next-icon, [data-coreui-theme=dark].carousel .carousel-control-prev-icon, [data-coreui-theme=dark].carousel .carousel-control-next-icon { filter: invert(1) grayscale(100); } [data-coreui-theme=dark] .carousel .carousel-indicators [data-coreui-target], [data-coreui-theme=dark].carousel .carousel-indicators [data-coreui-target] { background-color: #080a0c; } [data-coreui-theme=dark] .carousel .carousel-caption, [data-coreui-theme=dark].carousel .carousel-caption { color: #080a0c; } .spinner-grow, .spinner-border { display: inline-block; width: var(--cui-spinner-width); height: var(--cui-spinner-height); vertical-align: var(--cui-spinner-vertical-align); border-radius: 50%; animation: var(--cui-spinner-animation-speed) linear infinite var(--cui-spinner-animation-name); } @keyframes spinner-border { to { transform: rotate(360deg) /* rtl:ignore */; } } .spinner-border { --cui-spinner-width: 2rem; --cui-spinner-height: 2rem; --cui-spinner-vertical-align: -0.125em; --cui-spinner-border-width: 0.25em; --cui-spinner-animation-speed: 0.75s; --cui-spinner-animation-name: spinner-border; border: var(--cui-spinner-border-width) solid currentcolor; border-right-color: transparent; } .spinner-border-sm { --cui-spinner-width: 1rem; --cui-spinner-height: 1rem; --cui-spinner-border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { --cui-spinner-width: 2rem; --cui-spinner-height: 2rem; --cui-spinner-vertical-align: -0.125em; --cui-spinner-animation-speed: 0.75s; --cui-spinner-animation-name: spinner-grow; background-color: currentcolor; opacity: 0; } .spinner-grow-sm { --cui-spinner-width: 1rem; --cui-spinner-height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { --cui-spinner-animation-speed: 1.5s; } } .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { --cui-offcanvas-zindex: 1045; --cui-offcanvas-width: 400px; --cui-offcanvas-height: 30vh; --cui-offcanvas-padding-x: 1rem; --cui-offcanvas-padding-y: 1rem; --cui-offcanvas-color: var(--cui-body-color); --cui-offcanvas-bg: var(--cui-body-bg); --cui-offcanvas-border-width: var(--cui-border-width); --cui-offcanvas-border-color: var(--cui-border-color-translucent); --cui-offcanvas-box-shadow: var(--cui-box-shadow-sm); --cui-offcanvas-transition: transform 0.3s ease-in-out; --cui-offcanvas-title-line-height: 1.5; } @media (max-width: 575.98px) { .offcanvas-sm { position: fixed; bottom: 0; z-index: var(--cui-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--cui-offcanvas-color); visibility: hidden; background-color: var(--cui-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--cui-offcanvas-transition); } } @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { .offcanvas-sm { transition: none; } } @media (max-width: 575.98px) { .offcanvas-sm.offcanvas-start { top: 0; width: var(--cui-offcanvas-width); } html:not([dir=rtl]) .offcanvas-sm.offcanvas-start { left: 0; } *[dir=rtl] .offcanvas-sm.offcanvas-start { right: 0; } html:not([dir=rtl]) .offcanvas-sm.offcanvas-start { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas-sm.offcanvas-start { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } html:not([dir=rtl]) .offcanvas-sm.offcanvas-start { transform: translateX(-100%); } *[dir=rtl] .offcanvas-sm.offcanvas-start { transform: translateX(100%); } .offcanvas-sm.offcanvas-end { top: 0; width: var(--cui-offcanvas-width); transform: translateX(100%); } html:not([dir=rtl]) .offcanvas-sm.offcanvas-end { right: 0; } *[dir=rtl] .offcanvas-sm.offcanvas-end { left: 0; } html:not([dir=rtl]) .offcanvas-sm.offcanvas-end { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas-sm.offcanvas-end { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-bottom: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-top: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(100%); } .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none !important; } .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } } @media (min-width: 576px) { .offcanvas-sm { --cui-offcanvas-height: auto; --cui-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-sm .offcanvas-header { display: none; } .offcanvas-sm .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 767.98px) { .offcanvas-md { position: fixed; bottom: 0; z-index: var(--cui-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--cui-offcanvas-color); visibility: hidden; background-color: var(--cui-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--cui-offcanvas-transition); } } @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .offcanvas-md { transition: none; } } @media (max-width: 767.98px) { .offcanvas-md.offcanvas-start { top: 0; width: var(--cui-offcanvas-width); } html:not([dir=rtl]) .offcanvas-md.offcanvas-start { left: 0; } *[dir=rtl] .offcanvas-md.offcanvas-start { right: 0; } html:not([dir=rtl]) .offcanvas-md.offcanvas-start { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas-md.offcanvas-start { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } html:not([dir=rtl]) .offcanvas-md.offcanvas-start { transform: translateX(-100%); } *[dir=rtl] .offcanvas-md.offcanvas-start { transform: translateX(100%); } .offcanvas-md.offcanvas-end { top: 0; width: var(--cui-offcanvas-width); transform: translateX(100%); } html:not([dir=rtl]) .offcanvas-md.offcanvas-end { right: 0; } *[dir=rtl] .offcanvas-md.offcanvas-end { left: 0; } html:not([dir=rtl]) .offcanvas-md.offcanvas-end { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas-md.offcanvas-end { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } .offcanvas-md.offcanvas-top { top: 0; right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-bottom: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-md.offcanvas-bottom { right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-top: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(100%); } .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { transform: none !important; } .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } } @media (min-width: 768px) { .offcanvas-md { --cui-offcanvas-height: auto; --cui-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-md .offcanvas-header { display: none; } .offcanvas-md .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 991.98px) { .offcanvas-lg { position: fixed; bottom: 0; z-index: var(--cui-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--cui-offcanvas-color); visibility: hidden; background-color: var(--cui-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--cui-offcanvas-transition); } } @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { .offcanvas-lg { transition: none; } } @media (max-width: 991.98px) { .offcanvas-lg.offcanvas-start { top: 0; width: var(--cui-offcanvas-width); } html:not([dir=rtl]) .offcanvas-lg.offcanvas-start { left: 0; } *[dir=rtl] .offcanvas-lg.offcanvas-start { right: 0; } html:not([dir=rtl]) .offcanvas-lg.offcanvas-start { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas-lg.offcanvas-start { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } html:not([dir=rtl]) .offcanvas-lg.offcanvas-start { transform: translateX(-100%); } *[dir=rtl] .offcanvas-lg.offcanvas-start { transform: translateX(100%); } .offcanvas-lg.offcanvas-end { top: 0; width: var(--cui-offcanvas-width); transform: translateX(100%); } html:not([dir=rtl]) .offcanvas-lg.offcanvas-end { right: 0; } *[dir=rtl] .offcanvas-lg.offcanvas-end { left: 0; } html:not([dir=rtl]) .offcanvas-lg.offcanvas-end { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas-lg.offcanvas-end { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } .offcanvas-lg.offcanvas-top { top: 0; right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-bottom: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-lg.offcanvas-bottom { right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-top: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(100%); } .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { transform: none !important; } .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { visibility: visible; } } @media (min-width: 992px) { .offcanvas-lg { --cui-offcanvas-height: auto; --cui-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-lg .offcanvas-header { display: none; } .offcanvas-lg .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1199.98px) { .offcanvas-xl { position: fixed; bottom: 0; z-index: var(--cui-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--cui-offcanvas-color); visibility: hidden; background-color: var(--cui-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--cui-offcanvas-transition); } } @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xl { transition: none; } } @media (max-width: 1199.98px) { .offcanvas-xl.offcanvas-start { top: 0; width: var(--cui-offcanvas-width); } html:not([dir=rtl]) .offcanvas-xl.offcanvas-start { left: 0; } *[dir=rtl] .offcanvas-xl.offcanvas-start { right: 0; } html:not([dir=rtl]) .offcanvas-xl.offcanvas-start { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas-xl.offcanvas-start { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } html:not([dir=rtl]) .offcanvas-xl.offcanvas-start { transform: translateX(-100%); } *[dir=rtl] .offcanvas-xl.offcanvas-start { transform: translateX(100%); } .offcanvas-xl.offcanvas-end { top: 0; width: var(--cui-offcanvas-width); transform: translateX(100%); } html:not([dir=rtl]) .offcanvas-xl.offcanvas-end { right: 0; } *[dir=rtl] .offcanvas-xl.offcanvas-end { left: 0; } html:not([dir=rtl]) .offcanvas-xl.offcanvas-end { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas-xl.offcanvas-end { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } .offcanvas-xl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-bottom: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xl.offcanvas-bottom { right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-top: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { transform: none !important; } .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { visibility: visible; } } @media (min-width: 1200px) { .offcanvas-xl { --cui-offcanvas-height: auto; --cui-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xl .offcanvas-header { display: none; } .offcanvas-xl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } @media (max-width: 1399.98px) { .offcanvas-xxl { position: fixed; bottom: 0; z-index: var(--cui-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--cui-offcanvas-color); visibility: hidden; background-color: var(--cui-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--cui-offcanvas-transition); } } @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { .offcanvas-xxl { transition: none; } } @media (max-width: 1399.98px) { .offcanvas-xxl.offcanvas-start { top: 0; width: var(--cui-offcanvas-width); } html:not([dir=rtl]) .offcanvas-xxl.offcanvas-start { left: 0; } *[dir=rtl] .offcanvas-xxl.offcanvas-start { right: 0; } html:not([dir=rtl]) .offcanvas-xxl.offcanvas-start { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas-xxl.offcanvas-start { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } html:not([dir=rtl]) .offcanvas-xxl.offcanvas-start { transform: translateX(-100%); } *[dir=rtl] .offcanvas-xxl.offcanvas-start { transform: translateX(100%); } .offcanvas-xxl.offcanvas-end { top: 0; width: var(--cui-offcanvas-width); transform: translateX(100%); } html:not([dir=rtl]) .offcanvas-xxl.offcanvas-end { right: 0; } *[dir=rtl] .offcanvas-xxl.offcanvas-end { left: 0; } html:not([dir=rtl]) .offcanvas-xxl.offcanvas-end { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas-xxl.offcanvas-end { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } .offcanvas-xxl.offcanvas-top { top: 0; right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-bottom: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(-100%); } .offcanvas-xxl.offcanvas-bottom { right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-top: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(100%); } .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { transform: none !important; } .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { visibility: visible; } } @media (min-width: 1400px) { .offcanvas-xxl { --cui-offcanvas-height: auto; --cui-offcanvas-border-width: 0; background-color: transparent !important; } .offcanvas-xxl .offcanvas-header { display: none; } .offcanvas-xxl .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; background-color: transparent !important; } } .offcanvas { position: fixed; bottom: 0; z-index: var(--cui-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; color: var(--cui-offcanvas-color); visibility: hidden; background-color: var(--cui-offcanvas-bg); background-clip: padding-box; outline: 0; transition: var(--cui-offcanvas-transition); } @media (prefers-reduced-motion: reduce) { .offcanvas { transition: none; } } .offcanvas.offcanvas-start { top: 0; width: var(--cui-offcanvas-width); } html:not([dir=rtl]) .offcanvas.offcanvas-start { left: 0; } *[dir=rtl] .offcanvas.offcanvas-start { right: 0; } html:not([dir=rtl]) .offcanvas.offcanvas-start { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas.offcanvas-start { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } html:not([dir=rtl]) .offcanvas.offcanvas-start { transform: translateX(-100%); } *[dir=rtl] .offcanvas.offcanvas-start { transform: translateX(100%); } .offcanvas.offcanvas-end { top: 0; width: var(--cui-offcanvas-width); transform: translateX(100%); } html:not([dir=rtl]) .offcanvas.offcanvas-end { right: 0; } *[dir=rtl] .offcanvas.offcanvas-end { left: 0; } html:not([dir=rtl]) .offcanvas.offcanvas-end { border-left: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } *[dir=rtl] .offcanvas.offcanvas-end { border-right: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); } .offcanvas.offcanvas-top { top: 0; right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-bottom: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(-100%); } .offcanvas.offcanvas-bottom { right: 0; left: 0; height: var(--cui-offcanvas-height); max-height: 100%; border-top: var(--cui-offcanvas-border-width) solid var(--cui-offcanvas-border-color); transform: translateY(100%); } .offcanvas.showing, .offcanvas.show:not(.hiding) { transform: none !important; } .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { visibility: visible; } .offcanvas-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: var(--cui-offcanvas-backdrop-bg, #080a0c); } .offcanvas-backdrop.fade { opacity: 0; } .offcanvas-backdrop.show { opacity: 0.5; } .offcanvas-header { display: flex; align-items: center; padding: var(--cui-offcanvas-padding-y) var(--cui-offcanvas-padding-x); } .offcanvas-header .btn-close { padding: calc(var(--cui-offcanvas-padding-y) * 0.5) calc(var(--cui-offcanvas-padding-x) * 0.5); margin-top: calc(-0.5 * var(--cui-offcanvas-padding-y)); margin-bottom: calc(-0.5 * var(--cui-offcanvas-padding-y)); } html:not([dir=rtl]) .offcanvas-header .btn-close { margin-right: calc(-0.5 * var(--cui-offcanvas-padding-x)); } *[dir=rtl] .offcanvas-header .btn-close { margin-left: calc(-0.5 * var(--cui-offcanvas-padding-x)); } .offcanvas-title { margin-bottom: 0; line-height: var(--cui-offcanvas-title-line-height); } .offcanvas-body { flex-grow: 1; padding: var(--cui-offcanvas-padding-y) var(--cui-offcanvas-padding-x); overflow-y: auto; } .placeholder { display: inline-block; min-height: 1em; vertical-align: middle; cursor: wait; background-color: currentcolor; opacity: 0.5; } .placeholder.btn::before { display: inline-block; content: ""; } .placeholder-xs { min-height: 0.6em; } .placeholder-sm { min-height: 0.8em; } .placeholder-lg { min-height: 1.2em; } .placeholder-glow .placeholder { animation: placeholder-glow 2s ease-in-out infinite; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .placeholder-wave { mask-image: linear-gradient(130deg, #080a0c 55%, rgba(0, 0, 0, 0.8) 75%, #080a0c 95%); mask-size: 200% 100%; animation: placeholder-wave 2s linear infinite; } @keyframes placeholder-wave { 100% { mask-position: -200% 0%; } } .avatar { --cui-avatar-width: 2rem; --cui-avatar-height: 2rem; --cui-avatar-font-size: 0.8rem; --cui-avatar-border-radius: 50em; --cui-avatar-status-width: 0.5rem; --cui-avatar-status-height: 0.5rem; --cui-avatar-status-border-radius: 50em; position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--cui-avatar-width); height: var(--cui-avatar-height); font-size: var(--cui-avatar-font-size); vertical-align: middle; border-radius: var(--cui-avatar-border-radius); transition: margin 0.15s; } @media (prefers-reduced-motion: reduce) { .avatar { transition: none; } } .avatar-img { width: 100%; height: auto; border-radius: var(--cui-avatar-border-radius); } .avatar-status { position: absolute; bottom: 0; display: block; width: var(--cui-avatar-status-width); height: var(--cui-avatar-status-height); border: 1px solid #fff; border-radius: var(--cui-avatar-status-border-radius); } html:not([dir=rtl]) .avatar-status { right: 0; } *[dir=rtl] .avatar-status { left: 0; } .avatar-sm { --cui-avatar-width: 1.5rem; --cui-avatar-height: 1.5rem; --cui-avatar-font-size: 0.6rem; --cui-avatar-status-width: 0.4rem; --cui-avatar-status-height: 0.4rem; } .avatar-md { --cui-avatar-width: 2.5rem; --cui-avatar-height: 2.5rem; --cui-avatar-font-size: 1rem; --cui-avatar-status-width: 0.7rem; --cui-avatar-status-height: 0.7rem; } .avatar-lg { --cui-avatar-width: 3rem; --cui-avatar-height: 3rem; --cui-avatar-font-size: 1.2rem; --cui-avatar-status-width: 0.8rem; --cui-avatar-status-height: 0.8rem; } .avatar-xl { --cui-avatar-width: 4rem; --cui-avatar-height: 4rem; --cui-avatar-font-size: 1.6rem; --cui-avatar-status-width: 1rem; --cui-avatar-status-height: 1rem; } .avatars-stack { display: flex; } html:not([dir=rtl]) .avatars-stack .avatar { margin-right: calc(-0.4 * var(--cui-avatar-width)); } *[dir=rtl] .avatars-stack .avatar { margin-left: calc(-0.4 * var(--cui-avatar-width)); } html:not([dir=rtl]) .avatars-stack .avatar:hover { margin-right: 0; } *[dir=rtl] .avatars-stack .avatar:hover { margin-left: 0; } .callout { --cui-callout-padding-x: 1rem; --cui-callout-padding-y: 1rem; --cui-callout-margin-x: 0; --cui-callout-margin-y: 1rem; --cui-callout-border-width: var(--cui-border-width); --cui-callout-border-color: var(--cui-border-color); --cui-callout-border-left-width: calc(var(--cui-border-width) * 4); --cui-callout-border-radius: var(--cui-border-radius); padding: var(--cui-callout-padding-y) var(--cui-callout-padding-x); margin: var(--cui-callout-margin-y) var(--cui-callout-margin-x); border: var(--cui-callout-border-width) solid var(--cui-callout-border-color); border-radius: var(--cui-callout-border-radius); } html:not([dir=rtl]) .callout { border-left-width: var(--cui-callout-border-left-width); } *[dir=rtl] .callout { border-right-width: var(--cui-callout-border-right-width); } html:not([dir=rtl]) .callout { border-left-color: var(--cui-callout-border-left-color); } *[dir=rtl] .callout { border-right-color: var(--cui-callout-border-right-color); } .callout-primary { --cui-callout-border-left-color: #5856d6; } .callout-secondary { --cui-callout-border-left-color: #6b7785; } .callout-success { --cui-callout-border-left-color: #1b9e3e; } .callout-danger { --cui-callout-border-left-color: #e55353; } .callout-warning { --cui-callout-border-left-color: #f9b115; } .callout-info { --cui-callout-border-left-color: #39f; } .callout-light { --cui-callout-border-left-color: #f3f4f7; } .callout-dark { --cui-callout-border-left-color: #212631; } .footer { --cui-footer-min-height: 3rem; --cui-footer-padding-x: 1rem; --cui-footer-padding-y: 0.5rem; --cui-footer-color: var(--cui-body-color); --cui-footer-bg: var(--cui-tertiary-bg); --cui-footer-border-color: var(--cui-border-color); --cui-footer-border: var(--cui-border-width) solid var(--cui-footer-border-color); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: var(--cui-footer-min-height); padding: var(--cui-footer-padding-y) var(--cui-footer-padding-x); color: var(--cui-footer-color); background: var(--cui-footer-bg); border-top: var(--cui-footer-border); } .footer-fixed { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .footer-sticky { position: sticky; bottom: 0; z-index: 1030; } .header { --cui-header-padding-x: 0.5rem; --cui-header-padding-y: 0.5rem; --cui-header-bg: var(--cui-body-bg); --cui-header-color: rgba(var(--cui-emphasis-color-rgb), 0.65); --cui-header-border-color: var(--cui-border-color); --cui-header-border: var(--cui-border-width) solid var(--cui-header-border-color); --cui-header-hover-color: rgba(var(--cui-emphasis-color-rgb), 0.8); --cui-header-disabled-color: rgba(var(--cui-emphasis-color-rgb), 0.3); --cui-header-active-color: rgba(var(--cui-emphasis-color-rgb), 1); --cui-header-transition: box-shadow 0.15s ease-in-out; --cui-header-brand-padding-y: 0.3125rem; --cui-header-brand-color: #212631; --cui-header-brand-hover-color: #1e222c; --cui-header-toggler-padding-x: 0.75rem; --cui-header-toggler-padding-y: 0.25rem; --cui-header-toggler-bg: transparent; --cui-header-toggler-color: rgba(var(--cui-emphasis-color-rgb), 0.65); --cui-header-toggler-border-radius: var(--cui-border-radius); --cui-header-toggler-hover-color: rgba(var(--cui-emphasis-color-rgb), 1); --cui-header-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28var%28--cui-emphasis-color-rgb%29, 0.65%29' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); --cui-header-toggler-hover-icon-bg: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28var%28--cui-emphasis-color-rgb%29, 0.8%29' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); --cui-header-nav-link-padding-x: 0.5rem; --cui-header-nav-link-padding-y: 0.5rem; --cui-header-divider-border-color: var(--cui-border-color); --cui-header-divider-border: var(--cui-border-width) solid var(--cui-header-divider-border-color); position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: var(--cui-header-padding-y) var(--cui-header-padding-x); background: var(--cui-header-bg); border-bottom: var(--cui-header-border); transition: var(--cui-header-transition); } @media (prefers-reduced-motion: reduce) { .header { transition: none; } } .header > .container, .header > .container-fluid, .header > .container-sm, .header > .container-md, .header > .container-lg, .header > .container-xl, .header > .container-xxl, .header .navbar > .container, .header .navbar > .container-fluid, .header .navbar > .container-sm, .header .navbar > .container-md, .header .navbar > .container-lg, .header .navbar > .container-xl, .header .navbar > .container-xxl { display: flex; flex-wrap: inherit; align-items: center; justify-content: space-between; } .header.header-sticky { position: sticky; top: 0; z-index: 1020; } .header-divider { flex-basis: calc(100% + 2 * var(--cui-header-padding-x)); height: 0; margin: var(--cui-header-padding-y) calc(var(--cui-header-padding-x) * -1); border-top: var(--cui-header-divider-border); } .header-brand { padding-top: var(--cui-header-brand-padding-y); padding-bottom: var(--cui-header-brand-padding-y); font-size: 1.25rem; color: var(--cui-header-brand-color); text-decoration: none; white-space: nowrap; } html:not([dir=rtl]) .header-brand { margin-right: 1rem; } *[dir=rtl] .header-brand { margin-left: 1rem; } .header-brand:hover, .header-brand:focus { color: var(--cui-header-brand-hover-color); } .header-nav { display: flex; flex-direction: row; margin-bottom: 0; list-style: none; } html:not([dir=rtl]) .header-nav { padding-left: 0; } *[dir=rtl] .header-nav { padding-right: 0; } .header-nav .nav-link { padding: var(--cui-header-nav-link-padding-y) var(--cui-header-nav-link-padding-x); color: var(--cui-header-color); } .header-nav .nav-link:hover, .header-nav .nav-link:focus { color: var(--cui-header-hover-color); } .header-nav .nav-link.disabled { color: var(--cui-header-disabled-color); } .header-nav .show > .nav-link, .header-nav .nav-link.active { color: var(--cui-header-active-color); } .header-nav .dropdown-menu { position: absolute; } .header-text { padding-top: var(--cui-header-nav-link-padding-y); padding-bottom: var(--cui-header-nav-link-padding-y); color: var(--cui-header-color); } .header-text a { color: var(--cui-header-active-color); } .header-text a:hover, .header-text a:focus { color: var(--cui-header-active-color); } .header-toggler { padding: var(--cui-header-toggler-padding-y) var(--cui-header-toggler-padding-x); font-size: 1.25rem; color: var(--cui-header-toggler-color); background-color: var(--cui-header-toggler-bg); border: 0; border-radius: var(--cui-header-toggler-border-radius); } .header-toggler:hover { color: var(--cui-header-toggler-hover-color); text-decoration: none; } .header-toggler:focus { outline: 0; } .header-toggler:not(:disabled) { cursor: pointer; } .header-toggler-icon { display: block; height: 1.5625rem; background-image: var(--cui-header-toggler-icon-bg); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } .header-toggler-icon:hover { background-image: var(--cui-header-toggler-hover-icon-bg); } .icon { display: inline-block; color: inherit; text-align: center; vertical-align: -0.125rem; fill: currentcolor; } .icon:not(.icon-c-s):not(.icon-custom-size) { width: 1rem; height: 1rem; font-size: 1rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-xxl { width: 2rem; height: 2rem; font-size: 2rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-xl { width: 1.5rem; height: 1.5rem; font-size: 1.5rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-lg { width: 1.25rem; height: 1.25rem; font-size: 1.25rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-sm { width: 0.875rem; height: 0.875rem; font-size: 0.875rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-3xl { width: 3rem; height: 3rem; font-size: 3rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-4xl { width: 4rem; height: 4rem; font-size: 4rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-5xl { width: 5rem; height: 5rem; font-size: 5rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-6xl { width: 6rem; height: 6rem; font-size: 6rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-7xl { width: 7rem; height: 7rem; font-size: 7rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-8xl { width: 8rem; height: 8rem; font-size: 8rem; } .icon:not(.icon-c-s):not(.icon-custom-size).icon-9xl { width: 9rem; height: 9rem; font-size: 9rem; } .sidebar { --cui-sidebar-zindex: 1035; --cui-sidebar-width: 16rem; --cui-sidebar-bg: var(--cui-body-bg); --cui-sidebar-padding-x: 1rem; --cui-sidebar-padding-y: 1rem; --cui-sidebar-color: var(--cui-body-color); --cui-sidebar-brand-color: var(--cui-body-color); --cui-sidebar-brand-bg: rgba(8, 10, 12, 0.2); position: relative; display: flex; flex: 0 0 var(--cui-sidebar-width); flex-direction: column; order: -1; width: var(--cui-sidebar-width); color: var(--cui-sidebar-color); background: var(--cui-sidebar-bg); box-shadow: none; transition: margin-left 0.15s, margin-right 0.15s, box-shadow 0.075s, transform 0.15s, width 0.15s, z-index 0s ease 0.15s; } @media (prefers-reduced-motion: reduce) { .sidebar { transition: none; } } .sidebar.sidebar-fixed, .sidebar.sidebar-narrow, .sidebar.sidebar-narrow-unfoldable, .sidebar.sidebar-overlaid { z-index: var(--cui-sidebar-zindex); } html:not([dir=rtl]) .sidebar:not(.sidebar-end) { margin-left: 0; } *[dir=rtl] .sidebar:not(.sidebar-end) { margin-right: 0; } .sidebar:not(.sidebar-end) ~ * { --cui-sidebar-occupy-start: 16rem; } .sidebar.sidebar-end { order: 99; } html:not([dir=rtl]) .sidebar.sidebar-end { margin-right: 0; } *[dir=rtl] .sidebar.sidebar-end { margin-left: 0; } .sidebar.sidebar-end ~ * { --cui-sidebar-occupy-end: 16rem; } .sidebar.sidebar-sm { --cui-sidebar-width: 12rem; } @media (min-width: 992px) { .sidebar.sidebar-sm:not(.sidebar-end):not(.hide) ~ * { --cui-sidebar-occupy-start: 12rem; } .sidebar.sidebar-sm.sidebar-end:not(.hide) ~ * { --cui-sidebar-occupy-end: 12rem; } } .sidebar.sidebar-lg { --cui-sidebar-width: 20rem; } @media (min-width: 992px) { .sidebar.sidebar-lg:not(.sidebar-end):not(.hide) ~ * { --cui-sidebar-occupy-start: 20rem; } .sidebar.sidebar-lg.sidebar-end:not(.hide) ~ * { --cui-sidebar-occupy-end: 20rem; } } .sidebar.sidebar-xl { --cui-sidebar-width: 24rem; } @media (min-width: 992px) { .sidebar.sidebar-xl:not(.sidebar-end):not(.hide) ~ * { --cui-sidebar-occupy-start: 24rem; } .sidebar.sidebar-xl.sidebar-end:not(.hide) ~ * { --cui-sidebar-occupy-end: 24rem; } } @media (min-width: 992px) { html:not([dir=rtl]) .sidebar.hide:not(.sidebar-end) { margin-left: calc(-1 * var(--cui-sidebar-width)); } *[dir=rtl] .sidebar.hide:not(.sidebar-end) { margin-right: calc(-1 * var(--cui-sidebar-width)); } .sidebar.hide:not(.sidebar-end) ~ * { --cui-sidebar-occupy-start: 0; } html:not([dir=rtl]) .sidebar.hide.sidebar-end { margin-right: calc(-1 * var(--cui-sidebar-width)); } *[dir=rtl] .sidebar.hide.sidebar-end { margin-left: calc(-1 * var(--cui-sidebar-width)); } .sidebar.hide.sidebar-end ~ * { --cui-sidebar-occupy-end: 0; } } @media (min-width: 992px) { .sidebar.sidebar-fixed { position: fixed; top: 0; bottom: 0; } html:not([dir=rtl]) .sidebar.sidebar-fixed:not(.sidebar-end) { left: 0; } *[dir=rtl] .sidebar.sidebar-fixed:not(.sidebar-end) { right: 0; } html:not([dir=rtl]) .sidebar.sidebar-fixed.sidebar-end { right: 0; } *[dir=rtl] .sidebar.sidebar-fixed.sidebar-end { left: 0; } } @media (min-width: 992px) { .sidebar.sidebar-sticky { position: sticky; top: 0; height: 100vh; } } .sidebar.sidebar-overlaid { --cui-sidebar-overlaid-box-shadow: var(--cui-box-shadow); position: fixed; top: 0; bottom: 0; } html:not([dir=rtl]) .sidebar.sidebar-overlaid:not(.sidebar-end) { left: 0; } *[dir=rtl] .sidebar.sidebar-overlaid:not(.sidebar-end) { right: 0; } html:not([dir=rtl]) .sidebar.sidebar-overlaid:not(.sidebar-end) { margin-left: calc(-1 * var(--cui-sidebar-width)); } *[dir=rtl] .sidebar.sidebar-overlaid:not(.sidebar-end) { margin-right: calc(-1 * var(--cui-sidebar-width)); } .sidebar.sidebar-overlaid:not(.sidebar-end) ~ * { --cui-sidebar-occupy-start: 0 !important; } html:not([dir=rtl]) .sidebar.sidebar-overlaid.sidebar-end { right: 0; } *[dir=rtl] .sidebar.sidebar-overlaid.sidebar-end { left: 0; } html:not([dir=rtl]) .sidebar.sidebar-overlaid.sidebar-end { margin-right: calc(-1 * var(--cui-sidebar-width)); } *[dir=rtl] .sidebar.sidebar-overlaid.sidebar-end { margin-left: calc(-1 * var(--cui-sidebar-width)); } .sidebar.sidebar-overlaid.sidebar-end ~ * { --cui-sidebar-occupy-end: 0 !important; } .sidebar.sidebar-overlaid.show { box-shadow: var(--cui-sidebar-overlaid-box-shadow); } html:not([dir=rtl]) .sidebar.sidebar-overlaid.show:not(.sidebar-end) { margin-left: 0; } *[dir=rtl] .sidebar.sidebar-overlaid.show:not(.sidebar-end) { margin-right: 0; } html:not([dir=rtl]) .sidebar.sidebar-overlaid.show.sidebar-end { margin-right: 0; } *[dir=rtl] .sidebar.sidebar-overlaid.show.sidebar-end { margin-left: 0; } @media (max-width: 991.98px) { .sidebar { --cui-is-mobile: true; position: fixed; top: 0; bottom: 0; z-index: var(--cui-sidebar-zindex); } html:not([dir=rtl]) .sidebar:not(.sidebar-end) { left: 0; } *[dir=rtl] .sidebar:not(.sidebar-end) { right: 0; } .sidebar:not(.sidebar-end) ~ * { --cui-sidebar-occupy-start: 0 !important; } html:not([dir=rtl]) .sidebar:not(.sidebar-end):not(.show) { margin-left: calc(-1 * var(--cui-sidebar-width)); } *[dir=rtl] .sidebar:not(.sidebar-end):not(.show) { margin-right: calc(-1 * var(--cui-sidebar-width)); } html:not([dir=rtl]) .sidebar.sidebar-end { right: 0; } *[dir=rtl] .sidebar.sidebar-end { left: 0; } .sidebar.sidebar-end ~ * { --cui-sidebar-occupy-end: 0 !important; } html:not([dir=rtl]) .sidebar.sidebar-end:not(.show) { margin-right: calc(-1 * var(--cui-sidebar-width)); } *[dir=rtl] .sidebar.sidebar-end:not(.show) { margin-left: calc(-1 * var(--cui-sidebar-width)); } } .sidebar-brand { color: var(--cui-sidebar-brand-color); white-space: nowrap; } .sidebar-brand .sidebar-brand-narrow { display: none; } .sidebar-header { display: flex; align-items: center; justify-content: space-between; padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x); } .sidebar-header .btn-close { padding: calc(var(--cui-sidebar-padding-y) * 0.5) calc(var(--cui-sidebar-padding-x) * 0.5); margin-top: calc(-0.5 * var(--cui-sidebar-padding-y)); margin-bottom: calc(-0.5 * var(--cui-sidebar-padding-y)); } html:not([dir=rtl]) .sidebar-header .btn-close { margin-right: calc(-0.5 * var(--cui-sidebar-padding-x)); } *[dir=rtl] .sidebar-header .btn-close { margin-left: calc(-0.5 * var(--cui-sidebar-padding-x)); } .sidebar-body { padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x); } .sidebar-footer { display: flex; align-items: center; justify-content: space-between; padding: var(--cui-sidebar-padding-y) var(--cui-sidebar-padding-x); } .sidebar-toggler { --cui-sidebar-toggler-width: 0.5rem; --cui-sidebar-toggler-height: 0.5rem; --cui-sidebar-toggler-bg: transparent; --cui-sidebar-toggler-color: var(--cui-tertiary-color); --cui-sidebar-toggler-icon: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cg xmlns='http://www.w3.org/2000/svg' transform='matrix%28-1 0 0 -1 512 512%29'%3E%3Cpath fill='%23000' d='M472,16H40A24.028,24.028,0,0,0,16,40V200H48V48H464V464H48V304H16V472a24.028,24.028,0,0,0,24,24H472a24.028,24.028,0,0,0,24-24V40A24.028,24.028,0,0,0,472,16Z'/%3E%3Cpolygon fill='%23000' points='209.377 363.306 232.004 385.933 366.627 251.31 232.004 116.687 209.377 139.313 305.374 235.311 16 235.311 16 267.311 305.372 267.311 209.377 363.306'/%3E%3C/g%3E%3C/svg%3E"); --cui-sidebar-toggler-hover-color: var(--cui-secondary-color); --cui-sidebar-toggler-focus-shadow: 0 0 0 0.25rem rgba(88, 86, 214, 0.25); --cui-sidebar-toggler-focus-color: var(--cui-secondary-color); --cui-sidebar-toggler-transition: transform 0.15s; position: relative; box-sizing: content-box; width: var(--cui-sidebar-toggler-width); height: var(--cui-sidebar-toggler-height); padding: 0.25rem 0.25rem; background-color: var(--cui-sidebar-toggler-bg); border: 0; border-radius: 0.375rem; } .sidebar-toggler::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: var(--cui-sidebar-toggler-color); mask: var(--cui-sidebar-toggler-icon) no-repeat center; transition: var(--cui-sidebar-toggler-transition); } @media (prefers-reduced-motion: reduce) { .sidebar-toggler::before { transition: none; } } *[dir=rtl] .sidebar-toggler::before { transform: rotate(-180deg); } .sidebar-toggler:hover { text-decoration: none; } .sidebar-toggler:hover::before { background-color: var(--cui-sidebar-toggler-hover-color); } .sidebar-toggler:focus { position: relative; outline: 0; box-shadow: var(--cui-sidebar-toggler-focus-shadow); } .sidebar-toggler:focus::before { background-color: var(--cui-sidebar-toggler-focus-color); } @media (max-width: 991.98px) { .sidebar-toggler { display: none; } } .sidebar-backdrop { --cui-backdrop-zindex: 1034; --cui-backdrop-bg: #080a0c; --cui-backdrop-opacity: 0.5; } @media (max-width: 991.98px) { .sidebar-backdrop { position: fixed; top: 0; left: 0; z-index: var(--cui-backdrop-zindex); width: 100vw; height: 100vh; background-color: var(--cui-backdrop-bg); } .sidebar-backdrop.fade { opacity: 0; } .sidebar-backdrop.show { opacity: var(--cui-backdrop-opacity); } } .sidebar-dark { --cui-body-color: rgba(255, 255, 255, 0.87); --cui-body-bg: #212631; --cui-emphasis-color: #fff; --cui-secondary-color: rgba(255, 255, 255, 0.6); --cui-secondary-bg: #323a49; --cui-tertiary-color: rgba(255, 255, 255, 0.38); --cui-tertiary-bg: #2a303d; --cui-border-color: #323a49; } .sidebar-dark .sidebar-toggler { filter: var(--cui-sidebar-toggler-white-filter); } .sidebar-nav { --cui-sidebar-nav-padding-x: 0.5rem; --cui-sidebar-nav-padding-y: 0.5rem; --cui-sidebar-nav-title-padding-x: 1rem; --cui-sidebar-nav-title-padding-y: 0.75rem; --cui-sidebar-nav-title-margin-top: 1rem; --cui-sidebar-nav-title-color: var(--cui-tertiary-color); --cui-sidebar-nav-link-padding-x: 1rem; --cui-sidebar-nav-link-padding-y: 0.75rem; --cui-sidebar-nav-link-color: var(--cui-body-color); --cui-sidebar-nav-link-bg: transparent; --cui-sidebar-nav-link-border-color: transparent; --cui-sidebar-nav-link-border-radius: var(--cui-border-radius); --cui-sidebar-nav-link-border-width: 0; --cui-sidebar-nav-link-active-color: var(--cui-emphasis-color); --cui-sidebar-nav-link-active-bg: var(--cui-tertiary-bg); --cui-sidebar-nav-link-disabled-color: var(--cui-tertiary-color); --cui-sidebar-nav-link-hover-color: var(--cui-emphasis-color); --cui-sidebar-nav-link-hover-bg: var(--cui-tertiary-bg); --cui-sidebar-nav-link-icon-margin: 0.75rem; --cui-sidebar-nav-link-icon-color: var(--cui-tertiary-color); --cui-sidebar-nav-link-icon-width: 1.25rem; --cui-sidebar-nav-link-icon-height: 1.25rem; --cui-sidebar-nav-link-icon-font-size: 1.25rem; --cui-sidebar-nav-link-active-icon-color: var(--cui-emphasis-color); --cui-sidebar-nav-link-disabled-icon-color: var(--cui-tertiary-color); --cui-sidebar-nav-link-hover-icon-color: var(--cui-body-color); --cui-sidebar-nav-link-icon-bullet-size: 0.3125rem; --cui-sidebar-nav-link-icon-bullet-bg: transparent; --cui-sidebar-nav-link-icon-bullet-border-width: 1px; --cui-sidebar-nav-link-icon-bullet-border-radius: 50rem; --cui-sidebar-nav-link-icon-bullet-border-color: var(--cui-tertiary-color); --cui-sidebar-nav-link-active-icon-bullet-bg: transparent; --cui-sidebar-nav-link-active-icon-bullet-border-color: var(--cui-emphasis-color); --cui-sidebar-nav-link-disabled-icon-bullet-bg: transparent; --cui-sidebar-nav-link-disabled-icon-bullet-border-color: var(--cui-tertiary-color); --cui-sidebar-nav-link-hover-icon-bullet-bg: transparent; --cui-sidebar-nav-link-hover-icon-bullet-border-color: var(--cui-body-color); --cui-sidebar-nav-group-bg: transparent; --cui-sidebar-nav-group-border-width: 0; --cui-sidebar-nav-group-border-radius: var(--cui-border-radius); --cui-sidebar-nav-group-border-color: transparent; --cui-sidebar-nav-group-items-padding-y: 0; --cui-sidebar-nav-group-items-padding-x: 0; --cui-sidebar-nav-group-indicator-color: var(--cui-tertiary-color); --cui-sidebar-nav-group-indicator-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%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-.708'/%3e%3c/svg%3e"); --cui-sidebar-nav-group-indicator-hover-color: var(--cui-emphasis-color); --cui-sidebar-nav-group-indicator-hover-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%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-.708'/%3e%3c/svg%3e"); --cui-sidebar-nav-group-toggle-show-color: var(--cui-body-color); position: relative; display: flex; flex: 1; flex-direction: column; padding: var(--cui-sidebar-nav-padding-y) var(--cui-sidebar-nav-padding-x); margin-bottom: 0; overflow-x: hidden; overflow-y: auto; list-style: none; } .sidebar-nav .nav-item + .nav-item, .sidebar-nav .nav-item + .nav-group, .sidebar-nav .nav-group + .nav-item { margin-top: 1px; } .sidebar-nav .nav-title { padding: var(--cui-sidebar-nav-title-padding-y) var(--cui-sidebar-nav-title-padding-x); margin-top: var(--cui-sidebar-nav-title-margin-top); font-size: 80%; font-weight: 700; color: var(--cui-sidebar-nav-title-color); text-transform: uppercase; transition: height 0.15s, margin 0.15s; } @media (prefers-reduced-motion: reduce) { .sidebar-nav .nav-title { transition: none; } } .sidebar-nav .nav-link { display: flex; flex: 1; align-items: center; padding: var(--cui-sidebar-nav-link-padding-y) var(--cui-sidebar-nav-link-padding-x); color: var(--cui-sidebar-nav-link-color); text-decoration: none; white-space: nowrap; background: var(--cui-sidebar-nav-link-bg); border: var(--cui-sidebar-nav-link-border-width) solid var(--cui-sidebar-nav-link-border-color); border-radius: var(--cui-sidebar-nav-link-border-radius); transition: background 0.15s ease, color 0.15s ease, gap 0.15s ease; } @media (prefers-reduced-motion: reduce) { .sidebar-nav .nav-link { transition: none; } } .sidebar-nav .nav-link.active { color: var(--cui-sidebar-nav-link-active-color); background: var(--cui-sidebar-nav-link-active-bg); } .sidebar-nav .nav-link.active .nav-icon { color: var(--cui-sidebar-nav-link-active-icon-color); } .sidebar-nav .nav-link.active .nav-icon-bullet { background: var(--cui-sidebar-link-active-icon-bullet-bg); border-color: var(--cui-sidebar-link-active-icon-bullet-border-color); } .sidebar-nav .nav-link.disabled { color: var(--cui-sidebar-nav-link-disabled-color); pointer-events: none; cursor: not-allowed; background: transparent; } .sidebar-nav .nav-link.disabled .nav-icon { color: var(--cui-sidebar-nav-link-disabled-icon-color); } .sidebar-nav .nav-link.disabled .nav-icon-bullet { background: var(--cui-sidebar-link-disabled-icon-bullet-bg); border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color); } .sidebar-nav .nav-link.disabled:hover { color: var(--cui-sidebar-nav-link-disabled-color); } .sidebar-nav .nav-link.disabled:hover .nav-icon { color: var(--cui-sidebar-nav-link-disabled-icon-color); } .sidebar-nav .nav-link.disabled:hover .nav-icon-bullet { background: var(--cui-sidebar-link-disabled-icon-bullet-bg); border-color: var(--cui-sidebar-link-disabled-icon-bullet-border-color); } .sidebar-nav .nav-link.disabled:hover.nav-dropdown-toggle::after { background-color: var(--cui-sidebar-nav-group-indicator-hover-color); mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon); } @media (hover: hover), (-ms-high-contrast: none) { .sidebar-nav .nav-link:hover { color: var(--cui-sidebar-nav-link-hover-color); text-decoration: none; background: var(--cui-sidebar-nav-link-hover-bg); } .sidebar-nav .nav-link:hover .nav-icon { color: var(--cui-sidebar-nav-link-hover-icon-color); } .sidebar-nav .nav-link:hover .nav-icon-bullet { background: var(--cui-sidebar-link-hover-icon-bullet-bg); border-color: var(--cui-sidebar-link-hover-icon-bullet-border-color); } .sidebar-nav .nav-link:hover.nav-group-toggle::after { background-color: var(--cui-sidebar-nav-group-indicator-hover-color); mask-image: var(--cui-sidebar-nav-group-indicator-hover-icon); } } .sidebar-nav .nav-icon { display: flex; flex: 0 0 var(--cui-sidebar-nav-link-icon-width); align-items: center; justify-content: center; height: var(--cui-sidebar-nav-link-icon-height); font-size: var(--cui-sidebar-nav-link-icon-font-size); color: var(--cui-sidebar-nav-link-icon-color); text-align: center; pointer-events: none; fill: currentcolor; transition: inherit; } html:not([dir=rtl]) .sidebar-nav .nav-icon { margin-right: var(--cui-sidebar-nav-link-icon-margin); } *[dir=rtl] .sidebar-nav .nav-icon { margin-left: var(--cui-sidebar-nav-link-icon-margin); } @media (prefers-reduced-motion: reduce) { .sidebar-nav .nav-icon { transition: none; } } .sidebar-nav .nav-icon-bullet { display: inline-block; width: var(--cui-sidebar-nav-link-icon-bullet-size); height: var(--cui-sidebar-nav-link-icon-bullet-size); background: var(--cui-sidebar-nav-link-icon-bullet-bg); border: var(--cui-sidebar-nav-link-icon-bullet-border-width) solid var(--cui-sidebar-nav-link-icon-bullet-border-color); border-radius: var(--cui-sidebar-nav-link-icon-bullet-border-radius); } .sidebar-nav svg.nav-icon { overflow: hidden; } .sidebar-nav .nav-group { position: relative; border: var(--cui-sidebar-nav-group-border-width) solid var(--cui-sidebar-nav-group-border-color); border-radius: var(--cui-sidebar-nav-group-border-radius); transition: background 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .sidebar-nav .nav-group { transition: none; } } .sidebar-nav .nav-group .nav-group-items { padding: var(--cui-sidebar-nav-group-items-padding-y) var(--cui-sidebar-nav-group-items-padding-x); overflow: hidden; transition: height 0.15s ease; } @media (prefers-reduced-motion: reduce) { .sidebar-nav .nav-group .nav-group-items { transition: none; } } .sidebar-nav .nav-group:not(.show) .nav-group-items { display: none; } .sidebar-nav .nav-group.show { background: var(--cui-sidebar-nav-group-bg); } .sidebar-nav .nav-group.show .nav-group-toggle { color: var(--cui-sidebar-nav-group-toggle-show-color); } .sidebar-nav .nav-group.show > .nav-group-toggle::after { transform: rotate(180deg); } .sidebar-nav .nav-group.show + .show { margin-top: 1px; } .sidebar-nav .nav-group-toggle { cursor: pointer; } .sidebar-nav .nav-group-toggle::after { display: block; flex: 0 12px; height: 12px; content: ""; background-color: var(--cui-sidebar-nav-group-indicator-color); mask-image: var(--cui-sidebar-nav-group-indicator-icon); transition: transform 0.15s; } html:not([dir=rtl]) .sidebar-nav .nav-group-toggle::after { margin-left: auto; } *[dir=rtl] .sidebar-nav .nav-group-toggle::after { margin-right: auto; } @media (prefers-reduced-motion: reduce) { .sidebar-nav .nav-group-toggle::after { transition: none; } } .sidebar-nav .nav-group-items { padding: 0; list-style: none; } html:not([dir=rtl]) .sidebar-nav .nav-group-items .nav-link { padding-left: calc(var(--cui-sidebar-nav-link-padding-x) + var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)); } *[dir=rtl] .sidebar-nav .nav-group-items .nav-link { padding-right: calc(var(--cui-sidebar-nav-link-padding-x) + var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)); } html:not([dir=rtl]) .sidebar-nav .nav-group-items .nav-icon { margin-left: calc((var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)) * -1); } *[dir=rtl] .sidebar-nav .nav-group-items .nav-icon { margin-right: calc((var(--cui-sidebar-nav-link-icon-width) + var(--cui-sidebar-nav-link-icon-margin)) * -1); } .sidebar-nav.compact .nav-link, .sidebar-nav .compact .nav-link { --cui-sidebar-nav-link-padding-y: 0.5625rem; } .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow { --cui-sidebar-narrow-width: 4rem; } @media (min-width: 992px) { .sidebar-narrow-unfoldable:not(:hover), .sidebar-narrow { flex: 0 0 var(--cui-sidebar-narrow-width); width: var(--cui-sidebar-narrow-width); padding-bottom: var(--cui-sidebar-toggler-height); overflow: visible; } .sidebar-fixed.sidebar-narrow-unfoldable:not(:hover), .sidebar-fixed.sidebar-narrow { width: var(--cui-sidebar-narrow-width); } .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-full, .sidebar-narrow .sidebar-brand-full { display: none; } .sidebar-narrow-unfoldable:not(:hover) .sidebar-brand-narrow, .sidebar-narrow .sidebar-brand-narrow { display: block; } .sidebar-narrow-unfoldable:not(:hover) .sidebar-header, .sidebar-narrow .sidebar-header { justify-content: center; padding-right: 0; padding-left: 0; } .sidebar-narrow-unfoldable:not(:hover) .sidebar-nav, .sidebar-narrow .sidebar-nav { --cui-sidebar-nav-link-padding-x: 0.5rem; --cui-sidebar-nav-link-padding-y: 0.75rem; } .sidebar-narrow-unfoldable:not(:hover) .nav-icon, .sidebar-narrow .nav-icon { flex: 0 0 calc(var(--cui-sidebar-narrow-width) - var(--cui-sidebar-nav-padding-x) * 2 - var(--cui-sidebar-nav-link-padding-x) * 2); } .sidebar-narrow-unfoldable:not(:hover) .d-narrow-none, .sidebar-narrow .d-narrow-none, .sidebar-narrow-unfoldable:not(:hover) .nav-label, .sidebar-narrow .nav-label, .sidebar-narrow-unfoldable:not(:hover) .nav-title, .sidebar-narrow .nav-title, .sidebar-narrow-unfoldable:not(:hover) .nav-group-items, .sidebar-narrow .nav-group-items, .sidebar-narrow-unfoldable:not(:hover) .sidebar-form, .sidebar-narrow .sidebar-form { height: 0 !important; padding: 0 !important; margin: 0 !important; visibility: hidden; opacity: 0; } html:not([dir=rtl]) .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, html:not([dir=rtl]) .sidebar-narrow .sidebar-toggler::before { transform: rotate(-180deg); } *[dir=rtl] .sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, *[dir=rtl] .sidebar-narrow .sidebar-toggler::before { transform: rotate(0deg); } .sidebar-end.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler::before, .sidebar-end.sidebar-narrow .sidebar-toggler::before { transform: rotate(0deg); } } .sidebar-narrow:not(.sidebar-end) ~ * { --cui-sidebar-occupy-start: 4rem !important; } .sidebar-narrow.sidebar-end ~ * { --cui-sidebar-occupy-end: 4rem !important; } .sidebar-narrow .nav-link { overflow: hidden; } .sidebar-narrow-unfoldable { position: fixed; } .sidebar-narrow-unfoldable:not(.sidebar-end) ~ * { --cui-sidebar-occupy-start: 4rem !important; } .sidebar-narrow-unfoldable.sidebar-end ~ * { --cui-sidebar-occupy-end: 4rem !important; } .sidebar-narrow-unfoldable:hover { box-shadow: 0 0.5rem 1rem rgba(8, 10, 12, 0.15); } html:not([dir=rtl]) .sidebar-narrow-unfoldable:hover .sidebar-toggler::before { transform: rotate(-180deg); } *[dir=rtl] .sidebar-narrow-unfoldable:hover .sidebar-toggler::before { transform: rotate(0deg); } .sidebar-narrow-unfoldable:hover.sidebar-end .sidebar-toggler::before { transform: rotate(0deg); } .sidebar-narrow-unfoldable .nav-link { overflow: hidden; } html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable.sidebar-end { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding.sidebar-narrow-unfoldable.sidebar-end { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } @media (max-width: 575.98px) { html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable.sidebar-end { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-sm.sidebar-narrow-unfoldable.sidebar-end { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } } @media (max-width: 767.98px) { html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable.sidebar-end { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-md.sidebar-narrow-unfoldable.sidebar-end { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } } @media (max-width: 991.98px) { html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable.sidebar-end { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-lg.sidebar-narrow-unfoldable.sidebar-end { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } } @media (max-width: 1199.98px) { html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable.sidebar-end { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xl.sidebar-narrow-unfoldable.sidebar-end { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } } @media (max-width: 1399.98px) { html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow:not(.sidebar-end), html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow:not(.sidebar-end), *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable:not(.sidebar-end) { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow.sidebar-end, html:not([dir=rtl]) .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable.sidebar-end { margin-right: calc(var(--cui-sidebar-narrow-width) * -1); } *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow.sidebar-end, *[dir=rtl] .sidebar:not(.show).sidebar-self-hiding-xxl.sidebar-narrow-unfoldable.sidebar-end { margin-left: calc(var(--cui-sidebar-narrow-width) * -1); } } .clearfix::after { display: block; clear: both; content: ""; } .text-bg-primary { color: #fff !important; background-color: RGBA(var(--cui-primary-rgb), var(--cui-bg-opacity, 1)) !important; } .text-bg-secondary { color: #fff !important; background-color: RGBA(var(--cui-secondary-rgb), var(--cui-bg-opacity, 1)) !important; } .text-bg-success { color: #080a0c !important; background-color: RGBA(var(--cui-success-rgb), var(--cui-bg-opacity, 1)) !important; } .text-bg-info { color: #080a0c !important; background-color: RGBA(var(--cui-info-rgb), var(--cui-bg-opacity, 1)) !important; } .text-bg-warning { color: #080a0c !important; background-color: RGBA(var(--cui-warning-rgb), var(--cui-bg-opacity, 1)) !important; } .text-bg-danger { color: #080a0c !important; background-color: RGBA(var(--cui-danger-rgb), var(--cui-bg-opacity, 1)) !important; } .text-bg-light { color: #080a0c !important; background-color: RGBA(var(--cui-light-rgb), var(--cui-bg-opacity, 1)) !important; } .text-bg-dark { color: #fff !important; background-color: RGBA(var(--cui-dark-rgb), var(--cui-bg-opacity, 1)) !important; } [data-coreui-theme=dark] .text-bg-primary { color: #fff !important; background-color: RGBA(98, 97, 204, var(--cui-bg-opacity, 1)) !important; } [data-coreui-theme=dark] .text-bg-secondary { color: #fff !important; background-color: RGBA(107, 119, 133, var(--cui-bg-opacity, 1)) !important; } [data-coreui-theme=dark] .text-bg-success { color: #080a0c !important; background-color: RGBA(36, 149, 66, var(--cui-bg-opacity, 1)) !important; } [data-coreui-theme=dark] .text-bg-info { color: #080a0c !important; background-color: RGBA(61, 153, 245, var(--cui-bg-opacity, 1)) !important; } [data-coreui-theme=dark] .text-bg-warning { color: #080a0c !important; background-color: RGBA(237, 173, 33, var(--cui-bg-opacity, 1)) !important; } [data-coreui-theme=dark] .text-bg-danger { color: #080a0c !important; background-color: RGBA(219, 93, 93, var(--cui-bg-opacity, 1)) !important; } [data-coreui-theme=dark] .text-bg-light { color: #080a0c !important; background-color: RGBA(243, 244, 247, var(--cui-bg-opacity, 1)) !important; } [data-coreui-theme=dark] .text-bg-dark { color: #fff !important; background-color: RGBA(33, 38, 49, var(--cui-bg-opacity, 1)) !important; } .link-primary { color: RGBA(var(--cui-primary-rgb), var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--cui-primary-rgb), var(--cui-link-underline-opacity, 1)) !important; } .link-primary:hover, .link-primary:focus { color: RGBA(70, 69, 171, var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(70, 69, 171, var(--cui-link-underline-opacity, 1)) !important; } .link-secondary { color: RGBA(var(--cui-secondary-rgb), var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--cui-secondary-rgb), var(--cui-link-underline-opacity, 1)) !important; } .link-secondary:hover, .link-secondary:focus { color: RGBA(86, 95, 106, var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 95, 106, var(--cui-link-underline-opacity, 1)) !important; } .link-success { color: RGBA(var(--cui-success-rgb), var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--cui-success-rgb), var(--cui-link-underline-opacity, 1)) !important; } .link-success:hover, .link-success:focus { color: RGBA(73, 177, 101, var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(73, 177, 101, var(--cui-link-underline-opacity, 1)) !important; } .link-info { color: RGBA(var(--cui-info-rgb), var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--cui-info-rgb), var(--cui-link-underline-opacity, 1)) !important; } .link-info:hover, .link-info:focus { color: RGBA(92, 173, 255, var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(92, 173, 255, var(--cui-link-underline-opacity, 1)) !important; } .link-warning { color: RGBA(var(--cui-warning-rgb), var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--cui-warning-rgb), var(--cui-link-underline-opacity, 1)) !important; } .link-warning:hover, .link-warning:focus { color: RGBA(250, 193, 68, var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(250, 193, 68, var(--cui-link-underline-opacity, 1)) !important; } .link-danger { color: RGBA(var(--cui-danger-rgb), var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--cui-danger-rgb), var(--cui-link-underline-opacity, 1)) !important; } .link-danger:hover, .link-danger:focus { color: RGBA(234, 117, 117, var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(234, 117, 117, var(--cui-link-underline-opacity, 1)) !important; } .link-light { color: RGBA(var(--cui-light-rgb), var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--cui-light-rgb), var(--cui-link-underline-opacity, 1)) !important; } .link-light:hover, .link-light:focus { color: RGBA(245, 246, 249, var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(245, 246, 249, var(--cui-link-underline-opacity, 1)) !important; } .link-dark { color: RGBA(var(--cui-dark-rgb), var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--cui-dark-rgb), var(--cui-link-underline-opacity, 1)) !important; } .link-dark:hover, .link-dark:focus { color: RGBA(26, 30, 39, var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 39, var(--cui-link-underline-opacity, 1)) !important; } .link-body-emphasis { color: RGBA(var(--cui-emphasis-color-rgb), var(--cui-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--cui-emphasis-color-rgb), var(--cui-link-underline-opacity, 1)) !important; } .link-body-emphasis:hover, .link-body-emphasis:focus { color: RGBA(var(--cui-emphasis-color-rgb), var(--cui-link-opacity, 0.75)) !important; text-decoration-color: RGBA(var(--cui-emphasis-color-rgb), var(--cui-link-underline-opacity, 0.75)) !important; } .focus-ring:focus { outline: 0; box-shadow: var(--cui-focus-ring-x, 0) var(--cui-focus-ring-y, 0) var(--cui-focus-ring-blur, 0) var(--cui-focus-ring-width) var(--cui-focus-ring-color); } .icon-link { display: inline-flex; gap: 0.375rem; align-items: center; text-decoration-color: rgba(var(--cui-link-color-rgb), var(--cui-link-opacity, 0.5)); text-underline-offset: 0.25em; backface-visibility: hidden; } .icon-link > .bi { flex-shrink: 0; width: 1em; height: 1em; fill: currentcolor; transition: 0.2s ease-in-out transform; } @media (prefers-reduced-motion: reduce) { .icon-link > .bi { transition: none; } } .icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { transform: var(--cui-icon-link-transform, translate3d(0.25em, 0, 0)); } .ratio { position: relative; width: 100%; } .ratio::before { display: block; padding-top: var(--cui-aspect-ratio); content: ""; } .ratio > * { position: absolute; top: 0; width: 100%; height: 100%; } html:not([dir=rtl]) .ratio > * { left: 0; } *[dir=rtl] .ratio > * { right: 0; } .ratio-1x1 { --cui-aspect-ratio: 100%; } .ratio-4x3 { --cui-aspect-ratio: 75%; } .ratio-16x9 { --cui-aspect-ratio: 56.25%; } .ratio-21x9 { --cui-aspect-ratio: 42.8571428571%; } .fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; z-index: 1030; } .sticky-top { position: sticky; top: 0; z-index: 1020; } .sticky-bottom { position: sticky; bottom: 0; z-index: 1020; } @media (min-width: 576px) { .sticky-sm-top { position: sticky; top: 0; z-index: 1020; } .sticky-sm-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 768px) { .sticky-md-top { position: sticky; top: 0; z-index: 1020; } .sticky-md-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 992px) { .sticky-lg-top { position: sticky; top: 0; z-index: 1020; } .sticky-lg-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1200px) { .sticky-xl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xl-bottom { position: sticky; bottom: 0; z-index: 1020; } } @media (min-width: 1400px) { .sticky-xxl-top { position: sticky; top: 0; z-index: 1020; } .sticky-xxl-bottom { position: sticky; bottom: 0; z-index: 1020; } } .hstack { display: flex; flex-direction: row; align-items: center; align-self: stretch; } .vstack { display: flex; flex: 1 1 auto; flex-direction: column; align-self: stretch; } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .visually-hidden:not(caption), .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { position: absolute !important; } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; content: ""; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vr { display: inline-block; align-self: stretch; width: var(--cui-border-width); min-height: 1em; padding: 0; background-color: currentcolor; opacity: 0.25; } .align-baseline { vertical-align: baseline !important; } .align-top { vertical-align: top !important; } .align-middle { vertical-align: middle !important; } .align-bottom { vertical-align: bottom !important; } .align-text-bottom { vertical-align: text-bottom !important; } .align-text-top { vertical-align: text-top !important; } html:not([dir=rtl]) .float-start { float: left !important; } *[dir=rtl] .float-start { float: right !important; } html:not([dir=rtl]) .float-end { float: right !important; } *[dir=rtl] .float-end { float: left !important; } html:not([dir=rtl]) .float-none { float: none !important; } *[dir=rtl] .float-none { float: none !important; } .object-fit-contain { object-fit: contain !important; } .object-fit-cover { object-fit: cover !important; } .object-fit-fill { object-fit: fill !important; } .object-fit-scale { object-fit: scale-down !important; } .object-fit-none { object-fit: none !important; } .opacity-0 { opacity: 0 !important; } .opacity-25 { opacity: 0.25 !important; } .opacity-50 { opacity: 0.5 !important; } .opacity-75 { opacity: 0.75 !important; } .opacity-100 { opacity: 1 !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !important; } .overflow-visible { overflow: visible !important; } .overflow-scroll { overflow: scroll !important; } .overflow-x-auto { overflow-x: auto !important; } .overflow-x-hidden { overflow-x: hidden !important; } .overflow-x-visible { overflow-x: visible !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-hidden { overflow-y: hidden !important; } .overflow-y-visible { overflow-y: visible !important; } .overflow-y-scroll { overflow-y: scroll !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-grid { display: grid !important; } .d-inline-grid { display: inline-grid !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } .d-none { display: none !important; } .shadow { box-shadow: var(--cui-box-shadow) !important; } .shadow-sm { box-shadow: var(--cui-box-shadow-sm) !important; } .shadow-lg { box-shadow: var(--cui-box-shadow-lg) !important; } .shadow-none { box-shadow: none !important; } .focus-ring-primary { --cui-focus-ring-color: rgba(var(--cui-primary-rgb), var(--cui-focus-ring-opacity)); } .focus-ring-secondary { --cui-focus-ring-color: rgba(var(--cui-secondary-rgb), var(--cui-focus-ring-opacity)); } .focus-ring-success { --cui-focus-ring-color: rgba(var(--cui-success-rgb), var(--cui-focus-ring-opacity)); } .focus-ring-info { --cui-focus-ring-color: rgba(var(--cui-info-rgb), var(--cui-focus-ring-opacity)); } .focus-ring-warning { --cui-focus-ring-color: rgba(var(--cui-warning-rgb), var(--cui-focus-ring-opacity)); } .focus-ring-danger { --cui-focus-ring-color: rgba(var(--cui-danger-rgb), var(--cui-focus-ring-opacity)); } .focus-ring-light { --cui-focus-ring-color: rgba(var(--cui-light-rgb), var(--cui-focus-ring-opacity)); } .focus-ring-dark { --cui-focus-ring-color: rgba(var(--cui-dark-rgb), var(--cui-focus-ring-opacity)); } .position-static { position: static !important; } .position-relative { position: relative !important; } .position-absolute { position: absolute !important; } .position-fixed { position: fixed !important; } .position-sticky { position: sticky !important; } .top-0 { top: 0 !important; } .top-50 { top: 50% !important; } .top-100 { top: 100% !important; } .bottom-0 { bottom: 0 !important; } .bottom-50 { bottom: 50% !important; } .bottom-100 { bottom: 100% !important; } html:not([dir=rtl]) .start-0 { left: 0 !important; } *[dir=rtl] .start-0 { right: 0 !important; } html:not([dir=rtl]) .start-50 { left: 50% !important; } *[dir=rtl] .start-50 { right: 50% !important; } html:not([dir=rtl]) .start-100 { left: 100% !important; } *[dir=rtl] .start-100 { right: 100% !important; } html:not([dir=rtl]) .end-0 { right: 0 !important; } *[dir=rtl] .end-0 { left: 0 !important; } html:not([dir=rtl]) .end-50 { right: 50% !important; } *[dir=rtl] .end-50 { left: 50% !important; } html:not([dir=rtl]) .end-100 { right: 100% !important; } *[dir=rtl] .end-100 { left: 100% !important; } html:not([dir=rtl]) .translate-middle { transform: translate(-50%, -50%) !important; } *[dir=rtl] .translate-middle { transform: translate(50%, -50%) !important; } html:not([dir=rtl]) .translate-middle-x { transform: translateX(-50%) !important; } *[dir=rtl] .translate-middle-x { transform: translateX(50%) !important; } html:not([dir=rtl]) .translate-middle-y { transform: translateY(-50%) !important; } *[dir=rtl] .translate-middle-y { transform: translateY(-50%) !important; } .border { border: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important; } .border-0 { border: 0 !important; } .border-top { border-top: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important; } .border-top-0 { border-top: 0 !important; } html:not([dir=rtl]) .border-end { border-right: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important; } *[dir=rtl] .border-end { border-left: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important; } html:not([dir=rtl]) .border-end-0 { border-right: 0 !important; } *[dir=rtl] .border-end-0 { border-left: 0 !important; } .border-bottom { border-bottom: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important; } .border-bottom-0 { border-bottom: 0 !important; } html:not([dir=rtl]) .border-start { border-left: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important; } *[dir=rtl] .border-start { border-right: var(--cui-border-width) var(--cui-border-style) var(--cui-border-color) !important; } html:not([dir=rtl]) .border-start-0 { border-left: 0 !important; } *[dir=rtl] .border-start-0 { border-right: 0 !important; } .border-primary { --cui-border-opacity: 1; border-color: rgba(var(--cui-primary-rgb), var(--cui-border-opacity)) !important; } .border-secondary { --cui-border-opacity: 1; border-color: rgba(var(--cui-secondary-rgb), var(--cui-border-opacity)) !important; } .border-success { --cui-border-opacity: 1; border-color: rgba(var(--cui-success-rgb), var(--cui-border-opacity)) !important; } .border-info { --cui-border-opacity: 1; border-color: rgba(var(--cui-info-rgb), var(--cui-border-opacity)) !important; } .border-warning { --cui-border-opacity: 1; border-color: rgba(var(--cui-warning-rgb), var(--cui-border-opacity)) !important; } .border-danger { --cui-border-opacity: 1; border-color: rgba(var(--cui-danger-rgb), var(--cui-border-opacity)) !important; } .border-light { --cui-border-opacity: 1; border-color: rgba(var(--cui-light-rgb), var(--cui-border-opacity)) !important; } .border-dark { --cui-border-opacity: 1; border-color: rgba(var(--cui-dark-rgb), var(--cui-border-opacity)) !important; } .border-black { --cui-border-opacity: 1; border-color: rgba(var(--cui-black-rgb), var(--cui-border-opacity)) !important; } .border-white { --cui-border-opacity: 1; border-color: rgba(var(--cui-white-rgb), var(--cui-border-opacity)) !important; } .border-top-primary { border-top-color: #5856d6 !important; } .border-top-secondary { border-top-color: #6b7785 !important; } .border-top-success { border-top-color: #1b9e3e !important; } .border-top-info { border-top-color: #39f !important; } .border-top-warning { border-top-color: #f9b115 !important; } .border-top-danger { border-top-color: #e55353 !important; } .border-top-light { border-top-color: #f3f4f7 !important; } .border-top-dark { border-top-color: #212631 !important; } .border-top-white { border-top-color: #fff !important; } html:not([dir=rtl]) .border-end-primary { border-right-color: #5856d6 !important; } *[dir=rtl] .border-end-primary { border-left-color: #5856d6 !important; } html:not([dir=rtl]) .border-end-secondary { border-right-color: #6b7785 !important; } *[dir=rtl] .border-end-secondary { border-left-color: #6b7785 !important; } html:not([dir=rtl]) .border-end-success { border-right-color: #1b9e3e !important; } *[dir=rtl] .border-end-success { border-left-color: #1b9e3e !important; } html:not([dir=rtl]) .border-end-info { border-right-color: #39f !important; } *[dir=rtl] .border-end-info { border-left-color: #39f !important; } html:not([dir=rtl]) .border-end-warning { border-right-color: #f9b115 !important; } *[dir=rtl] .border-end-warning { border-left-color: #f9b115 !important; } html:not([dir=rtl]) .border-end-danger { border-right-color: #e55353 !important; } *[dir=rtl] .border-end-danger { border-left-color: #e55353 !important; } html:not([dir=rtl]) .border-end-light { border-right-color: #f3f4f7 !important; } *[dir=rtl] .border-end-light { border-left-color: #f3f4f7 !important; } html:not([dir=rtl]) .border-end-dark { border-right-color: #212631 !important; } *[dir=rtl] .border-end-dark { border-left-color: #212631 !important; } html:not([dir=rtl]) .border-end-white { border-right-color: #fff !important; } *[dir=rtl] .border-end-white { border-left-color: #fff !important; } .border-bottom-primary { border-bottom-color: #5856d6 !important; } .border-bottom-secondary { border-bottom-color: #6b7785 !important; } .border-bottom-success { border-bottom-color: #1b9e3e !important; } .border-bottom-info { border-bottom-color: #39f !important; } .border-bottom-warning { border-bottom-color: #f9b115 !important; } .border-bottom-danger { border-bottom-color: #e55353 !important; } .border-bottom-light { border-bottom-color: #f3f4f7 !important; } .border-bottom-dark { border-bottom-color: #212631 !important; } .border-bottom-white { border-bottom-color: #fff !important; } html:not([dir=rtl]) .border-start-primary { border-left-color: #5856d6 !important; } *[dir=rtl] .border-start-primary { border-right-color: #5856d6 !important; } html:not([dir=rtl]) .border-start-secondary { border-left-color: #6b7785 !important; } *[dir=rtl] .border-start-secondary { border-right-color: #6b7785 !important; } html:not([dir=rtl]) .border-start-success { border-left-color: #1b9e3e !important; } *[dir=rtl] .border-start-success { border-right-color: #1b9e3e !important; } html:not([dir=rtl]) .border-start-info { border-left-color: #39f !important; } *[dir=rtl] .border-start-info { border-right-color: #39f !important; } html:not([dir=rtl]) .border-start-warning { border-left-color: #f9b115 !important; } *[dir=rtl] .border-start-warning { border-right-color: #f9b115 !important; } html:not([dir=rtl]) .border-start-danger { border-left-color: #e55353 !important; } *[dir=rtl] .border-start-danger { border-right-color: #e55353 !important; } html:not([dir=rtl]) .border-start-light { border-left-color: #f3f4f7 !important; } *[dir=rtl] .border-start-light { border-right-color: #f3f4f7 !important; } html:not([dir=rtl]) .border-start-dark { border-left-color: #212631 !important; } *[dir=rtl] .border-start-dark { border-right-color: #212631 !important; } html:not([dir=rtl]) .border-start-white { border-left-color: #fff !important; } *[dir=rtl] .border-start-white { border-right-color: #fff !important; } .border-1 { border-width: 1px !important; } .border-2 { border-width: 2px !important; } .border-3 { border-width: 3px !important; } .border-4 { border-width: 4px !important; } .border-5 { border-width: 5px !important; } .border-top-1 { border-top-width: 1px !important; } .border-top-2 { border-top-width: 2px !important; } .border-top-3 { border-top-width: 3px !important; } .border-top-4 { border-top-width: 4px !important; } .border-top-5 { border-top-width: 5px !important; } html:not([dir=rtl]) .border-end-1 { border-right-width: 1px !important; } *[dir=rtl] .border-end-1 { border-left-width: 1px !important; } html:not([dir=rtl]) .border-end-2 { border-right-width: 2px !important; } *[dir=rtl] .border-end-2 { border-left-width: 2px !important; } html:not([dir=rtl]) .border-end-3 { border-right-width: 3px !important; } *[dir=rtl] .border-end-3 { border-left-width: 3px !important; } html:not([dir=rtl]) .border-end-4 { border-right-width: 4px !important; } *[dir=rtl] .border-end-4 { border-left-width: 4px !important; } html:not([dir=rtl]) .border-end-5 { border-right-width: 5px !important; } *[dir=rtl] .border-end-5 { border-left-width: 5px !important; } .border-bottom-1 { border-bottom-width: 1px !important; } .border-bottom-2 { border-bottom-width: 2px !important; } .border-bottom-3 { border-bottom-width: 3px !important; } .border-bottom-4 { border-bottom-width: 4px !important; } .border-bottom-5 { border-bottom-width: 5px !important; } html:not([dir=rtl]) .border-start-1 { border-left-width: 1px !important; } *[dir=rtl] .border-start-1 { border-right-width: 1px !important; } html:not([dir=rtl]) .border-start-2 { border-left-width: 2px !important; } *[dir=rtl] .border-start-2 { border-right-width: 2px !important; } html:not([dir=rtl]) .border-start-3 { border-left-width: 3px !important; } *[dir=rtl] .border-start-3 { border-right-width: 3px !important; } html:not([dir=rtl]) .border-start-4 { border-left-width: 4px !important; } *[dir=rtl] .border-start-4 { border-right-width: 4px !important; } html:not([dir=rtl]) .border-start-5 { border-left-width: 5px !important; } *[dir=rtl] .border-start-5 { border-right-width: 5px !important; } .border-primary-subtle { border-color: var(--cui-primary-border-subtle) !important; } .border-secondary-subtle { border-color: var(--cui-secondary-border-subtle) !important; } .border-success-subtle { border-color: var(--cui-success-border-subtle) !important; } .border-info-subtle { border-color: var(--cui-info-border-subtle) !important; } .border-warning-subtle { border-color: var(--cui-warning-border-subtle) !important; } .border-danger-subtle { border-color: var(--cui-danger-border-subtle) !important; } .border-light-subtle { border-color: var(--cui-light-border-subtle) !important; } .border-dark-subtle { border-color: var(--cui-dark-border-subtle) !important; } .border-opacity-10 { --cui-border-opacity: 0.1; } .border-opacity-25 { --cui-border-opacity: 0.25; } .border-opacity-50 { --cui-border-opacity: 0.5; } .border-opacity-75 { --cui-border-opacity: 0.75; } .border-opacity-100 { --cui-border-opacity: 1; } .w-25 { width: 25% !important; } .w-50 { width: 50% !important; } .w-75 { width: 75% !important; } .w-100 { width: 100% !important; } .w-auto { width: auto !important; } .mw-100 { max-width: 100% !important; } .vw-100 { width: 100vw !important; } .min-vw-100 { min-width: 100vw !important; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !important; } .h-auto { height: auto !important; } .mh-100 { max-height: 100% !important; } .vh-100 { height: 100vh !important; } .min-vh-100 { min-height: 100vh !important; } .flex-fill { flex: 1 1 auto !important; } .flex-row { flex-direction: row !important; } .flex-column { flex-direction: column !important; } .flex-row-reverse { flex-direction: row-reverse !important; } .flex-column-reverse { flex-direction: column-reverse !important; } .flex-grow-0 { flex-grow: 0 !important; } .flex-grow-1 { flex-grow: 1 !important; } .flex-shrink-0 { flex-shrink: 0 !important; } .flex-shrink-1 { flex-shrink: 1 !important; } .flex-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-start { justify-content: flex-start !important; } .justify-content-end { justify-content: flex-end !important; } .justify-content-center { justify-content: center !important; } .justify-content-between { justify-content: space-between !important; } .justify-content-around { justify-content: space-around !important; } .justify-content-evenly { justify-content: space-evenly !important; } .align-items-start { align-items: flex-start !important; } .align-items-end { align-items: flex-end !important; } .align-items-center { align-items: center !important; } .align-items-baseline { align-items: baseline !important; } .align-items-stretch { align-items: stretch !important; } .align-content-start { align-content: flex-start !important; } .align-content-end { align-content: flex-end !important; } .align-content-center { align-content: center !important; } .align-content-between { align-content: space-between !important; } .align-content-around { align-content: space-around !important; } .align-content-stretch { align-content: stretch !important; } .align-self-auto { align-self: auto !important; } .align-self-start { align-self: flex-start !important; } .align-self-end { align-self: flex-end !important; } .align-self-center { align-self: center !important; } .align-self-baseline { align-self: baseline !important; } .align-self-stretch { align-self: stretch !important; } .order-first { order: -1 !important; } .order-0 { order: 0 !important; } .order-1 { order: 1 !important; } .order-2 { order: 2 !important; } .order-3 { order: 3 !important; } .order-4 { order: 4 !important; } .order-5 { order: 5 !important; } .order-last { order: 6 !important; } .m-0 { margin: 0 !important; } .m-1 { margin: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .m-3 { margin: 1rem !important; } .m-4 { margin: 1.5rem !important; } .m-5 { margin: 3rem !important; } .m-auto { margin: auto !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-0 { margin-top: 0 !important; } .mt-1 { margin-top: 0.25rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mt-3 { margin-top: 1rem !important; } .mt-4 { margin-top: 1.5rem !important; } .mt-5 { margin-top: 3rem !important; } .mt-auto { margin-top: auto !important; } html:not([dir=rtl]) .me-0 { margin-right: 0 !important; } *[dir=rtl] .me-0 { margin-left: 0 !important; } html:not([dir=rtl]) .me-1 { margin-right: 0.25rem !important; } *[dir=rtl] .me-1 { margin-left: 0.25rem !important; } html:not([dir=rtl]) .me-2 { margin-right: 0.5rem !important; } *[dir=rtl] .me-2 { margin-left: 0.5rem !important; } html:not([dir=rtl]) .me-3 { margin-right: 1rem !important; } *[dir=rtl] .me-3 { margin-left: 1rem !important; } html:not([dir=rtl]) .me-4 { margin-right: 1.5rem !important; } *[dir=rtl] .me-4 { margin-left: 1.5rem !important; } html:not([dir=rtl]) .me-5 { margin-right: 3rem !important; } *[dir=rtl] .me-5 { margin-left: 3rem !important; } html:not([dir=rtl]) .me-auto { margin-right: auto !important; } *[dir=rtl] .me-auto { margin-left: auto !important; } .mb-0 { margin-bottom: 0 !important; } .mb-1 { margin-bottom: 0.25rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .mb-3 { margin-bottom: 1rem !important; } .mb-4 { margin-bottom: 1.5rem !important; } .mb-5 { margin-bottom: 3rem !important; } .mb-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ms-0 { margin-left: 0 !important; } *[dir=rtl] .ms-0 { margin-right: 0 !important; } html:not([dir=rtl]) .ms-1 { margin-left: 0.25rem !important; } *[dir=rtl] .ms-1 { margin-right: 0.25rem !important; } html:not([dir=rtl]) .ms-2 { margin-left: 0.5rem !important; } *[dir=rtl] .ms-2 { margin-right: 0.5rem !important; } html:not([dir=rtl]) .ms-3 { margin-left: 1rem !important; } *[dir=rtl] .ms-3 { margin-right: 1rem !important; } html:not([dir=rtl]) .ms-4 { margin-left: 1.5rem !important; } *[dir=rtl] .ms-4 { margin-right: 1.5rem !important; } html:not([dir=rtl]) .ms-5 { margin-left: 3rem !important; } *[dir=rtl] .ms-5 { margin-right: 3rem !important; } html:not([dir=rtl]) .ms-auto { margin-left: auto !important; } *[dir=rtl] .ms-auto { margin-right: auto !important; } .p-0 { padding: 0 !important; } .p-1 { padding: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .p-3 { padding: 1rem !important; } .p-4 { padding: 1.5rem !important; } .p-5 { padding: 3rem !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-0 { padding-top: 0 !important; } .pt-1 { padding-top: 0.25rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pt-3 { padding-top: 1rem !important; } .pt-4 { padding-top: 1.5rem !important; } .pt-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pe-0 { padding-right: 0 !important; } *[dir=rtl] .pe-0 { padding-left: 0 !important; } html:not([dir=rtl]) .pe-1 { padding-right: 0.25rem !important; } *[dir=rtl] .pe-1 { padding-left: 0.25rem !important; } html:not([dir=rtl]) .pe-2 { padding-right: 0.5rem !important; } *[dir=rtl] .pe-2 { padding-left: 0.5rem !important; } html:not([dir=rtl]) .pe-3 { padding-right: 1rem !important; } *[dir=rtl] .pe-3 { padding-left: 1rem !important; } html:not([dir=rtl]) .pe-4 { padding-right: 1.5rem !important; } *[dir=rtl] .pe-4 { padding-left: 1.5rem !important; } html:not([dir=rtl]) .pe-5 { padding-right: 3rem !important; } *[dir=rtl] .pe-5 { padding-left: 3rem !important; } .pb-0 { padding-bottom: 0 !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pb-4 { padding-bottom: 1.5rem !important; } .pb-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .ps-0 { padding-left: 0 !important; } *[dir=rtl] .ps-0 { padding-right: 0 !important; } html:not([dir=rtl]) .ps-1 { padding-left: 0.25rem !important; } *[dir=rtl] .ps-1 { padding-right: 0.25rem !important; } html:not([dir=rtl]) .ps-2 { padding-left: 0.5rem !important; } *[dir=rtl] .ps-2 { padding-right: 0.5rem !important; } html:not([dir=rtl]) .ps-3 { padding-left: 1rem !important; } *[dir=rtl] .ps-3 { padding-right: 1rem !important; } html:not([dir=rtl]) .ps-4 { padding-left: 1.5rem !important; } *[dir=rtl] .ps-4 { padding-right: 1.5rem !important; } html:not([dir=rtl]) .ps-5 { padding-left: 3rem !important; } *[dir=rtl] .ps-5 { padding-right: 3rem !important; } .gap-0 { gap: 0 !important; } .gap-1 { gap: 0.25rem !important; } .gap-2 { gap: 0.5rem !important; } .gap-3 { gap: 1rem !important; } .gap-4 { gap: 1.5rem !important; } .gap-5 { gap: 3rem !important; } .row-gap-0 { row-gap: 0 !important; } .row-gap-1 { row-gap: 0.25rem !important; } .row-gap-2 { row-gap: 0.5rem !important; } .row-gap-3 { row-gap: 1rem !important; } .row-gap-4 { row-gap: 1.5rem !important; } .row-gap-5 { row-gap: 3rem !important; } .column-gap-0 { column-gap: 0 !important; } .column-gap-1 { column-gap: 0.25rem !important; } .column-gap-2 { column-gap: 0.5rem !important; } .column-gap-3 { column-gap: 1rem !important; } .column-gap-4 { column-gap: 1.5rem !important; } .column-gap-5 { column-gap: 3rem !important; } .font-monospace { font-family: var(--cui-font-monospace) !important; } .fs-1 { font-size: calc(1.375rem + 1.5vw) !important; } .fs-2 { font-size: calc(1.325rem + 0.9vw) !important; } .fs-3 { font-size: calc(1.3rem + 0.6vw) !important; } .fs-4 { font-size: calc(1.275rem + 0.3vw) !important; } .fs-5 { font-size: 1.25rem !important; } .fs-6 { font-size: 1rem !important; } .fst-italic { font-style: italic !important; } .fst-normal { font-style: normal !important; } .fw-lighter { font-weight: lighter !important; } .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-medium { font-weight: 500 !important; } .fw-semibold { font-weight: 600 !important; } .fw-bold { font-weight: 700 !important; } .fw-bolder { font-weight: bolder !important; } .lh-1 { line-height: 1 !important; } .lh-sm { line-height: 1.25 !important; } .lh-base { line-height: 1.5 !important; } .lh-lg { line-height: 2 !important; } html:not([dir=rtl]) .text-start { text-align: left !important; } *[dir=rtl] .text-start { text-align: right !important; } html:not([dir=rtl]) .text-end { text-align: right !important; } *[dir=rtl] .text-end { text-align: left !important; } html:not([dir=rtl]) .text-center { text-align: center !important; } *[dir=rtl] .text-center { text-align: center !important; } .text-decoration-none { text-decoration: none !important; } .text-decoration-underline { text-decoration: underline !important; } .text-decoration-line-through { text-decoration: line-through !important; } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } /* rtl:begin:remove */ .text-break { word-wrap: break-word !important; word-break: break-word !important; } /* rtl:end:remove */ [data-coreui-theme=dark] .dark\:text-primary, [data-coreui-theme=dark] .dark\:text-primary:not([class*="dark:"]), .text-primary { --cui-text-opacity: 1; color: rgba(var(--cui-primary-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-secondary, [data-coreui-theme=dark] .dark\:text-secondary:not([class*="dark:"]), .text-secondary { --cui-text-opacity: 1; color: rgba(var(--cui-secondary-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-success, [data-coreui-theme=dark] .dark\:text-success:not([class*="dark:"]), .text-success { --cui-text-opacity: 1; color: rgba(var(--cui-success-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-info, [data-coreui-theme=dark] .dark\:text-info:not([class*="dark:"]), .text-info { --cui-text-opacity: 1; color: rgba(var(--cui-info-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-warning, [data-coreui-theme=dark] .dark\:text-warning:not([class*="dark:"]), .text-warning { --cui-text-opacity: 1; color: rgba(var(--cui-warning-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-danger, [data-coreui-theme=dark] .dark\:text-danger:not([class*="dark:"]), .text-danger { --cui-text-opacity: 1; color: rgba(var(--cui-danger-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-light, [data-coreui-theme=dark] .dark\:text-light:not([class*="dark:"]), .text-light { --cui-text-opacity: 1; color: rgba(var(--cui-light-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-dark, [data-coreui-theme=dark] .dark\:text-dark:not([class*="dark:"]), .text-dark { --cui-text-opacity: 1; color: rgba(var(--cui-dark-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-black, [data-coreui-theme=dark] .dark\:text-black:not([class*="dark:"]), .text-black { --cui-text-opacity: 1; color: rgba(var(--cui-black-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-white, [data-coreui-theme=dark] .dark\:text-white:not([class*="dark:"]), .text-white { --cui-text-opacity: 1; color: rgba(var(--cui-white-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-body, [data-coreui-theme=dark] .dark\:text-body:not([class*="dark:"]), .text-body { --cui-text-opacity: 1; color: rgba(var(--cui-body-color-rgb), var(--cui-text-opacity)) !important; } [data-coreui-theme=dark] .dark\:text-muted, [data-coreui-theme=dark] .dark\:text-muted:not([class*="dark:"]), .text-muted { --cui-text-opacity: 1; color: var(--cui-secondary-color) !important; } [data-coreui-theme=dark] .dark\:text-black-50, [data-coreui-theme=dark] .dark\:text-black-50:not([class*="dark:"]), .text-black-50 { --cui-text-opacity: 1; color: rgba(8, 10, 12, 0.5) !important; } [data-coreui-theme=dark] .dark\:text-white-50, [data-coreui-theme=dark] .dark\:text-white-50:not([class*="dark:"]), .text-white-50 { --cui-text-opacity: 1; color: rgba(255, 255, 255, 0.5) !important; } [data-coreui-theme=dark] .dark\:text-body-secondary, [data-coreui-theme=dark] .dark\:text-body-secondary:not([class*="dark:"]), .text-body-secondary { --cui-text-opacity: 1; color: var(--cui-secondary-color) !important; } [data-coreui-theme=dark] .dark\:text-body-tertiary, [data-coreui-theme=dark] .dark\:text-body-tertiary:not([class*="dark:"]), .text-body-tertiary { --cui-text-opacity: 1; color: var(--cui-tertiary-color) !important; } [data-coreui-theme=dark] .dark\:text-body-emphasis, [data-coreui-theme=dark] .dark\:text-body-emphasis:not([class*="dark:"]), .text-body-emphasis { --cui-text-opacity: 1; color: var(--cui-emphasis-color) !important; } [data-coreui-theme=dark] .dark\:text-reset, [data-coreui-theme=dark] .dark\:text-reset:not([class*="dark:"]), .text-reset { --cui-text-opacity: 1; color: inherit !important; } [data-coreui-theme=dark] .dark\:text-high-emphasis-inverse, [data-coreui-theme=dark] .dark\:text-high-emphasis-inverse:not([class*="dark:"]), .text-high-emphasis-inverse { --cui-text-opacity: 1; color: var(--cui-high-emphasis-inverse) !important; } [data-coreui-theme=dark] .dark\:text-medium-emphasis-inverse, [data-coreui-theme=dark] .dark\:text-medium-emphasis-inverse:not([class*="dark:"]), .text-medium-emphasis-inverse { --cui-text-opacity: 1; color: var(--cui-medium-emphasis-inverse) !important; } [data-coreui-theme=dark] .dark\:text-disabled-inverse, [data-coreui-theme=dark] .dark\:text-disabled-inverse:not([class*="dark:"]), .text-disabled-inverse { --cui-text-opacity: 1; color: var(--cui-disabled-inverse) !important; } [data-coreui-theme=dark] .dark\:text-high-emphasis, [data-coreui-theme=dark] .dark\:text-high-emphasis:not([class*="dark:"]), .text-high-emphasis { --cui-text-opacity: 1; color: var(--cui-high-emphasis) !important; } [data-coreui-theme=dark] .dark\:text-medium-emphasis, [data-coreui-theme=dark] .dark\:text-medium-emphasis:not([class*="dark:"]), .text-medium-emphasis { --cui-text-opacity: 1; color: var(--cui-medium-emphasis) !important; } [data-coreui-theme=dark] .dark\:text-disabled, [data-coreui-theme=dark] .dark\:text-disabled:not([class*="dark:"]), .text-disabled { --cui-text-opacity: 1; color: var(--cui-disabled) !important; } .text-opacity-25 { --cui-text-opacity: 0.25; } .text-opacity-50 { --cui-text-opacity: 0.5; } .text-opacity-75 { --cui-text-opacity: 0.75; } .text-opacity-100 { --cui-text-opacity: 1; } .text-primary-emphasis { color: var(--cui-primary-text-emphasis) !important; } .text-secondary-emphasis { color: var(--cui-secondary-text-emphasis) !important; } .text-success-emphasis { color: var(--cui-success-text-emphasis) !important; } .text-info-emphasis { color: var(--cui-info-text-emphasis) !important; } .text-warning-emphasis { color: var(--cui-warning-text-emphasis) !important; } .text-danger-emphasis { color: var(--cui-danger-text-emphasis) !important; } .text-light-emphasis { color: var(--cui-light-text-emphasis) !important; } .text-dark-emphasis { color: var(--cui-dark-text-emphasis) !important; } .link-opacity-10 { --cui-link-opacity: 0.1; } .link-opacity-10-hover:hover { --cui-link-opacity: 0.1; } .link-opacity-25 { --cui-link-opacity: 0.25; } .link-opacity-25-hover:hover { --cui-link-opacity: 0.25; } .link-opacity-50 { --cui-link-opacity: 0.5; } .link-opacity-50-hover:hover { --cui-link-opacity: 0.5; } .link-opacity-75 { --cui-link-opacity: 0.75; } .link-opacity-75-hover:hover { --cui-link-opacity: 0.75; } .link-opacity-100 { --cui-link-opacity: 1; } .link-opacity-100-hover:hover { --cui-link-opacity: 1; } .link-offset-1 { text-underline-offset: 0.125em !important; } .link-offset-1-hover:hover { text-underline-offset: 0.125em !important; } .link-offset-2 { text-underline-offset: 0.25em !important; } .link-offset-2-hover:hover { text-underline-offset: 0.25em !important; } .link-offset-3 { text-underline-offset: 0.375em !important; } .link-offset-3-hover:hover { text-underline-offset: 0.375em !important; } .link-underline-primary { --cui-link-underline-opacity: 1; text-decoration-color: rgba(var(--cui-primary-rgb), var(--cui-link-underline-opacity)) !important; } .link-underline-secondary { --cui-link-underline-opacity: 1; text-decoration-color: rgba(var(--cui-secondary-rgb), var(--cui-link-underline-opacity)) !important; } .link-underline-success { --cui-link-underline-opacity: 1; text-decoration-color: rgba(var(--cui-success-rgb), var(--cui-link-underline-opacity)) !important; } .link-underline-info { --cui-link-underline-opacity: 1; text-decoration-color: rgba(var(--cui-info-rgb), var(--cui-link-underline-opacity)) !important; } .link-underline-warning { --cui-link-underline-opacity: 1; text-decoration-color: rgba(var(--cui-warning-rgb), var(--cui-link-underline-opacity)) !important; } .link-underline-danger { --cui-link-underline-opacity: 1; text-decoration-color: rgba(var(--cui-danger-rgb), var(--cui-link-underline-opacity)) !important; } .link-underline-light { --cui-link-underline-opacity: 1; text-decoration-color: rgba(var(--cui-light-rgb), var(--cui-link-underline-opacity)) !important; } .link-underline-dark { --cui-link-underline-opacity: 1; text-decoration-color: rgba(var(--cui-dark-rgb), var(--cui-link-underline-opacity)) !important; } .link-underline { --cui-link-underline-opacity: 1; text-decoration-color: rgba(var(--cui-link-color-rgb), var(--cui-link-underline-opacity, 1)) !important; } .link-underline-opacity-0 { --cui-link-underline-opacity: 0; } .link-underline-opacity-0-hover:hover { --cui-link-underline-opacity: 0; } .link-underline-opacity-10 { --cui-link-underline-opacity: 0.1; } .link-underline-opacity-10-hover:hover { --cui-link-underline-opacity: 0.1; } .link-underline-opacity-25 { --cui-link-underline-opacity: 0.25; } .link-underline-opacity-25-hover:hover { --cui-link-underline-opacity: 0.25; } .link-underline-opacity-50 { --cui-link-underline-opacity: 0.5; } .link-underline-opacity-50-hover:hover { --cui-link-underline-opacity: 0.5; } .link-underline-opacity-75 { --cui-link-underline-opacity: 0.75; } .link-underline-opacity-75-hover:hover { --cui-link-underline-opacity: 0.75; } .link-underline-opacity-100 { --cui-link-underline-opacity: 1; } .link-underline-opacity-100-hover:hover { --cui-link-underline-opacity: 1; } [data-coreui-theme=dark] .dark\:bg-primary, [data-coreui-theme=dark] .dark\:bg-primary:not([class*="dark:"]), .bg-primary { --cui-bg-opacity: 1; background-color: rgba(var(--cui-primary-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-secondary, [data-coreui-theme=dark] .dark\:bg-secondary:not([class*="dark:"]), .bg-secondary { --cui-bg-opacity: 1; background-color: rgba(var(--cui-secondary-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-success, [data-coreui-theme=dark] .dark\:bg-success:not([class*="dark:"]), .bg-success { --cui-bg-opacity: 1; background-color: rgba(var(--cui-success-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-info, [data-coreui-theme=dark] .dark\:bg-info:not([class*="dark:"]), .bg-info { --cui-bg-opacity: 1; background-color: rgba(var(--cui-info-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-warning, [data-coreui-theme=dark] .dark\:bg-warning:not([class*="dark:"]), .bg-warning { --cui-bg-opacity: 1; background-color: rgba(var(--cui-warning-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-danger, [data-coreui-theme=dark] .dark\:bg-danger:not([class*="dark:"]), .bg-danger { --cui-bg-opacity: 1; background-color: rgba(var(--cui-danger-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-light, [data-coreui-theme=dark] .dark\:bg-light:not([class*="dark:"]), .bg-light { --cui-bg-opacity: 1; background-color: rgba(var(--cui-light-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-dark, [data-coreui-theme=dark] .dark\:bg-dark:not([class*="dark:"]), .bg-dark { --cui-bg-opacity: 1; background-color: rgba(var(--cui-dark-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-black, [data-coreui-theme=dark] .dark\:bg-black:not([class*="dark:"]), .bg-black { --cui-bg-opacity: 1; background-color: rgba(var(--cui-black-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-white, [data-coreui-theme=dark] .dark\:bg-white:not([class*="dark:"]), .bg-white { --cui-bg-opacity: 1; background-color: rgba(var(--cui-white-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-body, [data-coreui-theme=dark] .dark\:bg-body:not([class*="dark:"]), .bg-body { --cui-bg-opacity: 1; background-color: rgba(var(--cui-body-bg-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-transparent, [data-coreui-theme=dark] .dark\:bg-transparent:not([class*="dark:"]), .bg-transparent { --cui-bg-opacity: 1; background-color: transparent !important; } [data-coreui-theme=dark] .dark\:bg-body-secondary, [data-coreui-theme=dark] .dark\:bg-body-secondary:not([class*="dark:"]), .bg-body-secondary { --cui-bg-opacity: 1; background-color: rgba(var(--cui-secondary-bg-rgb), var(--cui-bg-opacity)) !important; } [data-coreui-theme=dark] .dark\:bg-body-tertiary, [data-coreui-theme=dark] .dark\:bg-body-tertiary:not([class*="dark:"]), .bg-body-tertiary { --cui-bg-opacity: 1; background-color: rgba(var(--cui-tertiary-bg-rgb), var(--cui-bg-opacity)) !important; } .bg-opacity-10 { --cui-bg-opacity: 0.1; } .bg-opacity-25 { --cui-bg-opacity: 0.25; } .bg-opacity-50 { --cui-bg-opacity: 0.5; } .bg-opacity-75 { --cui-bg-opacity: 0.75; } .bg-opacity-100 { --cui-bg-opacity: 1; } [data-coreui-theme=dark] .dark\:bg-primary-subtle, [data-coreui-theme=dark] .dark\:bg-primary-subtle:not([class*="dark:"]), .bg-primary-subtle { background-color: var(--cui-primary-bg-subtle) !important; } [data-coreui-theme=dark] .dark\:bg-secondary-subtle, [data-coreui-theme=dark] .dark\:bg-secondary-subtle:not([class*="dark:"]), .bg-secondary-subtle { background-color: var(--cui-secondary-bg-subtle) !important; } [data-coreui-theme=dark] .dark\:bg-success-subtle, [data-coreui-theme=dark] .dark\:bg-success-subtle:not([class*="dark:"]), .bg-success-subtle { background-color: var(--cui-success-bg-subtle) !important; } [data-coreui-theme=dark] .dark\:bg-info-subtle, [data-coreui-theme=dark] .dark\:bg-info-subtle:not([class*="dark:"]), .bg-info-subtle { background-color: var(--cui-info-bg-subtle) !important; } [data-coreui-theme=dark] .dark\:bg-warning-subtle, [data-coreui-theme=dark] .dark\:bg-warning-subtle:not([class*="dark:"]), .bg-warning-subtle { background-color: var(--cui-warning-bg-subtle) !important; } [data-coreui-theme=dark] .dark\:bg-danger-subtle, [data-coreui-theme=dark] .dark\:bg-danger-subtle:not([class*="dark:"]), .bg-danger-subtle { background-color: var(--cui-danger-bg-subtle) !important; } [data-coreui-theme=dark] .dark\:bg-light-subtle, [data-coreui-theme=dark] .dark\:bg-light-subtle:not([class*="dark:"]), .bg-light-subtle { background-color: var(--cui-light-bg-subtle) !important; } [data-coreui-theme=dark] .dark\:bg-dark-subtle, [data-coreui-theme=dark] .dark\:bg-dark-subtle:not([class*="dark:"]), .bg-dark-subtle { background-color: var(--cui-dark-bg-subtle) !important; } .bg-gradient { background-image: var(--cui-gradient) !important; } .user-select-all { -webkit-user-select: all !important; user-select: all !important; } .user-select-auto { -webkit-user-select: auto !important; user-select: auto !important; } .user-select-none { -webkit-user-select: none !important; user-select: none !important; } .pe-none { pointer-events: none !important; } .pe-auto { pointer-events: auto !important; } .rounded { border-radius: var(--cui-border-radius) !important; } .rounded-0 { border-radius: 0 !important; } .rounded-1 { border-radius: var(--cui-border-radius-sm) !important; } .rounded-2 { border-radius: var(--cui-border-radius) !important; } .rounded-3 { border-radius: var(--cui-border-radius-lg) !important; } .rounded-4 { border-radius: var(--cui-border-radius-xl) !important; } .rounded-5 { border-radius: var(--cui-border-radius-xxl) !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: var(--cui-border-radius-pill) !important; } .rounded-top { border-top-left-radius: var(--cui-border-radius) !important; border-top-right-radius: var(--cui-border-radius) !important; } .rounded-top-0 { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .rounded-top-1 { border-top-left-radius: var(--cui-border-radius-sm) !important; border-top-right-radius: var(--cui-border-radius-sm) !important; } .rounded-top-2 { border-top-left-radius: var(--cui-border-radius) !important; border-top-right-radius: var(--cui-border-radius) !important; } .rounded-top-3 { border-top-left-radius: var(--cui-border-radius-lg) !important; border-top-right-radius: var(--cui-border-radius-lg) !important; } .rounded-top-4 { border-top-left-radius: var(--cui-border-radius-xl) !important; border-top-right-radius: var(--cui-border-radius-xl) !important; } .rounded-top-5 { border-top-left-radius: var(--cui-border-radius-xxl) !important; border-top-right-radius: var(--cui-border-radius-xxl) !important; } .rounded-top-circle { border-top-left-radius: 50% !important; border-top-right-radius: 50% !important; } .rounded-top-pill { border-top-left-radius: var(--cui-border-radius-pill) !important; border-top-right-radius: var(--cui-border-radius-pill) !important; } html:not([dir=rtl]) .rounded-end { border-top-right-radius: var(--cui-border-radius) !important; } *[dir=rtl] .rounded-end { border-top-left-radius: var(--cui-border-radius) !important; } html:not([dir=rtl]) .rounded-end { border-bottom-right-radius: var(--cui-border-radius) !important; } *[dir=rtl] .rounded-end { border-bottom-left-radius: var(--cui-border-radius) !important; } html:not([dir=rtl]) .rounded-end-0 { border-top-right-radius: 0 !important; } *[dir=rtl] .rounded-end-0 { border-top-left-radius: 0 !important; } html:not([dir=rtl]) .rounded-end-0 { border-bottom-right-radius: 0 !important; } *[dir=rtl] .rounded-end-0 { border-bottom-left-radius: 0 !important; } html:not([dir=rtl]) .rounded-end-1 { border-top-right-radius: var(--cui-border-radius-sm) !important; } *[dir=rtl] .rounded-end-1 { border-top-left-radius: var(--cui-border-radius-sm) !important; } html:not([dir=rtl]) .rounded-end-1 { border-bottom-right-radius: var(--cui-border-radius-sm) !important; } *[dir=rtl] .rounded-end-1 { border-bottom-left-radius: var(--cui-border-radius-sm) !important; } html:not([dir=rtl]) .rounded-end-2 { border-top-right-radius: var(--cui-border-radius) !important; } *[dir=rtl] .rounded-end-2 { border-top-left-radius: var(--cui-border-radius) !important; } html:not([dir=rtl]) .rounded-end-2 { border-bottom-right-radius: var(--cui-border-radius) !important; } *[dir=rtl] .rounded-end-2 { border-bottom-left-radius: var(--cui-border-radius) !important; } html:not([dir=rtl]) .rounded-end-3 { border-top-right-radius: var(--cui-border-radius-lg) !important; } *[dir=rtl] .rounded-end-3 { border-top-left-radius: var(--cui-border-radius-lg) !important; } html:not([dir=rtl]) .rounded-end-3 { border-bottom-right-radius: var(--cui-border-radius-lg) !important; } *[dir=rtl] .rounded-end-3 { border-bottom-left-radius: var(--cui-border-radius-lg) !important; } html:not([dir=rtl]) .rounded-end-4 { border-top-right-radius: var(--cui-border-radius-xl) !important; } *[dir=rtl] .rounded-end-4 { border-top-left-radius: var(--cui-border-radius-xl) !important; } html:not([dir=rtl]) .rounded-end-4 { border-bottom-right-radius: var(--cui-border-radius-xl) !important; } *[dir=rtl] .rounded-end-4 { border-bottom-left-radius: var(--cui-border-radius-xl) !important; } html:not([dir=rtl]) .rounded-end-5 { border-top-right-radius: var(--cui-border-radius-xxl) !important; } *[dir=rtl] .rounded-end-5 { border-top-left-radius: var(--cui-border-radius-xxl) !important; } html:not([dir=rtl]) .rounded-end-5 { border-bottom-right-radius: var(--cui-border-radius-xxl) !important; } *[dir=rtl] .rounded-end-5 { border-bottom-left-radius: var(--cui-border-radius-xxl) !important; } html:not([dir=rtl]) .rounded-end-circle { border-top-right-radius: 50% !important; } *[dir=rtl] .rounded-end-circle { border-top-left-radius: 50% !important; } html:not([dir=rtl]) .rounded-end-circle { border-bottom-right-radius: 50% !important; } *[dir=rtl] .rounded-end-circle { border-bottom-left-radius: 50% !important; } html:not([dir=rtl]) .rounded-end-pill { border-top-right-radius: var(--cui-border-radius-pill) !important; } *[dir=rtl] .rounded-end-pill { border-top-left-radius: var(--cui-border-radius-pill) !important; } html:not([dir=rtl]) .rounded-end-pill { border-bottom-right-radius: var(--cui-border-radius-pill) !important; } *[dir=rtl] .rounded-end-pill { border-bottom-left-radius: var(--cui-border-radius-pill) !important; } .rounded-bottom { border-bottom-right-radius: var(--cui-border-radius) !important; border-bottom-left-radius: var(--cui-border-radius) !important; } .rounded-bottom-0 { border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } .rounded-bottom-1 { border-bottom-right-radius: var(--cui-border-radius-sm) !important; border-bottom-left-radius: var(--cui-border-radius-sm) !important; } .rounded-bottom-2 { border-bottom-right-radius: var(--cui-border-radius) !important; border-bottom-left-radius: var(--cui-border-radius) !important; } .rounded-bottom-3 { border-bottom-right-radius: var(--cui-border-radius-lg) !important; border-bottom-left-radius: var(--cui-border-radius-lg) !important; } .rounded-bottom-4 { border-bottom-right-radius: var(--cui-border-radius-xl) !important; border-bottom-left-radius: var(--cui-border-radius-xl) !important; } .rounded-bottom-5 { border-bottom-right-radius: var(--cui-border-radius-xxl) !important; border-bottom-left-radius: var(--cui-border-radius-xxl) !important; } .rounded-bottom-circle { border-bottom-right-radius: 50% !important; border-bottom-left-radius: 50% !important; } .rounded-bottom-pill { border-bottom-right-radius: var(--cui-border-radius-pill) !important; border-bottom-left-radius: var(--cui-border-radius-pill) !important; } html:not([dir=rtl]) .rounded-start { border-bottom-left-radius: var(--cui-border-radius) !important; } *[dir=rtl] .rounded-start { border-bottom-right-radius: var(--cui-border-radius) !important; } html:not([dir=rtl]) .rounded-start { border-top-left-radius: var(--cui-border-radius) !important; } *[dir=rtl] .rounded-start { border-top-right-radius: var(--cui-border-radius) !important; } html:not([dir=rtl]) .rounded-start-0 { border-bottom-left-radius: 0 !important; } *[dir=rtl] .rounded-start-0 { border-bottom-right-radius: 0 !important; } html:not([dir=rtl]) .rounded-start-0 { border-top-left-radius: 0 !important; } *[dir=rtl] .rounded-start-0 { border-top-right-radius: 0 !important; } html:not([dir=rtl]) .rounded-start-1 { border-bottom-left-radius: var(--cui-border-radius-sm) !important; } *[dir=rtl] .rounded-start-1 { border-bottom-right-radius: var(--cui-border-radius-sm) !important; } html:not([dir=rtl]) .rounded-start-1 { border-top-left-radius: var(--cui-border-radius-sm) !important; } *[dir=rtl] .rounded-start-1 { border-top-right-radius: var(--cui-border-radius-sm) !important; } html:not([dir=rtl]) .rounded-start-2 { border-bottom-left-radius: var(--cui-border-radius) !important; } *[dir=rtl] .rounded-start-2 { border-bottom-right-radius: var(--cui-border-radius) !important; } html:not([dir=rtl]) .rounded-start-2 { border-top-left-radius: var(--cui-border-radius) !important; } *[dir=rtl] .rounded-start-2 { border-top-right-radius: var(--cui-border-radius) !important; } html:not([dir=rtl]) .rounded-start-3 { border-bottom-left-radius: var(--cui-border-radius-lg) !important; } *[dir=rtl] .rounded-start-3 { border-bottom-right-radius: var(--cui-border-radius-lg) !important; } html:not([dir=rtl]) .rounded-start-3 { border-top-left-radius: var(--cui-border-radius-lg) !important; } *[dir=rtl] .rounded-start-3 { border-top-right-radius: var(--cui-border-radius-lg) !important; } html:not([dir=rtl]) .rounded-start-4 { border-bottom-left-radius: var(--cui-border-radius-xl) !important; } *[dir=rtl] .rounded-start-4 { border-bottom-right-radius: var(--cui-border-radius-xl) !important; } html:not([dir=rtl]) .rounded-start-4 { border-top-left-radius: var(--cui-border-radius-xl) !important; } *[dir=rtl] .rounded-start-4 { border-top-right-radius: var(--cui-border-radius-xl) !important; } html:not([dir=rtl]) .rounded-start-5 { border-bottom-left-radius: var(--cui-border-radius-xxl) !important; } *[dir=rtl] .rounded-start-5 { border-bottom-right-radius: var(--cui-border-radius-xxl) !important; } html:not([dir=rtl]) .rounded-start-5 { border-top-left-radius: var(--cui-border-radius-xxl) !important; } *[dir=rtl] .rounded-start-5 { border-top-right-radius: var(--cui-border-radius-xxl) !important; } html:not([dir=rtl]) .rounded-start-circle { border-bottom-left-radius: 50% !important; } *[dir=rtl] .rounded-start-circle { border-bottom-right-radius: 50% !important; } html:not([dir=rtl]) .rounded-start-circle { border-top-left-radius: 50% !important; } *[dir=rtl] .rounded-start-circle { border-top-right-radius: 50% !important; } html:not([dir=rtl]) .rounded-start-pill { border-bottom-left-radius: var(--cui-border-radius-pill) !important; } *[dir=rtl] .rounded-start-pill { border-bottom-right-radius: var(--cui-border-radius-pill) !important; } html:not([dir=rtl]) .rounded-start-pill { border-top-left-radius: var(--cui-border-radius-pill) !important; } *[dir=rtl] .rounded-start-pill { border-top-right-radius: var(--cui-border-radius-pill) !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .z-n1 { z-index: -1 !important; } .z-0 { z-index: 0 !important; } .z-1 { z-index: 1 !important; } .z-2 { z-index: 2 !important; } .z-3 { z-index: 3 !important; } @media (min-width: 576px) { html:not([dir=rtl]) .float-sm-start { float: left !important; } *[dir=rtl] .float-sm-start { float: right !important; } html:not([dir=rtl]) .float-sm-end { float: right !important; } *[dir=rtl] .float-sm-end { float: left !important; } html:not([dir=rtl]) .float-sm-none { float: none !important; } *[dir=rtl] .float-sm-none { float: none !important; } .object-fit-sm-contain { object-fit: contain !important; } .object-fit-sm-cover { object-fit: cover !important; } .object-fit-sm-fill { object-fit: fill !important; } .object-fit-sm-scale { object-fit: scale-down !important; } .object-fit-sm-none { object-fit: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-grid { display: grid !important; } .d-sm-inline-grid { display: inline-grid !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } .d-sm-none { display: none !important; } .flex-sm-fill { flex: 1 1 auto !important; } .flex-sm-row { flex-direction: row !important; } .flex-sm-column { flex-direction: column !important; } .flex-sm-row-reverse { flex-direction: row-reverse !important; } .flex-sm-column-reverse { flex-direction: column-reverse !important; } .flex-sm-grow-0 { flex-grow: 0 !important; } .flex-sm-grow-1 { flex-grow: 1 !important; } .flex-sm-shrink-0 { flex-shrink: 0 !important; } .flex-sm-shrink-1 { flex-shrink: 1 !important; } .flex-sm-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-sm-start { justify-content: flex-start !important; } .justify-content-sm-end { justify-content: flex-end !important; } .justify-content-sm-center { justify-content: center !important; } .justify-content-sm-between { justify-content: space-between !important; } .justify-content-sm-around { justify-content: space-around !important; } .justify-content-sm-evenly { justify-content: space-evenly !important; } .align-items-sm-start { align-items: flex-start !important; } .align-items-sm-end { align-items: flex-end !important; } .align-items-sm-center { align-items: center !important; } .align-items-sm-baseline { align-items: baseline !important; } .align-items-sm-stretch { align-items: stretch !important; } .align-content-sm-start { align-content: flex-start !important; } .align-content-sm-end { align-content: flex-end !important; } .align-content-sm-center { align-content: center !important; } .align-content-sm-between { align-content: space-between !important; } .align-content-sm-around { align-content: space-around !important; } .align-content-sm-stretch { align-content: stretch !important; } .align-self-sm-auto { align-self: auto !important; } .align-self-sm-start { align-self: flex-start !important; } .align-self-sm-end { align-self: flex-end !important; } .align-self-sm-center { align-self: center !important; } .align-self-sm-baseline { align-self: baseline !important; } .align-self-sm-stretch { align-self: stretch !important; } .order-sm-first { order: -1 !important; } .order-sm-0 { order: 0 !important; } .order-sm-1 { order: 1 !important; } .order-sm-2 { order: 2 !important; } .order-sm-3 { order: 3 !important; } .order-sm-4 { order: 4 !important; } .order-sm-5 { order: 5 !important; } .order-sm-last { order: 6 !important; } .m-sm-0 { margin: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .m-sm-auto { margin: auto !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-sm-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-sm-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-sm-0 { margin-top: 0 !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mt-sm-4 { margin-top: 1.5rem !important; } .mt-sm-5 { margin-top: 3rem !important; } .mt-sm-auto { margin-top: auto !important; } html:not([dir=rtl]) .me-sm-0 { margin-right: 0 !important; } *[dir=rtl] .me-sm-0 { margin-left: 0 !important; } html:not([dir=rtl]) .me-sm-1 { margin-right: 0.25rem !important; } *[dir=rtl] .me-sm-1 { margin-left: 0.25rem !important; } html:not([dir=rtl]) .me-sm-2 { margin-right: 0.5rem !important; } *[dir=rtl] .me-sm-2 { margin-left: 0.5rem !important; } html:not([dir=rtl]) .me-sm-3 { margin-right: 1rem !important; } *[dir=rtl] .me-sm-3 { margin-left: 1rem !important; } html:not([dir=rtl]) .me-sm-4 { margin-right: 1.5rem !important; } *[dir=rtl] .me-sm-4 { margin-left: 1.5rem !important; } html:not([dir=rtl]) .me-sm-5 { margin-right: 3rem !important; } *[dir=rtl] .me-sm-5 { margin-left: 3rem !important; } html:not([dir=rtl]) .me-sm-auto { margin-right: auto !important; } *[dir=rtl] .me-sm-auto { margin-left: auto !important; } .mb-sm-0 { margin-bottom: 0 !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .mb-sm-4 { margin-bottom: 1.5rem !important; } .mb-sm-5 { margin-bottom: 3rem !important; } .mb-sm-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ms-sm-0 { margin-left: 0 !important; } *[dir=rtl] .ms-sm-0 { margin-right: 0 !important; } html:not([dir=rtl]) .ms-sm-1 { margin-left: 0.25rem !important; } *[dir=rtl] .ms-sm-1 { margin-right: 0.25rem !important; } html:not([dir=rtl]) .ms-sm-2 { margin-left: 0.5rem !important; } *[dir=rtl] .ms-sm-2 { margin-right: 0.5rem !important; } html:not([dir=rtl]) .ms-sm-3 { margin-left: 1rem !important; } *[dir=rtl] .ms-sm-3 { margin-right: 1rem !important; } html:not([dir=rtl]) .ms-sm-4 { margin-left: 1.5rem !important; } *[dir=rtl] .ms-sm-4 { margin-right: 1.5rem !important; } html:not([dir=rtl]) .ms-sm-5 { margin-left: 3rem !important; } *[dir=rtl] .ms-sm-5 { margin-right: 3rem !important; } html:not([dir=rtl]) .ms-sm-auto { margin-left: auto !important; } *[dir=rtl] .ms-sm-auto { margin-right: auto !important; } .p-sm-0 { padding: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-sm-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-sm-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-sm-0 { padding-top: 0 !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pt-sm-4 { padding-top: 1.5rem !important; } .pt-sm-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pe-sm-0 { padding-right: 0 !important; } *[dir=rtl] .pe-sm-0 { padding-left: 0 !important; } html:not([dir=rtl]) .pe-sm-1 { padding-right: 0.25rem !important; } *[dir=rtl] .pe-sm-1 { padding-left: 0.25rem !important; } html:not([dir=rtl]) .pe-sm-2 { padding-right: 0.5rem !important; } *[dir=rtl] .pe-sm-2 { padding-left: 0.5rem !important; } html:not([dir=rtl]) .pe-sm-3 { padding-right: 1rem !important; } *[dir=rtl] .pe-sm-3 { padding-left: 1rem !important; } html:not([dir=rtl]) .pe-sm-4 { padding-right: 1.5rem !important; } *[dir=rtl] .pe-sm-4 { padding-left: 1.5rem !important; } html:not([dir=rtl]) .pe-sm-5 { padding-right: 3rem !important; } *[dir=rtl] .pe-sm-5 { padding-left: 3rem !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pb-sm-4 { padding-bottom: 1.5rem !important; } .pb-sm-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .ps-sm-0 { padding-left: 0 !important; } *[dir=rtl] .ps-sm-0 { padding-right: 0 !important; } html:not([dir=rtl]) .ps-sm-1 { padding-left: 0.25rem !important; } *[dir=rtl] .ps-sm-1 { padding-right: 0.25rem !important; } html:not([dir=rtl]) .ps-sm-2 { padding-left: 0.5rem !important; } *[dir=rtl] .ps-sm-2 { padding-right: 0.5rem !important; } html:not([dir=rtl]) .ps-sm-3 { padding-left: 1rem !important; } *[dir=rtl] .ps-sm-3 { padding-right: 1rem !important; } html:not([dir=rtl]) .ps-sm-4 { padding-left: 1.5rem !important; } *[dir=rtl] .ps-sm-4 { padding-right: 1.5rem !important; } html:not([dir=rtl]) .ps-sm-5 { padding-left: 3rem !important; } *[dir=rtl] .ps-sm-5 { padding-right: 3rem !important; } .gap-sm-0 { gap: 0 !important; } .gap-sm-1 { gap: 0.25rem !important; } .gap-sm-2 { gap: 0.5rem !important; } .gap-sm-3 { gap: 1rem !important; } .gap-sm-4 { gap: 1.5rem !important; } .gap-sm-5 { gap: 3rem !important; } .row-gap-sm-0 { row-gap: 0 !important; } .row-gap-sm-1 { row-gap: 0.25rem !important; } .row-gap-sm-2 { row-gap: 0.5rem !important; } .row-gap-sm-3 { row-gap: 1rem !important; } .row-gap-sm-4 { row-gap: 1.5rem !important; } .row-gap-sm-5 { row-gap: 3rem !important; } .column-gap-sm-0 { column-gap: 0 !important; } .column-gap-sm-1 { column-gap: 0.25rem !important; } .column-gap-sm-2 { column-gap: 0.5rem !important; } .column-gap-sm-3 { column-gap: 1rem !important; } .column-gap-sm-4 { column-gap: 1.5rem !important; } .column-gap-sm-5 { column-gap: 3rem !important; } html:not([dir=rtl]) .text-sm-start { text-align: left !important; } *[dir=rtl] .text-sm-start { text-align: right !important; } html:not([dir=rtl]) .text-sm-end { text-align: right !important; } *[dir=rtl] .text-sm-end { text-align: left !important; } html:not([dir=rtl]) .text-sm-center { text-align: center !important; } *[dir=rtl] .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { html:not([dir=rtl]) .float-md-start { float: left !important; } *[dir=rtl] .float-md-start { float: right !important; } html:not([dir=rtl]) .float-md-end { float: right !important; } *[dir=rtl] .float-md-end { float: left !important; } html:not([dir=rtl]) .float-md-none { float: none !important; } *[dir=rtl] .float-md-none { float: none !important; } .object-fit-md-contain { object-fit: contain !important; } .object-fit-md-cover { object-fit: cover !important; } .object-fit-md-fill { object-fit: fill !important; } .object-fit-md-scale { object-fit: scale-down !important; } .object-fit-md-none { object-fit: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-grid { display: grid !important; } .d-md-inline-grid { display: inline-grid !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } .d-md-none { display: none !important; } .flex-md-fill { flex: 1 1 auto !important; } .flex-md-row { flex-direction: row !important; } .flex-md-column { flex-direction: column !important; } .flex-md-row-reverse { flex-direction: row-reverse !important; } .flex-md-column-reverse { flex-direction: column-reverse !important; } .flex-md-grow-0 { flex-grow: 0 !important; } .flex-md-grow-1 { flex-grow: 1 !important; } .flex-md-shrink-0 { flex-shrink: 0 !important; } .flex-md-shrink-1 { flex-shrink: 1 !important; } .flex-md-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-md-start { justify-content: flex-start !important; } .justify-content-md-end { justify-content: flex-end !important; } .justify-content-md-center { justify-content: center !important; } .justify-content-md-between { justify-content: space-between !important; } .justify-content-md-around { justify-content: space-around !important; } .justify-content-md-evenly { justify-content: space-evenly !important; } .align-items-md-start { align-items: flex-start !important; } .align-items-md-end { align-items: flex-end !important; } .align-items-md-center { align-items: center !important; } .align-items-md-baseline { align-items: baseline !important; } .align-items-md-stretch { align-items: stretch !important; } .align-content-md-start { align-content: flex-start !important; } .align-content-md-end { align-content: flex-end !important; } .align-content-md-center { align-content: center !important; } .align-content-md-between { align-content: space-between !important; } .align-content-md-around { align-content: space-around !important; } .align-content-md-stretch { align-content: stretch !important; } .align-self-md-auto { align-self: auto !important; } .align-self-md-start { align-self: flex-start !important; } .align-self-md-end { align-self: flex-end !important; } .align-self-md-center { align-self: center !important; } .align-self-md-baseline { align-self: baseline !important; } .align-self-md-stretch { align-self: stretch !important; } .order-md-first { order: -1 !important; } .order-md-0 { order: 0 !important; } .order-md-1 { order: 1 !important; } .order-md-2 { order: 2 !important; } .order-md-3 { order: 3 !important; } .order-md-4 { order: 4 !important; } .order-md-5 { order: 5 !important; } .order-md-last { order: 6 !important; } .m-md-0 { margin: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .m-md-auto { margin: auto !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-md-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-md-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-md-0 { margin-top: 0 !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mt-md-4 { margin-top: 1.5rem !important; } .mt-md-5 { margin-top: 3rem !important; } .mt-md-auto { margin-top: auto !important; } html:not([dir=rtl]) .me-md-0 { margin-right: 0 !important; } *[dir=rtl] .me-md-0 { margin-left: 0 !important; } html:not([dir=rtl]) .me-md-1 { margin-right: 0.25rem !important; } *[dir=rtl] .me-md-1 { margin-left: 0.25rem !important; } html:not([dir=rtl]) .me-md-2 { margin-right: 0.5rem !important; } *[dir=rtl] .me-md-2 { margin-left: 0.5rem !important; } html:not([dir=rtl]) .me-md-3 { margin-right: 1rem !important; } *[dir=rtl] .me-md-3 { margin-left: 1rem !important; } html:not([dir=rtl]) .me-md-4 { margin-right: 1.5rem !important; } *[dir=rtl] .me-md-4 { margin-left: 1.5rem !important; } html:not([dir=rtl]) .me-md-5 { margin-right: 3rem !important; } *[dir=rtl] .me-md-5 { margin-left: 3rem !important; } html:not([dir=rtl]) .me-md-auto { margin-right: auto !important; } *[dir=rtl] .me-md-auto { margin-left: auto !important; } .mb-md-0 { margin-bottom: 0 !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .mb-md-4 { margin-bottom: 1.5rem !important; } .mb-md-5 { margin-bottom: 3rem !important; } .mb-md-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ms-md-0 { margin-left: 0 !important; } *[dir=rtl] .ms-md-0 { margin-right: 0 !important; } html:not([dir=rtl]) .ms-md-1 { margin-left: 0.25rem !important; } *[dir=rtl] .ms-md-1 { margin-right: 0.25rem !important; } html:not([dir=rtl]) .ms-md-2 { margin-left: 0.5rem !important; } *[dir=rtl] .ms-md-2 { margin-right: 0.5rem !important; } html:not([dir=rtl]) .ms-md-3 { margin-left: 1rem !important; } *[dir=rtl] .ms-md-3 { margin-right: 1rem !important; } html:not([dir=rtl]) .ms-md-4 { margin-left: 1.5rem !important; } *[dir=rtl] .ms-md-4 { margin-right: 1.5rem !important; } html:not([dir=rtl]) .ms-md-5 { margin-left: 3rem !important; } *[dir=rtl] .ms-md-5 { margin-right: 3rem !important; } html:not([dir=rtl]) .ms-md-auto { margin-left: auto !important; } *[dir=rtl] .ms-md-auto { margin-right: auto !important; } .p-md-0 { padding: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-md-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-md-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-md-0 { padding-top: 0 !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pt-md-4 { padding-top: 1.5rem !important; } .pt-md-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pe-md-0 { padding-right: 0 !important; } *[dir=rtl] .pe-md-0 { padding-left: 0 !important; } html:not([dir=rtl]) .pe-md-1 { padding-right: 0.25rem !important; } *[dir=rtl] .pe-md-1 { padding-left: 0.25rem !important; } html:not([dir=rtl]) .pe-md-2 { padding-right: 0.5rem !important; } *[dir=rtl] .pe-md-2 { padding-left: 0.5rem !important; } html:not([dir=rtl]) .pe-md-3 { padding-right: 1rem !important; } *[dir=rtl] .pe-md-3 { padding-left: 1rem !important; } html:not([dir=rtl]) .pe-md-4 { padding-right: 1.5rem !important; } *[dir=rtl] .pe-md-4 { padding-left: 1.5rem !important; } html:not([dir=rtl]) .pe-md-5 { padding-right: 3rem !important; } *[dir=rtl] .pe-md-5 { padding-left: 3rem !important; } .pb-md-0 { padding-bottom: 0 !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pb-md-4 { padding-bottom: 1.5rem !important; } .pb-md-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .ps-md-0 { padding-left: 0 !important; } *[dir=rtl] .ps-md-0 { padding-right: 0 !important; } html:not([dir=rtl]) .ps-md-1 { padding-left: 0.25rem !important; } *[dir=rtl] .ps-md-1 { padding-right: 0.25rem !important; } html:not([dir=rtl]) .ps-md-2 { padding-left: 0.5rem !important; } *[dir=rtl] .ps-md-2 { padding-right: 0.5rem !important; } html:not([dir=rtl]) .ps-md-3 { padding-left: 1rem !important; } *[dir=rtl] .ps-md-3 { padding-right: 1rem !important; } html:not([dir=rtl]) .ps-md-4 { padding-left: 1.5rem !important; } *[dir=rtl] .ps-md-4 { padding-right: 1.5rem !important; } html:not([dir=rtl]) .ps-md-5 { padding-left: 3rem !important; } *[dir=rtl] .ps-md-5 { padding-right: 3rem !important; } .gap-md-0 { gap: 0 !important; } .gap-md-1 { gap: 0.25rem !important; } .gap-md-2 { gap: 0.5rem !important; } .gap-md-3 { gap: 1rem !important; } .gap-md-4 { gap: 1.5rem !important; } .gap-md-5 { gap: 3rem !important; } .row-gap-md-0 { row-gap: 0 !important; } .row-gap-md-1 { row-gap: 0.25rem !important; } .row-gap-md-2 { row-gap: 0.5rem !important; } .row-gap-md-3 { row-gap: 1rem !important; } .row-gap-md-4 { row-gap: 1.5rem !important; } .row-gap-md-5 { row-gap: 3rem !important; } .column-gap-md-0 { column-gap: 0 !important; } .column-gap-md-1 { column-gap: 0.25rem !important; } .column-gap-md-2 { column-gap: 0.5rem !important; } .column-gap-md-3 { column-gap: 1rem !important; } .column-gap-md-4 { column-gap: 1.5rem !important; } .column-gap-md-5 { column-gap: 3rem !important; } html:not([dir=rtl]) .text-md-start { text-align: left !important; } *[dir=rtl] .text-md-start { text-align: right !important; } html:not([dir=rtl]) .text-md-end { text-align: right !important; } *[dir=rtl] .text-md-end { text-align: left !important; } html:not([dir=rtl]) .text-md-center { text-align: center !important; } *[dir=rtl] .text-md-center { text-align: center !important; } } @media (min-width: 992px) { html:not([dir=rtl]) .float-lg-start { float: left !important; } *[dir=rtl] .float-lg-start { float: right !important; } html:not([dir=rtl]) .float-lg-end { float: right !important; } *[dir=rtl] .float-lg-end { float: left !important; } html:not([dir=rtl]) .float-lg-none { float: none !important; } *[dir=rtl] .float-lg-none { float: none !important; } .object-fit-lg-contain { object-fit: contain !important; } .object-fit-lg-cover { object-fit: cover !important; } .object-fit-lg-fill { object-fit: fill !important; } .object-fit-lg-scale { object-fit: scale-down !important; } .object-fit-lg-none { object-fit: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-grid { display: grid !important; } .d-lg-inline-grid { display: inline-grid !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } .d-lg-none { display: none !important; } .flex-lg-fill { flex: 1 1 auto !important; } .flex-lg-row { flex-direction: row !important; } .flex-lg-column { flex-direction: column !important; } .flex-lg-row-reverse { flex-direction: row-reverse !important; } .flex-lg-column-reverse { flex-direction: column-reverse !important; } .flex-lg-grow-0 { flex-grow: 0 !important; } .flex-lg-grow-1 { flex-grow: 1 !important; } .flex-lg-shrink-0 { flex-shrink: 0 !important; } .flex-lg-shrink-1 { flex-shrink: 1 !important; } .flex-lg-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-lg-start { justify-content: flex-start !important; } .justify-content-lg-end { justify-content: flex-end !important; } .justify-content-lg-center { justify-content: center !important; } .justify-content-lg-between { justify-content: space-between !important; } .justify-content-lg-around { justify-content: space-around !important; } .justify-content-lg-evenly { justify-content: space-evenly !important; } .align-items-lg-start { align-items: flex-start !important; } .align-items-lg-end { align-items: flex-end !important; } .align-items-lg-center { align-items: center !important; } .align-items-lg-baseline { align-items: baseline !important; } .align-items-lg-stretch { align-items: stretch !important; } .align-content-lg-start { align-content: flex-start !important; } .align-content-lg-end { align-content: flex-end !important; } .align-content-lg-center { align-content: center !important; } .align-content-lg-between { align-content: space-between !important; } .align-content-lg-around { align-content: space-around !important; } .align-content-lg-stretch { align-content: stretch !important; } .align-self-lg-auto { align-self: auto !important; } .align-self-lg-start { align-self: flex-start !important; } .align-self-lg-end { align-self: flex-end !important; } .align-self-lg-center { align-self: center !important; } .align-self-lg-baseline { align-self: baseline !important; } .align-self-lg-stretch { align-self: stretch !important; } .order-lg-first { order: -1 !important; } .order-lg-0 { order: 0 !important; } .order-lg-1 { order: 1 !important; } .order-lg-2 { order: 2 !important; } .order-lg-3 { order: 3 !important; } .order-lg-4 { order: 4 !important; } .order-lg-5 { order: 5 !important; } .order-lg-last { order: 6 !important; } .m-lg-0 { margin: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .m-lg-auto { margin: auto !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-lg-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-lg-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-lg-0 { margin-top: 0 !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mt-lg-4 { margin-top: 1.5rem !important; } .mt-lg-5 { margin-top: 3rem !important; } .mt-lg-auto { margin-top: auto !important; } html:not([dir=rtl]) .me-lg-0 { margin-right: 0 !important; } *[dir=rtl] .me-lg-0 { margin-left: 0 !important; } html:not([dir=rtl]) .me-lg-1 { margin-right: 0.25rem !important; } *[dir=rtl] .me-lg-1 { margin-left: 0.25rem !important; } html:not([dir=rtl]) .me-lg-2 { margin-right: 0.5rem !important; } *[dir=rtl] .me-lg-2 { margin-left: 0.5rem !important; } html:not([dir=rtl]) .me-lg-3 { margin-right: 1rem !important; } *[dir=rtl] .me-lg-3 { margin-left: 1rem !important; } html:not([dir=rtl]) .me-lg-4 { margin-right: 1.5rem !important; } *[dir=rtl] .me-lg-4 { margin-left: 1.5rem !important; } html:not([dir=rtl]) .me-lg-5 { margin-right: 3rem !important; } *[dir=rtl] .me-lg-5 { margin-left: 3rem !important; } html:not([dir=rtl]) .me-lg-auto { margin-right: auto !important; } *[dir=rtl] .me-lg-auto { margin-left: auto !important; } .mb-lg-0 { margin-bottom: 0 !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .mb-lg-4 { margin-bottom: 1.5rem !important; } .mb-lg-5 { margin-bottom: 3rem !important; } .mb-lg-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ms-lg-0 { margin-left: 0 !important; } *[dir=rtl] .ms-lg-0 { margin-right: 0 !important; } html:not([dir=rtl]) .ms-lg-1 { margin-left: 0.25rem !important; } *[dir=rtl] .ms-lg-1 { margin-right: 0.25rem !important; } html:not([dir=rtl]) .ms-lg-2 { margin-left: 0.5rem !important; } *[dir=rtl] .ms-lg-2 { margin-right: 0.5rem !important; } html:not([dir=rtl]) .ms-lg-3 { margin-left: 1rem !important; } *[dir=rtl] .ms-lg-3 { margin-right: 1rem !important; } html:not([dir=rtl]) .ms-lg-4 { margin-left: 1.5rem !important; } *[dir=rtl] .ms-lg-4 { margin-right: 1.5rem !important; } html:not([dir=rtl]) .ms-lg-5 { margin-left: 3rem !important; } *[dir=rtl] .ms-lg-5 { margin-right: 3rem !important; } html:not([dir=rtl]) .ms-lg-auto { margin-left: auto !important; } *[dir=rtl] .ms-lg-auto { margin-right: auto !important; } .p-lg-0 { padding: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-lg-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-lg-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-lg-0 { padding-top: 0 !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pt-lg-4 { padding-top: 1.5rem !important; } .pt-lg-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pe-lg-0 { padding-right: 0 !important; } *[dir=rtl] .pe-lg-0 { padding-left: 0 !important; } html:not([dir=rtl]) .pe-lg-1 { padding-right: 0.25rem !important; } *[dir=rtl] .pe-lg-1 { padding-left: 0.25rem !important; } html:not([dir=rtl]) .pe-lg-2 { padding-right: 0.5rem !important; } *[dir=rtl] .pe-lg-2 { padding-left: 0.5rem !important; } html:not([dir=rtl]) .pe-lg-3 { padding-right: 1rem !important; } *[dir=rtl] .pe-lg-3 { padding-left: 1rem !important; } html:not([dir=rtl]) .pe-lg-4 { padding-right: 1.5rem !important; } *[dir=rtl] .pe-lg-4 { padding-left: 1.5rem !important; } html:not([dir=rtl]) .pe-lg-5 { padding-right: 3rem !important; } *[dir=rtl] .pe-lg-5 { padding-left: 3rem !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pb-lg-4 { padding-bottom: 1.5rem !important; } .pb-lg-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .ps-lg-0 { padding-left: 0 !important; } *[dir=rtl] .ps-lg-0 { padding-right: 0 !important; } html:not([dir=rtl]) .ps-lg-1 { padding-left: 0.25rem !important; } *[dir=rtl] .ps-lg-1 { padding-right: 0.25rem !important; } html:not([dir=rtl]) .ps-lg-2 { padding-left: 0.5rem !important; } *[dir=rtl] .ps-lg-2 { padding-right: 0.5rem !important; } html:not([dir=rtl]) .ps-lg-3 { padding-left: 1rem !important; } *[dir=rtl] .ps-lg-3 { padding-right: 1rem !important; } html:not([dir=rtl]) .ps-lg-4 { padding-left: 1.5rem !important; } *[dir=rtl] .ps-lg-4 { padding-right: 1.5rem !important; } html:not([dir=rtl]) .ps-lg-5 { padding-left: 3rem !important; } *[dir=rtl] .ps-lg-5 { padding-right: 3rem !important; } .gap-lg-0 { gap: 0 !important; } .gap-lg-1 { gap: 0.25rem !important; } .gap-lg-2 { gap: 0.5rem !important; } .gap-lg-3 { gap: 1rem !important; } .gap-lg-4 { gap: 1.5rem !important; } .gap-lg-5 { gap: 3rem !important; } .row-gap-lg-0 { row-gap: 0 !important; } .row-gap-lg-1 { row-gap: 0.25rem !important; } .row-gap-lg-2 { row-gap: 0.5rem !important; } .row-gap-lg-3 { row-gap: 1rem !important; } .row-gap-lg-4 { row-gap: 1.5rem !important; } .row-gap-lg-5 { row-gap: 3rem !important; } .column-gap-lg-0 { column-gap: 0 !important; } .column-gap-lg-1 { column-gap: 0.25rem !important; } .column-gap-lg-2 { column-gap: 0.5rem !important; } .column-gap-lg-3 { column-gap: 1rem !important; } .column-gap-lg-4 { column-gap: 1.5rem !important; } .column-gap-lg-5 { column-gap: 3rem !important; } html:not([dir=rtl]) .text-lg-start { text-align: left !important; } *[dir=rtl] .text-lg-start { text-align: right !important; } html:not([dir=rtl]) .text-lg-end { text-align: right !important; } *[dir=rtl] .text-lg-end { text-align: left !important; } html:not([dir=rtl]) .text-lg-center { text-align: center !important; } *[dir=rtl] .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { html:not([dir=rtl]) .float-xl-start { float: left !important; } *[dir=rtl] .float-xl-start { float: right !important; } html:not([dir=rtl]) .float-xl-end { float: right !important; } *[dir=rtl] .float-xl-end { float: left !important; } html:not([dir=rtl]) .float-xl-none { float: none !important; } *[dir=rtl] .float-xl-none { float: none !important; } .object-fit-xl-contain { object-fit: contain !important; } .object-fit-xl-cover { object-fit: cover !important; } .object-fit-xl-fill { object-fit: fill !important; } .object-fit-xl-scale { object-fit: scale-down !important; } .object-fit-xl-none { object-fit: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-grid { display: grid !important; } .d-xl-inline-grid { display: inline-grid !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } .d-xl-none { display: none !important; } .flex-xl-fill { flex: 1 1 auto !important; } .flex-xl-row { flex-direction: row !important; } .flex-xl-column { flex-direction: column !important; } .flex-xl-row-reverse { flex-direction: row-reverse !important; } .flex-xl-column-reverse { flex-direction: column-reverse !important; } .flex-xl-grow-0 { flex-grow: 0 !important; } .flex-xl-grow-1 { flex-grow: 1 !important; } .flex-xl-shrink-0 { flex-shrink: 0 !important; } .flex-xl-shrink-1 { flex-shrink: 1 !important; } .flex-xl-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xl-start { justify-content: flex-start !important; } .justify-content-xl-end { justify-content: flex-end !important; } .justify-content-xl-center { justify-content: center !important; } .justify-content-xl-between { justify-content: space-between !important; } .justify-content-xl-around { justify-content: space-around !important; } .justify-content-xl-evenly { justify-content: space-evenly !important; } .align-items-xl-start { align-items: flex-start !important; } .align-items-xl-end { align-items: flex-end !important; } .align-items-xl-center { align-items: center !important; } .align-items-xl-baseline { align-items: baseline !important; } .align-items-xl-stretch { align-items: stretch !important; } .align-content-xl-start { align-content: flex-start !important; } .align-content-xl-end { align-content: flex-end !important; } .align-content-xl-center { align-content: center !important; } .align-content-xl-between { align-content: space-between !important; } .align-content-xl-around { align-content: space-around !important; } .align-content-xl-stretch { align-content: stretch !important; } .align-self-xl-auto { align-self: auto !important; } .align-self-xl-start { align-self: flex-start !important; } .align-self-xl-end { align-self: flex-end !important; } .align-self-xl-center { align-self: center !important; } .align-self-xl-baseline { align-self: baseline !important; } .align-self-xl-stretch { align-self: stretch !important; } .order-xl-first { order: -1 !important; } .order-xl-0 { order: 0 !important; } .order-xl-1 { order: 1 !important; } .order-xl-2 { order: 2 !important; } .order-xl-3 { order: 3 !important; } .order-xl-4 { order: 4 !important; } .order-xl-5 { order: 5 !important; } .order-xl-last { order: 6 !important; } .m-xl-0 { margin: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .m-xl-auto { margin: auto !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xl-0 { margin-top: 0 !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mt-xl-4 { margin-top: 1.5rem !important; } .mt-xl-5 { margin-top: 3rem !important; } .mt-xl-auto { margin-top: auto !important; } html:not([dir=rtl]) .me-xl-0 { margin-right: 0 !important; } *[dir=rtl] .me-xl-0 { margin-left: 0 !important; } html:not([dir=rtl]) .me-xl-1 { margin-right: 0.25rem !important; } *[dir=rtl] .me-xl-1 { margin-left: 0.25rem !important; } html:not([dir=rtl]) .me-xl-2 { margin-right: 0.5rem !important; } *[dir=rtl] .me-xl-2 { margin-left: 0.5rem !important; } html:not([dir=rtl]) .me-xl-3 { margin-right: 1rem !important; } *[dir=rtl] .me-xl-3 { margin-left: 1rem !important; } html:not([dir=rtl]) .me-xl-4 { margin-right: 1.5rem !important; } *[dir=rtl] .me-xl-4 { margin-left: 1.5rem !important; } html:not([dir=rtl]) .me-xl-5 { margin-right: 3rem !important; } *[dir=rtl] .me-xl-5 { margin-left: 3rem !important; } html:not([dir=rtl]) .me-xl-auto { margin-right: auto !important; } *[dir=rtl] .me-xl-auto { margin-left: auto !important; } .mb-xl-0 { margin-bottom: 0 !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .mb-xl-4 { margin-bottom: 1.5rem !important; } .mb-xl-5 { margin-bottom: 3rem !important; } .mb-xl-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ms-xl-0 { margin-left: 0 !important; } *[dir=rtl] .ms-xl-0 { margin-right: 0 !important; } html:not([dir=rtl]) .ms-xl-1 { margin-left: 0.25rem !important; } *[dir=rtl] .ms-xl-1 { margin-right: 0.25rem !important; } html:not([dir=rtl]) .ms-xl-2 { margin-left: 0.5rem !important; } *[dir=rtl] .ms-xl-2 { margin-right: 0.5rem !important; } html:not([dir=rtl]) .ms-xl-3 { margin-left: 1rem !important; } *[dir=rtl] .ms-xl-3 { margin-right: 1rem !important; } html:not([dir=rtl]) .ms-xl-4 { margin-left: 1.5rem !important; } *[dir=rtl] .ms-xl-4 { margin-right: 1.5rem !important; } html:not([dir=rtl]) .ms-xl-5 { margin-left: 3rem !important; } *[dir=rtl] .ms-xl-5 { margin-right: 3rem !important; } html:not([dir=rtl]) .ms-xl-auto { margin-left: auto !important; } *[dir=rtl] .ms-xl-auto { margin-right: auto !important; } .p-xl-0 { padding: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xl-0 { padding-top: 0 !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pt-xl-4 { padding-top: 1.5rem !important; } .pt-xl-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pe-xl-0 { padding-right: 0 !important; } *[dir=rtl] .pe-xl-0 { padding-left: 0 !important; } html:not([dir=rtl]) .pe-xl-1 { padding-right: 0.25rem !important; } *[dir=rtl] .pe-xl-1 { padding-left: 0.25rem !important; } html:not([dir=rtl]) .pe-xl-2 { padding-right: 0.5rem !important; } *[dir=rtl] .pe-xl-2 { padding-left: 0.5rem !important; } html:not([dir=rtl]) .pe-xl-3 { padding-right: 1rem !important; } *[dir=rtl] .pe-xl-3 { padding-left: 1rem !important; } html:not([dir=rtl]) .pe-xl-4 { padding-right: 1.5rem !important; } *[dir=rtl] .pe-xl-4 { padding-left: 1.5rem !important; } html:not([dir=rtl]) .pe-xl-5 { padding-right: 3rem !important; } *[dir=rtl] .pe-xl-5 { padding-left: 3rem !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pb-xl-4 { padding-bottom: 1.5rem !important; } .pb-xl-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .ps-xl-0 { padding-left: 0 !important; } *[dir=rtl] .ps-xl-0 { padding-right: 0 !important; } html:not([dir=rtl]) .ps-xl-1 { padding-left: 0.25rem !important; } *[dir=rtl] .ps-xl-1 { padding-right: 0.25rem !important; } html:not([dir=rtl]) .ps-xl-2 { padding-left: 0.5rem !important; } *[dir=rtl] .ps-xl-2 { padding-right: 0.5rem !important; } html:not([dir=rtl]) .ps-xl-3 { padding-left: 1rem !important; } *[dir=rtl] .ps-xl-3 { padding-right: 1rem !important; } html:not([dir=rtl]) .ps-xl-4 { padding-left: 1.5rem !important; } *[dir=rtl] .ps-xl-4 { padding-right: 1.5rem !important; } html:not([dir=rtl]) .ps-xl-5 { padding-left: 3rem !important; } *[dir=rtl] .ps-xl-5 { padding-right: 3rem !important; } .gap-xl-0 { gap: 0 !important; } .gap-xl-1 { gap: 0.25rem !important; } .gap-xl-2 { gap: 0.5rem !important; } .gap-xl-3 { gap: 1rem !important; } .gap-xl-4 { gap: 1.5rem !important; } .gap-xl-5 { gap: 3rem !important; } .row-gap-xl-0 { row-gap: 0 !important; } .row-gap-xl-1 { row-gap: 0.25rem !important; } .row-gap-xl-2 { row-gap: 0.5rem !important; } .row-gap-xl-3 { row-gap: 1rem !important; } .row-gap-xl-4 { row-gap: 1.5rem !important; } .row-gap-xl-5 { row-gap: 3rem !important; } .column-gap-xl-0 { column-gap: 0 !important; } .column-gap-xl-1 { column-gap: 0.25rem !important; } .column-gap-xl-2 { column-gap: 0.5rem !important; } .column-gap-xl-3 { column-gap: 1rem !important; } .column-gap-xl-4 { column-gap: 1.5rem !important; } .column-gap-xl-5 { column-gap: 3rem !important; } html:not([dir=rtl]) .text-xl-start { text-align: left !important; } *[dir=rtl] .text-xl-start { text-align: right !important; } html:not([dir=rtl]) .text-xl-end { text-align: right !important; } *[dir=rtl] .text-xl-end { text-align: left !important; } html:not([dir=rtl]) .text-xl-center { text-align: center !important; } *[dir=rtl] .text-xl-center { text-align: center !important; } } @media (min-width: 1400px) { html:not([dir=rtl]) .float-xxl-start { float: left !important; } *[dir=rtl] .float-xxl-start { float: right !important; } html:not([dir=rtl]) .float-xxl-end { float: right !important; } *[dir=rtl] .float-xxl-end { float: left !important; } html:not([dir=rtl]) .float-xxl-none { float: none !important; } *[dir=rtl] .float-xxl-none { float: none !important; } .object-fit-xxl-contain { object-fit: contain !important; } .object-fit-xxl-cover { object-fit: cover !important; } .object-fit-xxl-fill { object-fit: fill !important; } .object-fit-xxl-scale { object-fit: scale-down !important; } .object-fit-xxl-none { object-fit: none !important; } .d-xxl-inline { display: inline !important; } .d-xxl-inline-block { display: inline-block !important; } .d-xxl-block { display: block !important; } .d-xxl-grid { display: grid !important; } .d-xxl-inline-grid { display: inline-grid !important; } .d-xxl-table { display: table !important; } .d-xxl-table-row { display: table-row !important; } .d-xxl-table-cell { display: table-cell !important; } .d-xxl-flex { display: flex !important; } .d-xxl-inline-flex { display: inline-flex !important; } .d-xxl-none { display: none !important; } .flex-xxl-fill { flex: 1 1 auto !important; } .flex-xxl-row { flex-direction: row !important; } .flex-xxl-column { flex-direction: column !important; } .flex-xxl-row-reverse { flex-direction: row-reverse !important; } .flex-xxl-column-reverse { flex-direction: column-reverse !important; } .flex-xxl-grow-0 { flex-grow: 0 !important; } .flex-xxl-grow-1 { flex-grow: 1 !important; } .flex-xxl-shrink-0 { flex-shrink: 0 !important; } .flex-xxl-shrink-1 { flex-shrink: 1 !important; } .flex-xxl-wrap { flex-wrap: wrap !important; } .flex-xxl-nowrap { flex-wrap: nowrap !important; } .flex-xxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .justify-content-xxl-start { justify-content: flex-start !important; } .justify-content-xxl-end { justify-content: flex-end !important; } .justify-content-xxl-center { justify-content: center !important; } .justify-content-xxl-between { justify-content: space-between !important; } .justify-content-xxl-around { justify-content: space-around !important; } .justify-content-xxl-evenly { justify-content: space-evenly !important; } .align-items-xxl-start { align-items: flex-start !important; } .align-items-xxl-end { align-items: flex-end !important; } .align-items-xxl-center { align-items: center !important; } .align-items-xxl-baseline { align-items: baseline !important; } .align-items-xxl-stretch { align-items: stretch !important; } .align-content-xxl-start { align-content: flex-start !important; } .align-content-xxl-end { align-content: flex-end !important; } .align-content-xxl-center { align-content: center !important; } .align-content-xxl-between { align-content: space-between !important; } .align-content-xxl-around { align-content: space-around !important; } .align-content-xxl-stretch { align-content: stretch !important; } .align-self-xxl-auto { align-self: auto !important; } .align-self-xxl-start { align-self: flex-start !important; } .align-self-xxl-end { align-self: flex-end !important; } .align-self-xxl-center { align-self: center !important; } .align-self-xxl-baseline { align-self: baseline !important; } .align-self-xxl-stretch { align-self: stretch !important; } .order-xxl-first { order: -1 !important; } .order-xxl-0 { order: 0 !important; } .order-xxl-1 { order: 1 !important; } .order-xxl-2 { order: 2 !important; } .order-xxl-3 { order: 3 !important; } .order-xxl-4 { order: 4 !important; } .order-xxl-5 { order: 5 !important; } .order-xxl-last { order: 6 !important; } .m-xxl-0 { margin: 0 !important; } .m-xxl-1 { margin: 0.25rem !important; } .m-xxl-2 { margin: 0.5rem !important; } .m-xxl-3 { margin: 1rem !important; } .m-xxl-4 { margin: 1.5rem !important; } .m-xxl-5 { margin: 3rem !important; } .m-xxl-auto { margin: auto !important; } .mx-xxl-0 { margin-right: 0 !important; margin-left: 0 !important; } .mx-xxl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .mx-xxl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .mx-xxl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .mx-xxl-4 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-5 { margin-right: 3rem !important; margin-left: 3rem !important; } .mx-xxl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .my-xxl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .my-xxl-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-5 { margin-top: 3rem !important; margin-bottom: 3rem !important; } .my-xxl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mt-xxl-0 { margin-top: 0 !important; } .mt-xxl-1 { margin-top: 0.25rem !important; } .mt-xxl-2 { margin-top: 0.5rem !important; } .mt-xxl-3 { margin-top: 1rem !important; } .mt-xxl-4 { margin-top: 1.5rem !important; } .mt-xxl-5 { margin-top: 3rem !important; } .mt-xxl-auto { margin-top: auto !important; } html:not([dir=rtl]) .me-xxl-0 { margin-right: 0 !important; } *[dir=rtl] .me-xxl-0 { margin-left: 0 !important; } html:not([dir=rtl]) .me-xxl-1 { margin-right: 0.25rem !important; } *[dir=rtl] .me-xxl-1 { margin-left: 0.25rem !important; } html:not([dir=rtl]) .me-xxl-2 { margin-right: 0.5rem !important; } *[dir=rtl] .me-xxl-2 { margin-left: 0.5rem !important; } html:not([dir=rtl]) .me-xxl-3 { margin-right: 1rem !important; } *[dir=rtl] .me-xxl-3 { margin-left: 1rem !important; } html:not([dir=rtl]) .me-xxl-4 { margin-right: 1.5rem !important; } *[dir=rtl] .me-xxl-4 { margin-left: 1.5rem !important; } html:not([dir=rtl]) .me-xxl-5 { margin-right: 3rem !important; } *[dir=rtl] .me-xxl-5 { margin-left: 3rem !important; } html:not([dir=rtl]) .me-xxl-auto { margin-right: auto !important; } *[dir=rtl] .me-xxl-auto { margin-left: auto !important; } .mb-xxl-0 { margin-bottom: 0 !important; } .mb-xxl-1 { margin-bottom: 0.25rem !important; } .mb-xxl-2 { margin-bottom: 0.5rem !important; } .mb-xxl-3 { margin-bottom: 1rem !important; } .mb-xxl-4 { margin-bottom: 1.5rem !important; } .mb-xxl-5 { margin-bottom: 3rem !important; } .mb-xxl-auto { margin-bottom: auto !important; } html:not([dir=rtl]) .ms-xxl-0 { margin-left: 0 !important; } *[dir=rtl] .ms-xxl-0 { margin-right: 0 !important; } html:not([dir=rtl]) .ms-xxl-1 { margin-left: 0.25rem !important; } *[dir=rtl] .ms-xxl-1 { margin-right: 0.25rem !important; } html:not([dir=rtl]) .ms-xxl-2 { margin-left: 0.5rem !important; } *[dir=rtl] .ms-xxl-2 { margin-right: 0.5rem !important; } html:not([dir=rtl]) .ms-xxl-3 { margin-left: 1rem !important; } *[dir=rtl] .ms-xxl-3 { margin-right: 1rem !important; } html:not([dir=rtl]) .ms-xxl-4 { margin-left: 1.5rem !important; } *[dir=rtl] .ms-xxl-4 { margin-right: 1.5rem !important; } html:not([dir=rtl]) .ms-xxl-5 { margin-left: 3rem !important; } *[dir=rtl] .ms-xxl-5 { margin-right: 3rem !important; } html:not([dir=rtl]) .ms-xxl-auto { margin-left: auto !important; } *[dir=rtl] .ms-xxl-auto { margin-right: auto !important; } .p-xxl-0 { padding: 0 !important; } .p-xxl-1 { padding: 0.25rem !important; } .p-xxl-2 { padding: 0.5rem !important; } .p-xxl-3 { padding: 1rem !important; } .p-xxl-4 { padding: 1.5rem !important; } .p-xxl-5 { padding: 3rem !important; } .px-xxl-0 { padding-right: 0 !important; padding-left: 0 !important; } .px-xxl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .px-xxl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .px-xxl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .px-xxl-4 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-5 { padding-right: 3rem !important; padding-left: 3rem !important; } .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .py-xxl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .py-xxl-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; } .pt-xxl-0 { padding-top: 0 !important; } .pt-xxl-1 { padding-top: 0.25rem !important; } .pt-xxl-2 { padding-top: 0.5rem !important; } .pt-xxl-3 { padding-top: 1rem !important; } .pt-xxl-4 { padding-top: 1.5rem !important; } .pt-xxl-5 { padding-top: 3rem !important; } html:not([dir=rtl]) .pe-xxl-0 { padding-right: 0 !important; } *[dir=rtl] .pe-xxl-0 { padding-left: 0 !important; } html:not([dir=rtl]) .pe-xxl-1 { padding-right: 0.25rem !important; } *[dir=rtl] .pe-xxl-1 { padding-left: 0.25rem !important; } html:not([dir=rtl]) .pe-xxl-2 { padding-right: 0.5rem !important; } *[dir=rtl] .pe-xxl-2 { padding-left: 0.5rem !important; } html:not([dir=rtl]) .pe-xxl-3 { padding-right: 1rem !important; } *[dir=rtl] .pe-xxl-3 { padding-left: 1rem !important; } html:not([dir=rtl]) .pe-xxl-4 { padding-right: 1.5rem !important; } *[dir=rtl] .pe-xxl-4 { padding-left: 1.5rem !important; } html:not([dir=rtl]) .pe-xxl-5 { padding-right: 3rem !important; } *[dir=rtl] .pe-xxl-5 { padding-left: 3rem !important; } .pb-xxl-0 { padding-bottom: 0 !important; } .pb-xxl-1 { padding-bottom: 0.25rem !important; } .pb-xxl-2 { padding-bottom: 0.5rem !important; } .pb-xxl-3 { padding-bottom: 1rem !important; } .pb-xxl-4 { padding-bottom: 1.5rem !important; } .pb-xxl-5 { padding-bottom: 3rem !important; } html:not([dir=rtl]) .ps-xxl-0 { padding-left: 0 !important; } *[dir=rtl] .ps-xxl-0 { padding-right: 0 !important; } html:not([dir=rtl]) .ps-xxl-1 { padding-left: 0.25rem !important; } *[dir=rtl] .ps-xxl-1 { padding-right: 0.25rem !important; } html:not([dir=rtl]) .ps-xxl-2 { padding-left: 0.5rem !important; } *[dir=rtl] .ps-xxl-2 { padding-right: 0.5rem !important; } html:not([dir=rtl]) .ps-xxl-3 { padding-left: 1rem !important; } *[dir=rtl] .ps-xxl-3 { padding-right: 1rem !important; } html:not([dir=rtl]) .ps-xxl-4 { padding-left: 1.5rem !important; } *[dir=rtl] .ps-xxl-4 { padding-right: 1.5rem !important; } html:not([dir=rtl]) .ps-xxl-5 { padding-left: 3rem !important; } *[dir=rtl] .ps-xxl-5 { padding-right: 3rem !important; } .gap-xxl-0 { gap: 0 !important; } .gap-xxl-1 { gap: 0.25rem !important; } .gap-xxl-2 { gap: 0.5rem !important; } .gap-xxl-3 { gap: 1rem !important; } .gap-xxl-4 { gap: 1.5rem !important; } .gap-xxl-5 { gap: 3rem !important; } .row-gap-xxl-0 { row-gap: 0 !important; } .row-gap-xxl-1 { row-gap: 0.25rem !important; } .row-gap-xxl-2 { row-gap: 0.5rem !important; } .row-gap-xxl-3 { row-gap: 1rem !important; } .row-gap-xxl-4 { row-gap: 1.5rem !important; } .row-gap-xxl-5 { row-gap: 3rem !important; } .column-gap-xxl-0 { column-gap: 0 !important; } .column-gap-xxl-1 { column-gap: 0.25rem !important; } .column-gap-xxl-2 { column-gap: 0.5rem !important; } .column-gap-xxl-3 { column-gap: 1rem !important; } .column-gap-xxl-4 { column-gap: 1.5rem !important; } .column-gap-xxl-5 { column-gap: 3rem !important; } html:not([dir=rtl]) .text-xxl-start { text-align: left !important; } *[dir=rtl] .text-xxl-start { text-align: right !important; } html:not([dir=rtl]) .text-xxl-end { text-align: right !important; } *[dir=rtl] .text-xxl-end { text-align: left !important; } html:not([dir=rtl]) .text-xxl-center { text-align: center !important; } *[dir=rtl] .text-xxl-center { text-align: center !important; } } @media (min-width: 1200px) { .fs-1 { font-size: 2.5rem !important; } .fs-2 { font-size: 2rem !important; } .fs-3 { font-size: 1.75rem !important; } .fs-4 { font-size: 1.5rem !important; } } @media print { .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-grid { display: grid !important; } .d-print-inline-grid { display: inline-grid !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } .d-print-none { display: none !important; } } .wrapper { width: 100%; will-change: auto; transition: padding 0.15s; } html:not([dir=rtl]) .wrapper { padding-left: var(--cui-sidebar-occupy-start, 0); } *[dir=rtl] .wrapper { padding-right: var(--cui-sidebar-occupy-start, 0); } html:not([dir=rtl]) .wrapper { padding-right: var(--cui-sidebar-occupy-end, 0); } *[dir=rtl] .wrapper { padding-left: var(--cui-sidebar-occupy-end, 0); } @media (prefers-reduced-motion: reduce) { .wrapper { transition: none; } } /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+"); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg=="); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg=="); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } .lancrypt-layout c-sidebar-brand { background-color: white !important; } .lancrypt-layout c-sidebar-toggler { background-color: #0068B4; color: white; border-top: 1px solid white; } .lancrypt-layout c-sidebar-toggler::before { color: white; } .lancrypt-layout c-sidebar-toggler:hover { background-color: #0068B4; } .lancrypt-layout .headline-container { margin-bottom: 30px; } .lancrypt-layout .headline-divider { margin-bottom: 15px; } .lancrypt-layout .create-edit-container { width: 50%; min-width: 600px; margin: 0 auto; } .lancrypt-layout .create-edit-container mat-form-field { width: 100%; } .lancrypt-layout ng-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item { background-color: #0068B4; border-color: #0068B4; max-width: none; } .account-layout .body { padding-top: 1.5rem; } .account-layout .body mat-card { margin: 0 auto; } .account-layout .create-edit-container { width: 50%; min-width: 600px; margin: 0 auto; } .account-layout .create-edit-container mat-form-field { width: 100%; } jcs-dynamic-overflow-menu .overlay-trigger button { font-size: 5px !important; line-height: 3px !important; } h1, .h1, h2, .h2, h3, .h3, mat-card-title { color: #0068B4; } .footer { background-color: white; border-color: white; } .cdk-overlay-container { z-index: 2000; } .cdk-overlay-container { z-index: 2000; } .headline { font-family: "Open Sans"; } .mat-mdc-card-subtitle { margin-top: 0 !important; font-weight: 400; } .mat-mdc-card-header { padding: 8px 16px !important; } .mat-tree-node { min-height: 35px; } .mat-tree-node .mat-icon { display: inline; } .mat-tree-node .mat-mdc-icon-button { height: 35px; padding: 0px; } .asset-common-container .mdc-radio { align-self: start !important; } .mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-error-wrapper { padding: 0 !important; } /** workaround for material/table matNoDataRow bug in v15 **/ tr.mat-row { height: 52px; } tr.mat-row td.mat-cell { padding-left: 16px; padding-right: 16px; box-sizing: border-box; } /** FONTS START**** /* roboto-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 300; src: url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.3176d0e48302f613.eot'); /* IE9 Compat Modes */ src: local(""), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.3176d0e48302f613.eot?#iefix') format("embedded-opentype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.f4af1d3a8aac7b06.woff2') format("woff2"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.39add8fb2f8e9527.woff') format("woff"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.ccc34a882868f266.ttf') format("truetype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.e38791bcb2ed8832.svg#Roboto') format("svg"); /* Legacy iOS */ } /* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 400; src: url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.849820f3e8d524b3.eot'); /* IE9 Compat Modes */ src: local(""), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.849820f3e8d524b3.eot?#iefix') format("embedded-opentype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.26520665cd350f04.woff2') format("woff2"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.2e9e94006882b62d.woff') format("woff"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.0e6e4c28297310dc.ttf') format("truetype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.e6bed6ae46b33512.svg#Roboto') format("svg"); /* Legacy iOS */ } /* roboto-500 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */ @font-face { font-family: "Roboto"; font-style: normal; font-weight: 500; src: url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.9d0827df6de08e1e.eot'); /* IE9 Compat Modes */ src: local(""), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.9d0827df6de08e1e.eot?#iefix') format("embedded-opentype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.a79fc656997b3fd3.woff2') format("woff2"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.d96daa8194a660c5.woff') format("woff"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.2950dc844ee5eec6.ttf') format("truetype"), url('roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.9eddb24c23437697.svg#Roboto') format("svg"); /* Legacy iOS */ } /* open-sans-300 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.c71630e72d01aa19.eot'); /* IE9 Compat Modes */ src: local(""), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.c71630e72d01aa19.eot?#iefix') format("embedded-opentype"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.88474054e7e11ea5.woff2') format("woff2"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.7ee52f835d878775.woff') format("woff"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.f815cdf9cef432db.ttf') format("truetype"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.f8a87c14cefbaa84.svg#OpenSans') format("svg"); /* Legacy iOS */ } /* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ae1c60964b261541.eot'); /* IE9 Compat Modes */ src: local(""), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.ae1c60964b261541.eot?#iefix') format("embedded-opentype"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.7191e5b00b5419eb.woff2') format("woff2"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.f45bbf0e0ba5dd01.woff') format("woff"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.cc70df16633a0a20.ttf') format("truetype"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.39ae7cd46018934e.svg#OpenSans') format("svg"); /* Legacy iOS */ } /* open-sans-500 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */ @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 500; src: url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-500.03cb6b286e3081be.eot'); /* IE9 Compat Modes */ src: local(""), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-500.03cb6b286e3081be.eot?#iefix') format("embedded-opentype"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-500.dd72b883f0c2f97b.woff2') format("woff2"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-500.94058a85b57f599d.woff') format("woff"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-500.5c51ff2852543dc9.ttf') format("truetype"), url('open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-500.616e9589100ee5e6.svg#OpenSans') format("svg"); /* Legacy iOS */ } /* material icons */ @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; src: url('MaterialIcons-Regular.5b7e4e7bc5a720e6.eot'); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url('MaterialIcons-Regular.3705a31196184f2e.woff2') format("woff2"), url('MaterialIcons-Regular.f5771042df3de387.woff') format("woff"), url('MaterialIcons-Regular.036cb8b9d908a3a8.ttf') format("truetype"); } @font-face { font-family: "Material Icons Outlined"; font-style: normal; font-weight: 400; src: url('MaterialIconsOutlined-Regular.45784cf9869079e9.otf'); } /** FONTS END****/ .mat-mdc-fab, .mat-mdc-mini-fab { background-color: #0068B4 !important; color: #fff !important; } .mat-lancrypt-primary:not(:disabled) { background-color: #0068B4 !important; color: #fff !important; } .mat-lancrypt-primary-light:not(:disabled) { background-color: #fff !important; color: #0068B4 !important; } .mat-step-header .mat-step-icon-selected, .mat-step-header .mat-step-icon-state-done, .mat-step-header .mat-step-icon-state-edit { background-color: #0068B4; color: #fff; } /** radio buttons styles **/ mat-radio-button { --mdc-radio-selected-focus-icon-color: #0068B4 !important; --mdc-radio-selected-hover-icon-color: #0068B4 !important; --mdc-radio-selected-icon-color: #0068B4 !important; --mdc-radio-selected-pressed-icon-color: #0068B4 !important; --mat-mdc-radio-checked-ripple-color: #0068B4 !important; } /** checkboxes styles **/ mat-checkbox { --mdc-checkbox-selected-focus-icon-color: #0068B4 !important; --mdc-checkbox-selected-hover-icon-color: #0068B4 !important; --mdc-checkbox-selected-icon-color: #0068B4 !important; --mdc-checkbox-selected-pressed-icon-color: #0068B4 !important; } mat-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__ripple, mat-checkbox[ng-reflect-indeterminate=true] .mdc-checkbox__ripple { background: #0068B4 !important; } mat-checkbox.mat-mdc-checkbox-checked .mat-ripple-element, mat-checkbox[ng-reflect-indeterminate=true] .mat-ripple-element { background-color: rgba(0, 104, 180, 0.1) !important; } /** slider style **/ mat-slider { --mdc-slider-active-track-color: #0068B4 !important; --mdc-slider-handle-color: #0068B4 !important; --mdc-slider-focus-handle-color: #0068B4 !important; --mdc-slider-label-container-color: #0068B4 !important; --mat-mdc-slider-value-indicator-opacity: 1 !important; } /** tooltip style **/ mat-tooltip-component .mdc-tooltip__surface { background-color: #0068B4 !important; } /** always show a margin between two panels in an accordion, even when they are collapsed **/ mat-accordion .mat-expansion-panel:not(.mat-expansion-panel-spacing) { margin-bottom: 16px; } /** toggle switch style **/ .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-handle-color: #0068B4 !important; --mdc-switch-selected-focus-state-layer-color: #0068B4 !important; --mdc-switch-selected-focus-track-color: #0068B4 !important; --mdc-switch-selected-handle-color: #0068B4 !important; --mdc-switch-selected-hover-handle-color: #0068B4 !important; --mdc-switch-selected-hover-state-layer-color: #0068B4 !important; --mdc-switch-selected-hover-track-color: #0068B4 !important; --mdc-switch-selected-pressed-handle-color: #0068B4 !important; --mdc-switch-selected-pressed-state-layer-color: #0068B4 !important; --mdc-switch-selected-pressed-track-color: #0068B4 !important; --mdc-switch-selected-track-color: #0068B4 !important; } .primary-color { background-color: #0068B4; } .material-icons { font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: "liga"; } .material-icons.material-icons-outlined { font-family: "Material Icons Outlined"; } input[type=password]::-webkit-caps-lock-indicator { margin-right: 2.2em; } input[type=password]::-webkit-credentials-auto-fill-button { margin-bottom: 0.8em; } .bg-light { background-color: white !important; } html, body { height: 100%; } body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; color: #3C3C3C; } .dense-form-field-2 { --mat-form-field-container-height: 52px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 14px; --mat-form-field-filled-with-label-container-padding-top: 22px; --mat-form-field-filled-with-label-container-padding-bottom: 6px; } /*# sourceMappingURL=styles.c79db25b447e3413.css.map*/