/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].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-focus-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-focus-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-focus-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-focus-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-focus-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-focus-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-line-height:22px;--mat-badge-text-size:12px;--mat-badge-text-weight:600;--mat-badge-small-size-text-size:9px;--mat-badge-small-size-line-height:16px;--mat-badge-large-size-text-size:24px;--mat-badge-large-size-line-height:28px}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[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/default.theme.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************************/
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#D0021B}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/intl-tel-input/build/css/intlTelInput.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.iti {
  position: relative;
  display: inline-block; }
  .iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .iti__hide {
    display: none; }
  .iti__v-hide {
    visibility: hidden; }
  .iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 8px; }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
    .iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    @media (max-width: 500px) {
      .iti__country-list {
        white-space: normal; } }
  .iti__flag-box {
    display: inline-block;
    width: 20px; }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
  .iti__country {
    padding: 5px 10px;
    outline: none; }
  .iti__dial-code {
    color: #999; }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px; }
  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0; }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
    .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
  .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .iti--container:hover {
      cursor: pointer; }

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti__flag {
  width: 20px; }
  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url('flags.f73aa829a0084837.png');
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url('flags@2x.2704c069d12ee746.png'); } }

.iti__flag.iti__np {
  background-color: transparent; }

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/swiper/swiper-bundle.min.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}
/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@bpmn-io/properties-panel/dist/assets/properties-panel.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
/**
 * Theming
 */
 .bio-properties-panel,
 .djs-parent {
  --color-grey-225-10-15: hsl(225, 10%, 15%);
  --color-grey-225-10-35: hsl(225, 10%, 35%);
  --color-grey-225-10-55: hsl(225, 10%, 55%);
  --color-grey-225-10-75: hsl(225, 10%, 75%);
  --color-grey-225-10-80: hsl(225, 10%, 80%);
  --color-grey-225-10-85: hsl(225, 10%, 85%);
  --color-grey-225-10-90: hsl(225, 10%, 90%);
  --color-grey-225-10-95: hsl(225, 10%, 95%);
  --color-grey-225-10-97: hsl(225, 10%, 97%);
  --color-grey-0-0-22: hsl(0, 0%, 22%);

  --color-blue-205-100-35: hsl(205, 100%, 35%);
  --color-blue-205-100-40: hsl(205, 100%, 40%);
  --color-green-150-86-44: hsl(150, 86%, 44%);
  --color-blue-205-100-45: hsl(205, 100%, 45%);
  --color-blue-205-100-50: hsl(205, 100%, 50%);
  --color-blue-219-99-53: hsl(219, 99%, 53%);
  --color-blue-218-100-74: hsl(218, 100%, 74%);
  --color-blue-205-100-85: hsl(205, 100%, 85%);
  --color-blue-205-100-95: hsl(205, 100%, 95%);

  --color-red-360-100-40: hsl(360, 100%, 40%);
  --color-red-360-100-45: hsl(360, 100%, 45%);
  --color-red-360-100-92: hsl(360, 100%, 92%);
  --color-red-360-100-97: hsl(360, 100%, 97%);
  --color-white: white;
  --color-black: black;
  --color-transparent: transparent;

}

.bio-properties-panel {
  --text-base-color: var(--color-grey-225-10-15);
  --text-error-color: var(--color-red-360-100-45);
  --link-color: var(--color-blue-205-100-50);

  --description-color: var(--color-grey-225-10-35);
  --description-code-background-color: var(--color-grey-225-10-97);
  --description-code-border-color: var(--color-grey-225-10-85);
  --description-list-item-color: var(--color-grey-225-10-35);

  --placeholder-color: var(--color-grey-225-10-35);
  --placeholder-background-color: var(--color-grey-225-10-95);

  --header-background-color: var(--color-grey-225-10-95);
  --header-icon-fill-color: var(--color-grey-225-10-15);
  --header-bottom-border-color: var(--color-grey-225-10-75);

  --group-background-color: var(--color-white);
  --group-bottom-border-color: var(--color-grey-225-10-75);

  --sticky-group-background-color: var(--color-grey-225-10-95);
  --sticky-group-bottom-border-color: var(--color-grey-225-10-75);

  --add-entry-fill-color: var(--color-grey-225-10-35);
  --add-entry-hover-fill-color: var(--color-white);
  --add-entry-hover-background-color: var(--color-blue-205-100-50);
  --add-entry-label-color: var(--color-white);

  --remove-entry-fill-color: var(--color-red-360-100-45);
  --remove-entry-hover-background-color: var(--color-red-360-100-92);

  --arrow-fill-color: var(--color-grey-225-10-35);
  --arrow-hover-background-color: var(--color-grey-225-10-95);

  --dot-color: var(--color-grey-225-10-35);
  --dot-color-error: var(--color-red-360-100-45);

  --list-badge-color: var(--color-white);
  --list-badge-background-color: var(--color-grey-225-10-35);

  --input-background-color: var(--color-grey-225-10-97);
  --input-border-color: var(--color-grey-225-10-75);

  --input-focus-background-color: var(--color-blue-205-100-95);
  --input-focus-border-color: var(--color-blue-205-100-50);
  --focus-outline-color: var(--color-blue-205-100-40);

  --input-error-background-color: var(--color-red-360-100-97);
  --input-error-border-color: var(--color-red-360-100-45);
  --input-error-focus-border-color: var(--color-red-360-100-45);

  --input-disabled-color: var(--color-grey-225-10-55);
  --input-disabled-background-color: var(--color-grey-225-10-97);
  --input-disabled-border-color: var(--color-grey-225-10-90);

  --toggle-switch-on-background-color: var(--color-blue-205-100-50);
  --toggle-switch-off-background-color: var(--color-grey-225-10-75);
  --toggle-switch-switcher-background-color: var(--color-white);

  --side-line-background-color: var(--color-grey-225-10-35);
  --side-line-extension-background-color: var(--color-grey-225-10-35);

  --list-entry-dot-background-color: var(--color-grey-225-10-35);
  --list-entry-header-button-fill-color: var(--color-grey-225-10-35);
  --list-entry-add-entry-empty-background-color: var(--color-blue-205-100-50);
  --list-entry-add-entry-empty-hover-background-color: var(--color-blue-205-100-45);
  --list-entry-add-entry-label-color: var(--color-white);
  --list-entry-add-entry-background-color: var(--color-blue-205-100-50);
  --list-entry-add-entry-fill-color: var(--color-white);

  --dropdown-item-background-color: var(--color-white);
  --dropdown-item-hover-background-color: var(--color-grey-225-10-95);
  --dropdown-separator-background-color: var(--color-grey-225-10-75);

  --feel-background-color: transparent;
  --feel-active-color: var(--color-blue-205-100-45);
  --feel-inactive-color: var(--color-grey-225-10-35);
  --feel-hover-color: var(--color-grey-225-10-15);
  --feel-hover-background-color: var(--color-grey-225-10-97);
  --feel-active-background-color: transparent;
  --feel-required-color: var(--color-grey-225-10-55);
  --feel-open-popup-color: hsla(0, 0%, 32%, 1);
  --feel-open-popup-background-color: var(--color-white);
  --feel-open-popup-hover-color: hsla(219, 99%, 53%, 1);

  --feel-indicator-background-color: var(--color-grey-225-10-90);

  --feelers-select-color:  var(--color-blue-205-100-85);

  --text-size-base: 14px;
  --text-size-small: 13px;
  --text-size-smallest: 12px;
  --text-line-height: 21px;
  --line-height-condensed: 17px;

  --font-family: sans-serif;
  --font-family-monospace: monospace;

  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.bio-properties-panel {
  color: var(--text-base-color);
}

.bio-properties-panel * {
  font-size: var(--text-size-base);
  line-height: var(--text-line-height);
  font-weight: 400;
  box-sizing: border-box;
}

.bio-properties-panel {
  font-family: var(--font-family);
}

/**
 * Placeholder (empty, multi select, ...)
 */
.bio-properties-panel-placeholder {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--placeholder-background-color);
}

.bio-properties-panel-placeholder-text {
  color: var(--placeholder-color);
  font-size: var(--text-size-base);
  text-align: center;
  margin: 12px 48px;
}

/**
 * Header
 */
.bio-properties-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--text-size-base);
  padding: 16px 10px;
  background-color: var(--header-background-color);
  border-bottom: 1px solid var(--header-bottom-border-color);
  width: 100%;
  z-index: 10;
  max-height: 64px;
  overflow: hidden;
}

.bio-properties-panel-header-icon {
  fill: var(--header-icon-fill-color);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
}

.bio-properties-panel-header-labels {
  overflow: hidden;
  margin-left: 12px;
  -webkit-user-select: none;
          user-select: none;
}

.bio-properties-panel-header-type {
  font-size: var(--text-size-smallest);
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-transform: uppercase;
}

.bio-properties-panel-header-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: -6px;
}

.bio-properties-panel-header-actions {
  margin-left: auto;
  margin-top: auto;
}

/**
 * Scroll container
 */
.bio-properties-panel-scroll-container {
  overflow-y: auto;
  overflow-x: hidden;
  flex: 1;
}

/**
 * Groups
 */
.bio-properties-panel-group {
  background-color: var(--group-background-color);
  border-bottom: 1px solid var(--group-bottom-border-color);
  position: relative;
}

.bio-properties-panel-group-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: var(--text-size-base);
  height: 32px;
  -webkit-user-select: none;
          user-select: none;
  justify-content: space-between;
  margin-bottom: -1px; /* avoid double borders */
  position: relative;  /* browsers not supporting sticky */  /* for safari */
  position: sticky;
  top: 0;
  z-index: 10;
}

.bio-properties-panel-group-header .bio-properties-panel-group-header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 1px 12px 0;
}

.bio-properties-panel-group-header.open .bio-properties-panel-group-header-title {
  font-weight: 500;
}

.bio-properties-panel-group-header.sticky {
  background-color: var(--sticky-group-background-color);
  border-bottom: 1px solid var(--sticky-group-bottom-border-color);
}

.bio-properties-panel-group-header-buttons {
  display: flex;
}

.bio-properties-panel-group-header-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  height: 22px;
  line-height: 22px;
  min-width: 22px;
  margin: 5px;
  padding: 0 3px;
  border: none;
  background: none;
}

.bio-properties-panel-group-header-button:focus {
  outline-offset: 2px;
  outline-color: var(--focus-outline-color);
}

.bio-properties-panel-group-header-buttons .bio-properties-panel-group-header-buttons:last-child {
  margin-right: 0;
}

.bio-properties-panel-add-entry {
  fill: var(--add-entry-fill-color);
  border-radius: 11px;
}

.bio-properties-panel-group-header.empty .bio-properties-panel-add-entry {
  margin-right: 69px;
}

.bio-properties-panel-group-header.empty .bio-properties-panel-add-entry:hover {
  margin-right: 19px;
}

.bio-properties-panel-group-header.empty .bio-properties-panel-add-entry-label {
  display: none;
  color: var(--add-entry-label-color);
  padding: 0 6px 0 2px;
}

.bio-properties-panel-group-header-button.bio-properties-panel-add-entry:hover {
  background-color: var(--add-entry-hover-background-color);
  fill: var(--add-entry-hover-fill-color);
}

.bio-properties-panel-group-header-button.bio-properties-panel-add-entry:hover .bio-properties-panel-add-entry-label {
  display: block;
}

.bio-properties-panel-group-entries {
  display: none;
}

.bio-properties-panel-group-entries.open {
  display: block;
}

.bio-properties-panel-arrow {
  display: flex;
  justify-content: center;
  text-align: center;
  fill: var(--arrow-fill-color);
  min-width: 22px;
  border-radius: 11px;
  border: none;
  background: none;
}

.bio-properties-panel-arrow:hover {
  background-color: var(--arrow-hover-background-color);
}

.bio-properties-panel-arrow-down {
  transform: rotate(90deg);
}

.bio-properties-panel-dot {
  align-self: center;
  height: 8px;
  min-width: 8px;
  border-radius: 50%;
  margin: 12px;
  background-color: var(--dot-color);
}

.bio-properties-panel-dot--error {
  --dot-color: var(--dot-color-error);
}

/**
 * Lists
 */
.bio-properties-panel-list {
  display: none;
}

.bio-properties-panel-list.open {
  display: block;
  margin-bottom: 6px;
  padding-bottom: 2px;
}

.bio-properties-panel-list-badge {
  height: 22px;
  min-width: 22px;
  color: var(--list-badge-color);
  border-radius: 11px;
  font-size: var(--text-size-small);
  line-height: 22px;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  padding: 0 5px;
  margin: 5px;
  background-color: var(--list-badge-background-color);
}

.bio-properties-panel-list-badge--error {
  --list-badge-background-color: var(--dot-color-error);
}

/**
 * Basic entries
 */
.bio-properties-panel-entry {
  margin: 2px 32px 6px 12px;
}

.bio-properties-panel-entry:last-child {
  padding-bottom: 10px;
}

.bio-properties-panel-label {
  display: block;
  font-size: var(--text-size-small);
  margin: 2px 0 1px;
}

.bio-properties-panel-description,
.bio-properties-panel-description p,
.bio-properties-panel-description span,
.bio-properties-panel-description div {
  color: var(--description-color);
  display: block;
  margin: 2px 0 4px;
  line-height: var(--line-height-condensed);
  font-weight: 400;
  font-size: var(--text-size-small);
}

.bio-properties-panel-description code {
  color: var(--description-color);
  font-family: var(--font-family);
  font-size: var(--text-size-small);
  line-height: var(--line-height-condensed);
  padding: 0 2px;
  background-color: var(--description-code-background-color);
  border: 1px solid var(--description-code-border-color);
  border-radius: 3px;
}

.bio-properties-panel-description pre code {
  width: 100%;
  display: block;
  overflow-x: auto;
  padding: 4px 6px;
  font-family: var(--font-family-monospace);
}

.bio-properties-panel-description ul {
  padding: 0;
  margin: 0 0 0 12px;
  list-style-type: disc;
}

.bio-properties-panel-description li {
  color: var(--description-list-item-color);
  margin: 0 0 0 12px;
}

.bio-properties-panel-description a {
  color: var(--link-color);
  font-size: var(--text-size-small);
  text-decoration: underline;
}

.bio-properties-panel-feelers-editor.bio-properties-panel-input {
  padding: 0;
}

.bio-properties-panel-feelers-input .cm-editor
{
  min-height: 32px;
  max-height: 215px;
  background-color: transparent;
}

.bio-properties-panel-feelers-editor .cm-editor.cm-focused,
.bio-properties-panel-feelers-input .cm-editor.cm-focused {
  outline: none;
}

.bio-properties-panel-input {
  padding: 3px 6px 2px;
  border: 1px solid var(--input-border-color);
  border-radius: 2px;
  background-color: var(--input-background-color);
  font-size: var(--text-size-base);
  font-family: inherit;
}

.bio-properties-panel-input[type=number],
select.bio-properties-panel-input,
textarea.bio-properties-panel-input,
.bio-properties-panel-input[type=text] {
  display: block;
  width: 100%;
}

textarea.bio-properties-panel-input {
  min-height: 28px;
}

.bio-properties-panel-input:focus,
.bio-properties-panel-input:focus-within {
  outline: none;
  background-color: var(--input-focus-background-color);
  border: 1px solid var(--input-focus-border-color);
}

.bio-properties-panel-textfield:focus-within,
.bio-properties-panel-feel-entry:focus-within {
  --input-background-color: var(--input-focus-background-color);
  --input-border-color: var(--input-focus-border-color);
}

.bio-properties-panel-input:disabled {
  border-color: var(--input-disabled-border-color);
  background-color: var(--input-disabled-background-color);
  color: var(--input-disabled-color);
}

select.bio-properties-panel-input {
  padding: 4px 6px;
}

.bio-properties-panel-input-monospace {
  font-family: var(--font-family-monospace);
}

.bio-properties-panel-input[type="checkbox"], .bio-properties-panel-input[type="radio"] {
  margin: 0;
  vertical-align: middle;
}

.bio-properties-panel-input[type="checkbox"]:focus {
  outline: auto;
  outline-color: var(--focus-outline-color);
  outline-offset: 2px;
}

.bio-properties-panel-checkbox > .bio-properties-panel-label {
  display: inline-block;
  font-size: var(--text-size-base);
  margin-left: 6px;
  margin-top: auto;
  vertical-align: middle;
}

.bio-properties-panel-checkbox-entry + .bio-properties-panel-checkbox-entry  {
  margin-top: -8px;
}

.bio-properties-panel-checkbox-entry > .bio-properties-panel-description  {
  margin-left: 18px;
}

textarea.bio-properties-panel-input {
  resize: vertical;
}

.bio-properties-panel-entry.has-error .bio-properties-panel-input,
.bio-properties-panel-entry.has-error .bio-properties-panel-feel-editor__open-popup-placeholder {
  border-color: var(--input-error-border-color);
  background-color: var(--input-error-background-color);
}

.bio-properties-panel-entry.has-error .bio-properties-panel-feel-indicator {
  border-color: var(--input-error-border-color);
}

.bio-properties-panel-entry.has-error .bio-properties-panel-input:focus,
.bio-properties-panel-entry.has-error .bio-properties-panel-feel-indicator:focus {
  border-color: var(--input-error-focus-border-color);
}

.bio-properties-panel-entry .bio-properties-panel-error {
  color: var(--text-error-color);
  margin: 4px 0;
  font-size: var(--text-size-small);
}

.bio-properties-panel-simple {
  width: 100%;
  margin-right: 8px;
}

.bio-properties-panel-simple + .bio-properties-panel-remove-entry {
  margin: auto;
}

/**
 * Toggle Switch
 */
.bio-properties-panel-toggle-switch-entry + .bio-properties-panel-toggle-switch-entry  {
  margin-top: -8px;
}

.bio-properties-panel-toggle-switch-entry > .bio-properties-panel-description {
  margin-left: 38px;
}

.bio-properties-panel-toggle-switch .bio-properties-panel-field-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bio-properties-panel-toggle-switch.inline {
  display: flex;
  flex-direction: row;
}

.bio-properties-panel-toggle-switch.inline .bio-properties-panel-field-wrapper {
  margin-left: auto;
}

.bio-properties-panel-toggle-switch > .bio-properties-panel-label {
  font-size: var(--text-size-base);
}

.bio-properties-panel-toggle-switch.inline > .bio-properties-panel-label {
  font-size: var(--text-size-small);
}

.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__label {
  margin: 0;
  margin-left: 6px;
  font-size: var(--text-size-base);
}

.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher {
  position: relative;
  width: 32px;
  height: 16px;
}

.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher:focus-within {
  outline: 2px solid var(--input-focus-border-color);
  outline-offset: 1px;
}

.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher input[type='checkbox'] {
  opacity: 0;
  width: 0;
  height: 0;
}

.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher .bio-properties-panel-toggle-switch__slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--toggle-switch-off-background-color);
  transition: 0.4s;
  border-radius: 34px;
}

.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher .bio-properties-panel-toggle-switch__slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background-color: var(--toggle-switch-switcher-background-color);
  transition: 0.4s;
  border-radius: 50%;
}

.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher input[type='checkbox']:checked + .bio-properties-panel-toggle-switch__slider {
  background-color: var(--toggle-switch-on-background-color);
  box-shadow: 0 0 1px ;
}

.bio-properties-panel-toggle-switch .bio-properties-panel-toggle-switch__switcher input[type='checkbox']:checked + .bio-properties-panel-toggle-switch__slider:before {
  transform: translateX(16px);
}

/**
 * Collapsible entries
 */
.bio-properties-panel-collapsible-entry-entries {
  position: relative;
  display: none;
}

.bio-properties-panel-collapsible-entry-entries .bio-properties-panel-entry:last-child {
  padding-bottom: 0;
}

.bio-properties-panel-collapsible-entry-entries.open {
  display: block;
}

.bio-properties-panel-collapsible-entry-entries  {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
  display: none;
}

.bio-properties-panel-collapsible-entry-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
}

.bio-properties-panel-collapsible-entry-header .bio-properties-panel-collapsible-entry-header-title {
  padding: 2px 24px 2px 32px;
  font-size: var(--text-size-base);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
          user-select: none;
}

.bio-properties-panel-collapsible-entry-arrow {
  position: absolute;
  top: 2px;
  left: 6px;
  padding: 0 3px;
  height: 22px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}

.bio-properties-panel-remove-entry {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  padding: 0;
  width: 22px;
  height: 22px;
  fill: var(--remove-entry-fill-color);
  border-radius: 50%;
  border: none;
  background: none;
  visibility: hidden;
}

.bio-properties-panel-remove-entry:hover {
  background-color: var(--remove-entry-hover-background-color);
}

.bio-properties-panel-list-entry-item:hover .bio-properties-panel-remove-list-entry,
.bio-properties-panel-collapsible-entry:hover > .bio-properties-panel-collapsible-entry-header .bio-properties-panel-remove-entry,
.bio-properties-panel-collapsible-entry:focus-within > .bio-properties-panel-collapsible-entry-header .bio-properties-panel-remove-entry
{
  visibility: visible;
}

/* Side line */
.bio-properties-panel-collapsible-entry-entries::before {
  content: "";
  position: absolute;
  left: 16px;
  width: 2px;
  top: -6px;
  bottom: 12px;
  background-color: var(--side-line-background-color);
  border-radius: 1px;
}

/* Side line extension for non-list entry or open list entry positioned as the last one. */
.bio-properties-panel-collapsible-entry-entries .bio-properties-panel-entry:not(.bio-properties-panel-list-entry):last-child,
.bio-properties-panel-list-entry.open:last-child {
  position: relative;
}

.bio-properties-panel-collapsible-entry-entries .bio-properties-panel-entry:not(.bio-properties-panel-list-entry):last-child::after,
.bio-properties-panel-list-entry.open:last-child::after {
  content: "";
  position: absolute;
  left: -16px;
  width: 2px;
  top: 0;
  bottom: -4px;
  background-color: var(--side-line-extension-background-color);
  border-radius: 1px;
}

.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-entries .bio-properties-panel-entry:last-child::after {
  left: -18px;
}

/*
 * List entry
 */
.bio-properties-panel-list-entry {
  position: relative;
  margin-right: 5px;
  margin-bottom: 0;
}

.bio-properties-panel-list-entry .bio-properties-panel-entry {
  margin-right: 0;
}

.bio-properties-panel-list-entry-header {
  position: sticky;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  height: 32px;
}

.bio-properties-panel-list-entry-header.sticky {
  background-color: var(--color-white);
  border-bottom: 1px solid var(--sticky-group-bottom-border-color);
  top: 32px;
  z-index: 9;
}

/* Nested list dot */
.bio-properties-panel-list-entry::before {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  left: -19px;
  top: 13px;
  border-radius: 50%;
  background-color: var(--list-entry-dot-background-color);
}

.bio-properties-panel-list-entry-header-title {
  display: block;
  margin: auto 0;
  padding: 2px 0;
  font-size: var(--text-size-base);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bio-properties-panel-list-entry-header-title.open {
  font-weight: 500;
}

.bio-properties-panel-list-entry-header-buttons {
  display: flex;
  align-items: center;
}

.bio-properties-panel-list-entry-header-buttons > button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  height: 22px;
  line-height: 22px;
  min-width: 22px;
  margin: 5px;
  padding: 0 3px;
  border: none;
  background: none;
  fill: var(--list-entry-header-button-fill-color);
}

.bio-properties-panel-list-entry-header-buttons > :last-child {
  margin-right: 0;
}

.bio-properties-panel-list-entry-items {
  padding: 0;
  margin: 0;

  list-style: none;
}

.bio-properties-panel-list-entry-items:not(.open) {
  display: none;
}

.bio-properties-panel-list-entry-item {
  display: flex;
  justify-content: space-between;
}

.bio-properties-panel-list-entry-item .bio-properties-panel-remove-entry {
  margin-right: 1px;
}

.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry {
  width: 100%;
  margin-right: 4px;
}

.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-header {
  margin-left: -8px;
}

.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-arrow {
  left: 2px;
}

.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-header-title {
  padding-left: 30px;
}

.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-entries {
  padding-left: 10px;
}

.bio-properties-panel-list-entry-item .bio-properties-panel-collapsible-entry-entries::before {
  left: 4px;
}

.bio-properties-panel-list-entry.empty .bio-properties-panel-add-entry {
  margin-right: 16px;
  padding-left: 6px;
}

.bio-properties-panel-list-entry.empty .bio-properties-panel-add-entry-label {
  color: var(--list-entry-add-entry-label-color);
  padding: 4px 6px 3px 2px;
}

.bio-properties-panel-list-entry-header-buttons .bio-properties-panel-add-entry:hover {
  background-color: var(--list-entry-add-entry-background-color);
  fill: var(--list-entry-add-entry-fill-color);
}

.bio-properties-panel-list-entry-item .bio-properties-panel-simple .bio-properties-panel-input {
  border-radius: 0;
  margin-bottom: -2px;
}

.bio-properties-panel-list-entry-item:first-child .bio-properties-panel-simple .bio-properties-panel-input {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.bio-properties-panel-list-entry-item:last-child .bio-properties-panel-simple .bio-properties-panel-input {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.bio-properties-panel-dropdown-button {
  position: relative;

  --dropdown-button-margin: 5px;
}

.bio-properties-panel-dropdown-button:not(.open) .bio-properties-panel-dropdown-button__menu {
  display: none;
}

.bio-properties-panel-dropdown-button__menu {
  min-width: calc(100% - var(--dropdown-button-margin) * 2);
  max-width: 240px;

  position: absolute;
  top: calc(100% - var(--dropdown-button-margin));
  right: var(--dropdown-button-margin);
  z-index: 101;

  background-color: var(--dropdown-item-background-color);

  padding: 8px 0;

  box-shadow: 0 1px 4px 0 var(--color-grey-225-10-85), 0 2px 16px 0 var(--color-grey-225-10-75)
}

.bio-properties-panel-dropdown-button__menu-item {
  display: block;
  width: 100%;
  padding: 4px 12px;

  font-size: var(--text-size-small);
  appearance: revert;
  border: unset;
  background: unset;
  text-align: unset;
}

.bio-properties-panel-dropdown-button__menu-item--separator {
  width: 100%;
  height: 1px;

  padding: 0;
  margin: 8px 0;

  background-color: var(--dropdown-separator-background-color);
}

.bio-properties-panel-dropdown-button__menu-item--actionable {
  font-size: var(--text-size-base);
}

.bio-properties-panel-dropdown-button__menu-item--actionable:hover {
  background-color: var(--dropdown-item-hover-background-color);
}

.bio-properties-panel-feel-input {
  position: relative;
}

.bio-properties-panel-feel-input input {
  padding-right: 2em
}

.bio-properties-panel-feel-entry .bio-properties-panel-label {
  display: flex;
}

.bio-properties-panel-feel-icon {
  display: inline-flex;
  height: 18px;
  width: 22px;
  vertical-align: text-bottom;
  padding: 0;
  margin: 0 3px;
  align-items: center;
  align-self: center;
  justify-content: center;
  border: none;
  background: none;
  border-radius: 3px;
}

.bio-properties-panel-feel-icon.optional {
  cursor: pointer;
  background: var(--feel-background-color);
}

.bio-properties-panel-feel-icon svg * {
  fill: var(--feel-inactive-color);
}

.bio-properties-panel-feel-icon:hover {
  background: var(--feel-hover-background-color);
}

.bio-properties-panel-feel-icon:hover svg * {
  fill: var(--feel-hover-color);
}

.bio-properties-panel-feel-icon.active {
  background: var(--feel-active-background-color);
}

.bio-properties-panel-feel-icon.active:hover {
  background: var(--feel-hover-background-color);
}

.bio-properties-panel-feel-icon.required.active {
  background: none;
}

.bio-properties-panel-feel-icon.active svg * {
  fill: var(--feel-active-color);
}

.bio-properties-panel-feel-icon.required.active svg * {
  fill: var(--feel-required-color);
}

.bio-properties-panel-feel-editor-container {
  position: relative;
}

.bio-properties-panel-feel-editor-container.active {
  font-family: var(--font-family-monospace);
}

.bio-properties-panel-feel-container {
  position: relative;
}

.bio-properties-panel-feel-container .bio-properties-panel-feel-editor-container>div {
  position: static;
  padding-left: 2.4em !important;
  min-height: 28px;
}

.bio-properties-panel-feel-indicator {
  position: absolute;
  border: 1px solid var(--input-border-color);
  background-color: var(--feel-indicator-background-color);
  border-right: 0px;
  border-radius: 2px 0 0 2px;
  z-index: 1;
  height: 100%;
  width: 2em;
  text-align: center;
  padding: 2px 6px;
}

.bio-properties-panel-feel-editor-container .cm-scroller {
  overflow: hidden !important;
}

.bio-properties-panel-feelers-editor .cm-editor {
  background-color: transparent;
}


/* @Note(pinussilvestrus): mitigate low contrast - https://github.com/bpmn-io/cm-theme/issues/4 */
.bio-properties-panel-feelers-editor .cm-content ::selection {
  background: var(--feelers-select-color, hsl(205, 100%, 85%));
}

.bio-properties-panel-feelers-editor .cm-editor.cm-focused {
  background-color: transparent;
}

.bio-properties-panel-feel-editor-container .bio-properties-panel-input {
  resize: none;
  overflow: hidden;
  overflow-y: auto;
}

.bio-properties-panel-feel-editor-container,
.bio-properties-panel-feel-editor-container .bio-properties-panel-input,
.bio-properties-panel-feel-container .cm-editor {
  min-height: 100%;
}

.bio-properties-panel-feel-checkbox,
.bio-properties-panel-feel-toggle-switch {
  padding-top: 1px;
}

.bio-properties-panel-feel-checkbox .bio-properties-panel-feel-entry:not(.feel-active),
.bio-properties-panel-feel-toggle-switch .bio-properties-panel-feel-entry:not(.feel-active) {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.bio-properties-panel-feel-checkbox .bio-properties-panel-feel-entry:not(.feel-active) .bio-properties-panel-feel-container,
.bio-properties-panel-feel-toggle-switch .bio-properties-panel-feel-entry:not(.feel-active) .bio-properties-panel-feel-container {
  margin-left: auto;
}

.bio-properties-panel-tooltip-wrapper {
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-offset: 2px;
  font: inherit;
  display: flex;
  justify-content: center;
  width: fit-content;
}

.bio-properties-panel-tooltip {
  --tooltip-underline-color: var(--color-blue-219-99-53);
  --tooltip-background-color: var(--color-grey-0-0-22);
  --tooltip-link: var(--color-blue-218-100-74);
  --tooltip-code-background-color: var(--color-grey-225-10-97);
  --tooltip-code-border-color: var(--color-grey-225-10-85);

  display: flex;
  color: var(--color-white, white);
  position: fixed;
  z-index: 1000;
  max-width: 300px;
  font-size: var(--text-size-small);
  font-family: var(--font-family);
}

.bio-properties-panel-tooltip.right {
  padding-right: 6px;
}

.bio-properties-panel-tooltip.top {
  flex-direction: column;
}

.bio-properties-panel-tooltip-content {
  background-color: var(--tooltip-background-color);
  padding: 16px;
  border-radius: 2px;
  font-weight: 400;
  white-space: pre-wrap;
}

.bio-properties-panel-tooltip-content h1 {
  font-size: var(--text-size-base);
  font-weight: bold;
  margin: 0;
}

.bio-properties-panel-tooltip-content code,
.bio-properties-panel-tooltip-content pre {
  color: var(--description-color);
  font-family: var(--font-family);
  font-size: var(--text-size-small);
  line-height: var(--line-height-condensed);
  padding: 0 2px;
  background-color: var(--tooltip-code-background-color);
  border: 1px solid var(--tooltip-code-border-color);
  border-radius: 3px;
}

.bio-properties-panel-tooltip-content pre code {
  border: none;
}

.bio-properties-panel-tooltip p:first-child {
  margin-top: 0;
}

.bio-properties-panel-tooltip p:last-child {
  margin-bottom: 0;
}

.bio-properties-panel-tooltip-content a {
  color: var(--tooltip-link);
}

.bio-properties-panel-tooltip .bio-properties-panel-tooltip-arrow {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid var(--tooltip-background-color);
  margin-top: 16px;
}

.bio-properties-panel-tooltip.top .bio-properties-panel-tooltip-arrow {
  margin-top: -3px;
  margin-left: calc(50% - 2.5px);
  transform: rotate(90deg);
}

.bio-properties-panel-feelers-editor-container .bio-properties-panel-feelers-editor__open-popup-placeholder,
.bio-properties-panel-feel-editor-container .bio-properties-panel-feel-editor__open-popup-placeholder {
  display: none;
  justify-content: center;
  flex-direction: column;
  color: hsla(0, 0%, 9%, 0.25);
  padding: 3px 6px 2px;
  border: 1px solid var(--input-border-color);
  border-radius: 2px;
  background-color: var(--input-background-color);
  font-size: var(--text-size-base);
  font-family: inherit;
  width: 100%;
  min-height: 100%;
}

.bio-properties-panel-feelers-editor-container.popupOpen .bio-properties-panel-input,
.bio-properties-panel-feel-editor-container.popupOpen .bio-properties-panel-input {
  display: none;
}

.bio-properties-panel-feelers-editor-container.popupOpen .bio-properties-panel-feelers-editor__open-popup-placeholder,
.bio-properties-panel-feel-editor-container.popupOpen .bio-properties-panel-feel-editor__open-popup-placeholder {
  display: flex;
}

.bio-properties-panel-popup {
  --popup-background-color: hsla(0, 0%, 96%, 1);
  --popup-header-background-color: white;
  --popup-font-color: hsla(0, 0%, 0%, 1);
  --popup-title-color: hsla(0, 0%, 0%, 1);

  --feel-popup-close-background-color: hsla(219, 99%, 53%, 1);
  --feel-popup-gutters-background-color: hsla(0, 0%, 90%, 1);

  position: fixed;
  display: flex;
  flex: auto;
  flex-direction: column;
  font-family: IBM Plex Sans, sans-serif;
  padding: 0;
  z-index: 1001;
  box-shadow: 0px 2px 6px 0px hsla(0, 0%, 0%, 0.3);
  background-color: var(--popup-background-color);
  color: var(--popup-font-color);
  height: auto;
  width: auto;
  overflow: hidden;
  font-size: 14px;
}

.bio-properties-panel-popup h1,
.bio-properties-panel-popup h2,
.bio-properties-panel-popup h3,
.bio-properties-panel-popup h4 {
  font-weight: 500;
  font-size: inherit;
}

.bio-properties-panel-popup .bio-properties-panel-popup__header,
.bio-properties-panel-popup .bio-properties-panel-popup__body,
.bio-properties-panel-popup .bio-properties-panel-popup__footer {
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bio-properties-panel-popup .bio-properties-panel-popup__body:not(:first-child) {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.bio-properties-panel-popup .bio-properties-panel-popup__header {
  --popup-header-line-height: 16px;
  background-color: var(--popup-header-background-color);
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: var(--popup-header-line-height);
  text-align: left;
  color: var(--popup-title-color);
}

.bio-properties-panel-popup .bio-properties-panel-popup__header.draggable {
  cursor: grab;
}

.bio-properties-panel-popup .bio-properties-panel-popup__drag-handle {
  display: flex;
}

.bio-properties-panel-popup .bio-properties-panel-popup__drag-preview {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
}

.bio-properties-panel-popup .bio-properties-panel-popup__title {
  margin-left: 8px;
}

.bio-properties-panel-popup .bio-properties-panel-popup__title::first-letter {
  text-transform: capitalize;
}

.bio-properties-panel-popup .bio-properties-panel-popup__close {
  margin: -12px;
  margin-left: 12px;
  width: 40px;
  height: 40px;
  border: none;
  background-color: var(--popup-header-background-color);
}

.bio-properties-panel-popup .bio-properties-panel-popup__close:hover,
.bio-properties-panel-popup .bio-properties-panel-popup__close:focus-visible {
  background-color: var(--popup-background-color);
}

.bio-properties-panel-popup .bio-properties-panel-popup__close:focus-visible {
  outline-offset: -2px;
}

.bio-properties-panel-popup .bio-properties-panel-popup__close svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
  margin-top: 2px;
}

.bio-properties-panel-popup .bio-properties-panel-popup__header .bio-properties-panel-popup__drag-handle svg {
  margin-left: -4px;
}

.bio-properties-panel-popup .bio-properties-panel-popup__body {
  font-size: inherit;
  height: 100%;
  display: flex;
  overflow: auto;
  padding-bottom: 0;
}

.bio-properties-panel-popup .bio-properties-panel-popup__footer {
  position: absolute;
  bottom: 0;
  right: 8px;
}

.bio-properties-panel-feel-popup {
  min-height: 400px;
  width: fit-content;
}

.bio-properties-panel-feel-popup .bio-properties-panel-feel-popup__body {
  display: flex;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

.bio-properties-panel-feel-popup__title-link {
  margin-left: 8px;
  display: flex;
}

.bio-properties-panel-feel-popup__title-link:first-of-type {
  margin-left: auto;
}

.bio-properties-panel-feel-popup__title-link svg {
  width: var(--popup-header-line-height);
  height: var(--popup-header-line-height);
  fill: currentColor;
  margin: 0 0.5em;
}

.bio-properties-panel-feel-popup .bio-properties-panel-feel-editor-container {
  display: flex;
  min-width: 100%;
}

.bio-properties-panel-feel-popup .bio-properties-panel-feel-editor-container .cm-scroller {
  overflow: auto !important;
}

.bio-properties-panel-feel-popup .bio-properties-panel-feelers-editor-container {
  width: 100%;
  display: flex;
}

.bio-properties-panel-feel-popup .bio-properties-panel-feelers-editor-container .bio-properties-panel-feelers-editor {
  display: flex;
}

.bio-properties-panel-feel-popup .bio-properties-panel-feelers-editor-container .bio-properties-panel-feelers-editor .cm-editor {
  width: 100%;
}

.bio-properties-panel-feel-popup .bio-properties-panel-input {
  width: 100%;
  resize: none;
  padding: 0;
  overflow: hidden;
  overflow-y: auto
}

.bio-properties-panel-feel-popup .bio-properties-panel-open-feel-popup {
  display: none !important;
}

.bio-properties-panel-feelers-editor-container .bio-properties-panel-open-feel-popup,
.bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup {
  position: absolute;
  top: 0;
  right: 0;
  line-height: 1;
  padding: 3px 4px;
  margin: 3px;
  display: none;
  background: none;
  border: none;
  color: var(--feel-open-popup-color);
  cursor: pointer;
}

.bio-properties-panel-feelers-editor-container .bio-properties-panel-open-feel-popup svg,
.bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup svg {
  width: 16px;
  height: 16px;
}

.bio-properties-panel-feelers-editor-container:hover .bio-properties-panel-open-feel-popup,
.bio-properties-panel-feel-container:hover .bio-properties-panel-open-feel-popup,
.bio-properties-panel-feelers-editor-container:focus-within .bio-properties-panel-open-feel-popup,
.bio-properties-panel-feel-container:focus-within .bio-properties-panel-open-feel-popup {
  display: block;
}

.bio-properties-panel-feelers-editor-container .bio-properties-panel-open-feel-popup:hover,
.bio-properties-panel-feel-container .bio-properties-panel-open-feel-popup:hover {
  color: var(--feel-open-popup-hover-color);
}

.bio-properties-panel-feel-popup .bio-properties-panel-popup__footer .bio-properties-panel-feel-popup__close-btn {
  background: var(--feel-popup-close-background-color);
  width: 66px;
  font-weight: 400;
  font-size: 14px;
  font-family: inherit;
  color: white;
  border: none;
  height: 32px;
  cursor: pointer;
}

.bio-properties-panel-feel-popup .bio-properties-panel-feel-editor-container .cm-editor {
  width: 100%;
  height: 100%;
}

.bio-properties-panel-feel-popup .bio-properties-panel-feel-editor-container .cm-editor .cm-content {
  padding-left: 4px;
}

.bio-properties-panel-feel-popup .bio-properties-panel-input {
  border: none;
}

.bio-properties-panel-feel-popup .cm-gutters {
  background-color: var(--feel-popup-gutters-background-color);
  border: none;
  padding: 0;
}

.bio-properties-panel-feel-popup .cm-gutter {
  min-width: 32px;
}

.bio-properties-panel-feel-popup .cm-gutters .cm-lineNumbers .cm-gutterElement {
  text-align: center;
}

/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/diagram-js/assets/diagram-js.css ***!
  \***************************************************************************************************************************************************************************************************************************************/
/**
 * color definitions
 */
.djs-parent {
  --color-grey-225-10-15: hsl(225, 10%, 15%);
  --color-grey-225-10-35: hsl(225, 10%, 35%);
  --color-grey-225-10-55: hsl(225, 10%, 55%);
  --color-grey-225-10-75: hsl(225, 10%, 75%);
  --color-grey-225-10-80: hsl(225, 10%, 80%);
  --color-grey-225-10-85: hsl(225, 10%, 85%);
  --color-grey-225-10-90: hsl(225, 10%, 90%);
  --color-grey-225-10-95: hsl(225, 10%, 95%);
  --color-grey-225-10-97: hsl(225, 10%, 97%);

  --color-blue-205-100-45: hsl(205, 100%, 45%);
  --color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
  --color-blue-205-100-50: hsl(205, 100%, 50%);
  --color-blue-205-100-50-opacity-15: hsla(205, 100%, 50%, 15%);
  --color-blue-205-100-70: hsl(205, 100%, 75%);
  --color-blue-205-100-95: hsl(205, 100%, 95%);

  --color-green-150-86-44: hsl(150, 86%, 44%);

  --color-red-360-100-40: hsl(360, 100%, 40%);
  --color-red-360-100-45: hsl(360, 100%, 45%);
  --color-red-360-100-92: hsl(360, 100%, 92%);
  --color-red-360-100-97: hsl(360, 100%, 97%);

  --color-white: hsl(0, 0%, 100%);
  --color-black: hsl(0, 0%, 0%);
  --color-black-opacity-10: hsla(0, 0%, 0%, 10%);
  --color-black-opacity-30: hsla(0, 0%, 0%, 30%);

  --canvas-fill-color: var(--color-white);

  --bendpoint-fill-color: var(--color-blue-205-100-45);
  --bendpoint-stroke-color: var(--canvas-fill-color);

  --context-pad-entry-background-color: var(--color-white);
  --context-pad-entry-hover-background-color: var(--color-grey-225-10-95);

  --element-dragger-color: var(--color-blue-205-100-50);
  --element-hover-outline-fill-color: var(--color-blue-205-100-45);
  --element-selected-outline-stroke-color: var(--color-blue-205-100-50);
  --element-selected-outline-secondary-stroke-color: var(--color-blue-205-100-70);

  --lasso-fill-color: var(--color-blue-205-100-50-opacity-15);
  --lasso-stroke-color: var(--element-selected-outline-stroke-color);

  --palette-entry-color: var(--color-grey-225-10-15);
  --palette-entry-hover-color: var(--color-blue-205-100-45);
  --palette-entry-selected-color: var(--color-blue-205-100-50);
  --palette-separator-color: var(--color-grey-225-10-75);
  --palette-toggle-hover-background-color: var(--color-grey-225-10-55);
  --palette-background-color: var(--color-grey-225-10-97);
  --palette-border-color: var(--color-grey-225-10-75);

  --popup-font-family: "IBM Plex Sans", sans-serif;
  --popup-font-size: 14px;
  --popup-header-entry-selected-color: var(--color-blue-205-100-50);
  --popup-header-font-weight: bolder;
  --popup-header-group-divider-color: var(--color-grey-225-10-75);
  --popup-background-color: var(--color-white);
  --popup-border-color: transparent;
  --popup-shadow-color: var(--color-black-opacity-30);
  --popup-description-color: var(--color-grey-225-10-55);
  --popup-no-results-color: var(--color-grey-225-10-55);
  --popup-entry-title-color: var(--color-grey-225-10-55);
  --popup-entry-hover-color:  var(--color-grey-225-10-95);
  --popup-search-border-color: var(--color-grey-225-10-75);
  --popup-search-focus-border-color: var(--color-blue-205-100-50);
  --popup-search-focus-background-color: var(--color-blue-205-100-95);

  --resizer-fill-color: var(--color-blue-205-100-45);
  --resizer-stroke-color: var(--canvas-fill-color);

  --search-font-family: "IBM Plex Sans", sans-serif;
  --search-font-size: 14px;
  --search-container-background-color: var(--color-white);
  --search-shadow-color: var(--color-black-opacity-30);
  --search-input-border-color: var(--color-grey-225-10-75);
  --search-input-focus-border-color: var(--color-blue-205-100-50);
  --search-input-focus-background-color: var(--color-blue-205-100-95);
  --search-result-hover-background-color: var(--color-grey-225-10-95);
  --search-result-secondary-color: var(--color-grey-225-10-55);
  --search-preselected-background-color: var(--color-blue-205-100-50-opacity-15);

  --shape-attach-allowed-stroke-color: var(--color-blue-205-100-50);
  --shape-connect-allowed-fill-color: var(--color-grey-225-10-97);
  --shape-drop-allowed-fill-color: var(--color-grey-225-10-97);
  --shape-drop-not-allowed-fill-color: var(--color-red-360-100-97);
  --shape-resize-preview-stroke-color: var(--color-blue-205-100-50);

  --snap-line-stroke-color: var(--color-blue-205-100-45-opacity-30);

  --space-tool-crosshair-stroke-color: var(--color-black);

  --tooltip-error-background-color: var(--color-red-360-100-97);
  --tooltip-error-border-color: var(--color-red-360-100-45);
  --tooltip-error-color: var(--color-red-360-100-45);
}

/**
 * outline styles
 */

.djs-outline,
.djs-selection-outline {
  fill: none;
  shape-rendering: geometricPrecision;
  stroke-width: 2px;
}

.djs-outline {
  visibility: hidden;
}

.djs-selection-outline {
  stroke: var(--element-selected-outline-stroke-color);
}

.djs-element.selected .djs-outline {
  visibility: visible;

  stroke: var(--element-selected-outline-stroke-color);
}

.djs-connection.selected .djs-outline {
  display: none;
}

.djs-multi-select .djs-element.selected .djs-outline {
  stroke: var(--element-selected-outline-secondary-stroke-color);
  display: block;
}

.djs-shape.connect-ok .djs-visual > :nth-child(1) {
  fill: var(--shape-connect-allowed-fill-color) !important;
}

.djs-shape.connect-not-ok .djs-visual > :nth-child(1),
.djs-shape.drop-not-ok .djs-visual > :nth-child(1) {
  fill: var(--shape-drop-not-allowed-fill-color) !important;
}

.djs-shape.new-parent .djs-visual > :nth-child(1) {
  fill: var(--shape-drop-allowed-fill-color) !important;
}

svg.drop-not-ok {
  background: var(--shape-drop-not-allowed-fill-color) !important;
}

svg.new-parent {
  background: var(--shape-drop-allowed-fill-color) !important;
}


/* Override move cursor during drop and connect */
.drop-not-ok,
.connect-not-ok,
.drop-not-ok *,
.connect-not-ok * {
  cursor: not-allowed !important;
}

.drop-ok,
.connect-ok,
.drop-ok *,
.connect-ok * {
  cursor: default !important;
}

.djs-element.attach-ok .djs-visual > :nth-child(1) {
  stroke-width: 5px !important;
  stroke: var(--shape-attach-allowed-stroke-color) !important;
}

.djs-frame.connect-not-ok .djs-visual > :nth-child(1),
.djs-frame.drop-not-ok .djs-visual > :nth-child(1) {
  stroke-width: 3px !important;
  stroke: var(--shape-drop-not-allowed-fill-color) !important;
  fill: none !important;
}

/**
* Selection box style
*
*/
.djs-lasso-overlay {
  fill: var(--lasso-fill-color);
  stroke: var(--lasso-stroke-color);
  stroke-width: 2px;
  shape-rendering: geometricPrecision;
  pointer-events: none;
}

/**
 * Resize styles
 */
.djs-resize-overlay {
  fill: none;

  stroke-dasharray: 5 1 3 1;
  stroke: var(--shape-resize-preview-stroke-color);

  pointer-events: none;
}

.djs-resizer-hit {
  fill: none;
  pointer-events: all;
}

.djs-resizer-visual {
  fill: var(--resizer-fill-color);
  stroke-width: 1px;
  stroke: var(--resizer-stroke-color);
  shape-rendering: geometricPrecision;
}

.djs-resizer:hover .djs-resizer-visual {
  stroke: var(--resizer-stroke-color);
  stroke-opacity: 1;
}

.djs-cursor-resize-ns,
.djs-resizer-n,
.djs-resizer-s {
  cursor: ns-resize;
}

.djs-cursor-resize-ew,
.djs-resizer-e,
.djs-resizer-w {
  cursor: ew-resize;
}

.djs-cursor-resize-nwse,
.djs-resizer-nw,
.djs-resizer-se {
  cursor: nwse-resize;
}

.djs-cursor-resize-nesw,
.djs-resizer-ne,
.djs-resizer-sw {
  cursor: nesw-resize;
}

.djs-shape.djs-resizing > .djs-outline {
  visibility: hidden !important;
}

.djs-shape.djs-resizing > .djs-resizer {
  visibility: hidden;
}

.djs-dragger > .djs-resizer {
  visibility: hidden;
}

/**
 * drag styles
 */
.djs-dragger * {
  fill: none !important;
  stroke: var(--element-dragger-color) !important;
}

.djs-dragger tspan,
.djs-dragger text {
  fill: var(--element-dragger-color) !important;
  stroke: none !important;
}

.djs-dragger marker circle,
.djs-dragger marker path,
.djs-dragger marker polygon,
.djs-dragger marker polyline,
.djs-dragger marker rect {
  fill: var(--element-dragger-color) !important;
  stroke: none !important;
}

.djs-dragger marker text,
.djs-dragger marker tspan {
  fill: none !important;
  stroke: var(--element-dragger-color) !important;
}

.djs-dragging,
.djs-dragging > * {
  opacity: 0.3 !important;
  pointer-events: none !important;
}

/**
 * no pointer events for visual
 */
.djs-visual,
.djs-outline {
  pointer-events: none;
}

.djs-element.attach-ok .djs-hit {
  stroke-width: 60px !important;
}

/**
 * all pointer events for hit shape
 */
.djs-element > .djs-hit-all,
.djs-element > .djs-hit-no-move {
  pointer-events: all;
}

.djs-element > .djs-hit-stroke,
.djs-element > .djs-hit-click-stroke {
  pointer-events: stroke;
}

/**
 * shape / connection basic styles
 */
.djs-connection .djs-visual {
  stroke-width: 2px;
  fill: none;
}

.djs-cursor-grab {
  cursor: grab;
}

.djs-cursor-grabbing {
  cursor: grabbing;
}

.djs-cursor-crosshair {
  cursor: crosshair;
}

.djs-cursor-move {
  cursor: move;
}

.djs-cursor-resize-ns {
  cursor: ns-resize;
}

.djs-cursor-resize-ew {
  cursor: ew-resize;
}


/**
 * snapping
 */
.djs-snap-line {
  stroke: var(--snap-line-stroke-color);
  stroke-linecap: round;
  stroke-width: 2px;
  pointer-events: none;
}

/**
 * snapping
 */
.djs-crosshair {
  stroke: var(--space-tool-crosshair-stroke-color);
  stroke-linecap: round;
  stroke-width: 1px;
  pointer-events: none;
  shape-rendering: geometricPrecision;
  stroke-dasharray: 5, 5;
}

/**
 * palette
 */

.djs-palette {
  position: absolute;
  left: 20px;
  top: 20px;

  box-sizing: border-box;
  width: 48px;
}

.djs-palette .separator {
  margin: 5px;
  padding-top: 5px;

  border: none;
  border-bottom: solid 1px var(--palette-separator-color);

  clear: both;
}

.djs-palette .entry:before {
  vertical-align: initial;
}

.djs-palette .djs-palette-toggle {
  cursor: pointer;
}

.djs-palette .entry,
.djs-palette .djs-palette-toggle {
  color: var(--palette-entry-color);
  font-size: 30px;

  text-align: center;
}

.djs-palette .entry {
  float: left;
}

.djs-palette .entry img {
  max-width: 100%;
}

.djs-palette .djs-palette-entries:after {
  content: '';
  display: table;
  clear: both;
}

.djs-palette .djs-palette-toggle:hover {
  background: var(--palette-toggle-hover-background-color);
}

.djs-palette .entry:hover {
  color: var(--palette-entry-hover-color);
}

.djs-palette .highlighted-entry {
  color: var(--palette-entry-selected-color) !important;
}

.djs-palette .entry,
.djs-palette .djs-palette-toggle {
  width: 46px;
  height: 46px;
  line-height: 46px;
  cursor: default;
}

/**
 * Palette open / two-column layout is controlled via
 * classes on the palette. Events to hook into palette
 * changed life-cycle are available in addition.
 */
.djs-palette.two-column.open {
  width: 94px;
}

.djs-palette:not(.open) .djs-palette-entries {
  display: none;
}

.djs-palette:not(.open) {
  overflow: hidden;
}

.djs-palette.open .djs-palette-toggle {
  display: none;
}

/**
 * context-pad
 */
.djs-context-pad {
  position: absolute;
  display: none;
  pointer-events: none;
  line-height: 1;
  width: 72px;
  z-index: 100;
}

.djs-context-pad .entry {
  width: 22px;
  height: 22px;
  text-align: center;
  display: inline-block;
  font-size: 22px;
  margin: 0 2px 2px 0;

  border-radius: 3px;

  cursor: default;

  background-color: var(--context-pad-entry-background-color);
  box-shadow: 0 0 2px 1px var(--context-pad-entry-background-color);
  pointer-events: all;
  vertical-align: middle;
}

.djs-context-pad .entry:hover {
  background: var(--context-pad-entry-hover-background-color);
}

.djs-context-pad.open {
  display: block;
}

/**
 * popup styles
 */
.djs-popup {
  line-height: 1;
  box-sizing: border-box;
  width: min-content;
  background: var(--popup-background-color);
  overflow: hidden;
  position: fixed;
  z-index: 200;
  box-shadow: 0px 2px 6px var(--popup-shadow-color);
  border: solid 1px var(--popup-border-color);
  min-width: 120px;
  outline: none;
  font-size: var(--popup-font-size);
  font-family: var(--popup-font-family);
}

.djs-popup-search input {
  width: 100%;
  box-sizing: border-box;
  font-size: var(--popup-font-size);
  padding: 3px 6px 3px 28px;
  border-radius: 2px;
  border: solid 1px var(--popup-search-border-color);
  line-height: 21px;
}

.djs-popup-search input:focus {
  background-color: var(--popup-search-focus-background-color);
  border: solid 1px var(--popup-search-focus-border-color);
  outline: none;
}

.djs-popup-header {
  display: flex;
  align-items: stretch;
  line-height: 20px;
  margin: 10px 12px 10px 12px;
}

.djs-popup-header .entry {
  border-radius: 2px;
}

.djs-popup button.entry {
  padding: 0;
  background: transparent;
  border: 0;
}

.djs-popup-header .entry.active {
  color: var(--popup-header-entry-selected-color);
}

.djs-popup-header .entry.disabled {
  color: inherit;
}

.djs-popup-header-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.djs-popup-header-group .entry {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.djs-popup-header-group + .djs-popup-header-group:before {
  content: '';
  width: 1px;
  height: 20px;
  background: var(--popup-header-group-divider-color);
  margin: 0 5px;
}

.djs-popup-search {
  position: relative;
  width: auto;
  margin: 10px 12px;
}

.djs-popup-title {
  font-size: var(--popup-font-size);
  font-weight: var(--popup-header-font-weight);
  flex: 1;
  margin: 0;
}

.djs-popup-search-icon {
  position: absolute;
  left: 8px;
  top: 7px;
}

.djs-popup-results {
  margin: 7px 3px 7px 12px;
  list-style: none;
  max-height: 280px;
  overflow: auto;
  padding-right: 9px;
}

.djs-popup-group {
  margin: 0;
  padding: 0;
  width: 100%;
}

.djs-popup-body .entry,
.djs-popup-body .entry-header {
  padding: 5px 7px;
  cursor: default;
  border-radius: 4px;
}

.djs-popup-body .entry-header {
  font-weight: var(--popup-header-font-weight);
  color: var(--popup-entry-title-color);
  padding-left: 0;
}

.djs-popup [class*="icon"] .djs-popup-label,
.djs-popup-label:not(:first-child) {
  margin-left: .5em;
}

.djs-popup [class*="icon"]:before,
.djs-popup-entry-icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  font-size: 1.4em;
  vertical-align: middle;
}

.djs-popup-body .entry-header:not(:first-child) {
  margin-top: 8px;
  margin-bottom: 2px;
}

.djs-popup-body .entry {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  height: min-content;
}

.djs-popup .entry.selected {
  background-color: var(--popup-entry-hover-color);
}

.djs-popup-body .entry:not(:first-child) {
  margin-top: 2px;
}

.djs-popup-entry-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  overflow: hidden;
}

.djs-popup-entry-description {
  color: var(--popup-description-color);
}

.djs-popup-label,
.djs-popup-entry-description {
  line-height: 1.4em;
}

.djs-popup .entry,
.djs-popup .entry-header {
  margin: 1px;
}

.djs-popup-title,
.djs-popup-label,
.djs-popup-entry-description,
.djs-popup .entry-header {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.djs-popup-entry-name {
  display: flex;
}

.djs-popup-body {
  flex-direction: column;
  width: auto;
}

.djs-popup *::-webkit-scrollbar {
  width: 6px;
}

.djs-popup *::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.2);
}

.djs-popup *::-webkit-scrollbar-track {
  box-shadow: none;
  background: transparent;
  margin: 0;
  padding: 5px;
}

.djs-popup-no-results {
  padding: 0 12px 12px 12px;
  color: var(--popup-no-results-color);
}

.djs-popup-entry-docs {
  flex: 0;
  flex-direction: row;
  align-items: center;
  padding-left: 5px;
  display: none;
}

.djs-popup-body .entry:hover .djs-popup-entry-docs {
  display: flex;
}

.djs-popup-entry-docs svg {
  vertical-align: middle;
  margin: auto 2px auto 5px;
}

/**
 *  palette styles
 */
.djs-palette {
  background: var(--palette-background-color);
  border: solid 1px var(--palette-border-color);
  border-radius: 2px;
}

/**
 * bendpoints
 */
.djs-segment-dragger,
.djs-bendpoint {
  display: none;
}

.djs-segment-dragger .djs-visual {
  display: none;

  fill: var(--bendpoint-fill-color);
  stroke: var(--bendpoint-stroke-color);
  stroke-width: 1px;
  stroke-opacity: 1;
}

.djs-segment-dragger:hover .djs-visual {
  display: block;
}

.djs-bendpoint .djs-visual {
  fill: var(--bendpoint-fill-color);
  stroke: var(--bendpoint-stroke-color);
  stroke-width: 1px;
}

.djs-segment-dragger:hover,
.djs-bendpoints.hover .djs-segment-dragger,
.djs-bendpoints.selected .djs-segment-dragger,
.djs-bendpoint:hover,
.djs-bendpoints.hover .djs-bendpoint,
.djs-bendpoints.selected .djs-bendpoint {
  display: block;
}

.djs-drag-active .djs-bendpoints * {
  display: none;
}

.djs-bendpoints:not(.hover) .floating {
  display: none;
}

.djs-segment-dragger:hover .djs-visual,
.djs-segment-dragger.djs-dragging .djs-visual,
.djs-bendpoint:hover .djs-visual,
.djs-bendpoint.floating .djs-visual {
  fill: var(--bendpoint-fill-color);
  stroke: var(--bendpoint-stroke-color);
  stroke-opacity: 1;
}

.djs-bendpoint.floating .djs-hit {
  pointer-events: none;
}

.djs-segment-dragger .djs-hit,
.djs-bendpoint .djs-hit {
  fill: none;
  pointer-events: all;
}

.djs-segment-dragger.horizontal .djs-hit {
  cursor: ns-resize;
}

.djs-segment-dragger.vertical .djs-hit {
  cursor: ew-resize;
}

.djs-segment-dragger.djs-dragging .djs-hit {
  pointer-events: none;
}

.djs-updating,
.djs-updating > * {
  pointer-events: none !important;
}

.djs-updating .djs-context-pad,
.djs-updating .djs-outline,
.djs-updating .djs-bendpoint,
.djs-multi-select .djs-bendpoint,
.djs-multi-select .djs-segment-dragger,
.connect-ok .djs-bendpoint,
.connect-not-ok .djs-bendpoint,
.drop-ok .djs-bendpoint,
.drop-not-ok .djs-bendpoint {
  display: none !important;
}

.djs-segment-dragger.djs-dragging,
.djs-bendpoint.djs-dragging {
  display: block;
  opacity: 1.0;
}


/**
 * tooltips
 */
.djs-tooltip-error {
  width: 160px;
  padding: 6px;

  background: var(--tooltip-error-background-color);
  border: solid 1px var(--tooltip-error-border-color);
  border-radius: 2px;
  color: var(--tooltip-error-color);
  font-size: 12px;
  line-height: 16px;

  opacity: 0.75;
}

.djs-tooltip-error:hover {
  opacity: 1;
}


/**
 * search pad
 */
.djs-search-open .djs-context-pad {
  display: none;
}

.djs-search-open .djs-connection.selected .djs-outline {
  display: block;
}

.djs-search-container {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;

  width: 25%;
  min-width: 300px;
  max-width: 400px;
  z-index: 10;

  font-family: var(--search-font-family);
  font-size: var(--search-font-size);
  border-radius: 2px;
  box-shadow: 0px 2px 6px var(--search-shadow-color);
}

.djs-search-container:not(.open) {
  display: none;
}

.djs-search-input {
  position: relative;
}

.djs-search-input svg {
  position: absolute;
  left: 8px;
  top: 7px;
}

.djs-search-input input {
  font-size: var(--search-font-size);
  width: 100%;
  padding: 3px 6px 3px 28px;
  border: 1px solid var(--search-input-border-color);
  border-radius: 2px;
  box-sizing: border-box;
  line-height: 21px;
}

.djs-search-input input:focus {
  background-color: var(--search-input-focus-background-color);
  border: solid 1px var(--search-input-focus-border-color);
  outline: none;
}

.djs-search-results {
  position: relative;
  overflow-y: auto;
  max-height: 200px;
  background: var(--search-container-background-color);
}

.djs-search-result {
  padding: 6px 8px;
}

.djs-search-result-primary {
  margin: 0 0 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.djs-search-result-secondary {
  font-family: monospace;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: var(--search-result-secondary-color);
}

.djs-search-result:hover {
  background: var(--search-result-hover-background-color);
}

.djs-search-result-selected {
  background: var(--search-result-hover-background-color);
}

.djs-search-result-selected:hover {
  background: var(--search-result-hover-background-color);
}

.djs-element.djs-search-preselected .djs-outline {
  fill: var(--search-preselected-background-color) !important;
}

/**
 * hidden styles
 */
.djs-element-hidden,
.djs-element-hidden .djs-hit,
.djs-element-hidden .djs-outline,
.djs-label-hidden .djs-label {
  display: none !important;
}

.djs-element .djs-hit-stroke,
.djs-element .djs-hit-click-stroke,
.djs-element .djs-hit-all {
  cursor: move;
}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/bpmn-js/dist/assets/bpmn-js.css ***!
  \**************************************************************************************************************************************************************************************************************************************/
.bjs-container {
  --bjs-font-family: Arial, sans-serif;

  --color-grey-225-10-15: hsl(225, 10%, 15%);
  --color-grey-225-10-35: hsl(225, 10%, 35%);
  --color-grey-225-10-55: hsl(225, 10%, 55%);
  --color-grey-225-10-75: hsl(225, 10%, 75%);
  --color-grey-225-10-80: hsl(225, 10%, 80%);
  --color-grey-225-10-85: hsl(225, 10%, 85%);
  --color-grey-225-10-90: hsl(225, 10%, 90%);
  --color-grey-225-10-95: hsl(225, 10%, 95%);
  --color-grey-225-10-97: hsl(225, 10%, 97%);

  --color-blue-205-100-45: hsl(205, 100%, 45%);
  --color-blue-205-100-45-opacity-30: hsla(205, 100%, 45%, 30%);
  --color-blue-205-100-50: hsl(205, 100%, 50%);
  --color-blue-205-100-95: hsl(205, 100%, 95%);

  --color-green-150-86-44: hsl(150, 86%, 44%);

  --color-red-360-100-40: hsl(360, 100%, 40%);
  --color-red-360-100-45: hsl(360, 100%, 45%);
  --color-red-360-100-92: hsl(360, 100%, 92%);
  --color-red-360-100-97: hsl(360, 100%, 97%);

  --color-white: hsl(0, 0%, 100%);
  --color-black: hsl(0, 0%, 0%);
  --color-black-opacity-05: hsla(0, 0%, 0%, 5%);
  --color-black-opacity-10: hsla(0, 0%, 0%, 10%);

  --breadcrumbs-font-family: var(--bjs-font-family);
  --breadcrumbs-item-color: var(--color-blue-205-100-50);
  --breadcrumbs-arrow-color: var(--color-black);
  --drilldown-fill-color: var(--color-white);
  --drilldown-background-color: var(--color-blue-205-100-50);
}

.bjs-breadcrumbs {
  position: absolute;
  display: none;
  flex-wrap: wrap;
  align-items: center;
  top: 30px;
  left: 30px;
  padding: 0px;
  margin: 0px;
  font-family: var(--breadcrumbs-font-family);
  font-size: 16px;
  line-height: normal;
}

.bjs-breadcrumbs-shown .bjs-breadcrumbs {
  display: flex;
}

.djs-palette-shown .bjs-breadcrumbs {
  left: 90px;
}

.djs-palette-shown.djs-palette-two-column .bjs-breadcrumbs {
  left: 140px;
}

.bjs-breadcrumbs li {
  display: inline-flex;
  padding-bottom: 5px;
  align-items: center;
}

.bjs-breadcrumbs li a {
  cursor: pointer;
  color: var(--breadcrumbs-item-color);
}

.bjs-breadcrumbs li:last-of-type a {
  color: inherit;
  cursor: default;
}

.bjs-breadcrumbs li:not(:first-child)::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" /><path d="M0 0h24v24H0z" fill="none" /></svg>');
  padding: 0 8px;
  color: var(--breadcrumbs-arrow-color);
  height: 1em;
}

.bjs-breadcrumbs .bjs-crumb {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bjs-drilldown {
  width: 20px;
  height: 20px;

  padding: 0px;
  margin-left: -20px;

  cursor: pointer;
  border: none;
  border-radius: 2px;
  outline: none;

  fill: var(--drilldown-fill-color);
  background-color: var(--drilldown-background-color);
}

.bjs-drilldown-empty {
  display: none;
}

.selected .bjs-drilldown-empty {
  display: inherit;
}

[data-popup="align-elements"] .djs-popup-results {
  display: flex;
}

[data-popup="align-elements"] .djs-popup-body [data-group] + [data-group] {
  border-left: 1px solid var(--popup-border-color);
}

[data-popup="align-elements"] [data-group="align"] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

[data-popup="align-elements"] .djs-popup-body .entry {
  padding: 6px 8px;
}

[data-popup="align-elements"] .djs-popup-body .entry:not(:first-child) {
  margin-top: 0;
}

[data-popup="align-elements"] .djs-popup-entry-icon {
  display: block;
  margin: 0;
  height: 20px;
  width: 20px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'bpmn';
  src: url('bpmn.07cc7b0a618a038c.eot?16406289');
  src: url('bpmn.07cc7b0a618a038c.eot?16406289#iefix') format('embedded-opentype'),
       url('bpmn.7fe555eb41dfd38c.svg?16406289#bpmn') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'bpmn';
  src: url('data:application/octet-stream;base64,d09GRgABAAAAAD6EAAsAAAAAukAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAARAAAAGA+JEs0Y21hcAAAAYgAAAJyAAAHdFN1l/hnbHlmAAAD/AAANDcAAKHsuTD6FGhlYWQAADg0AAAAMAAAADYjByJvaGhlYQAAOGQAAAAbAAAAJAc8A79obXR4AAA4gAAAABEAAAGwpeAAAGxvY2EAADiUAAAA2gAAANrvU9ESbWF4cAAAOXAAAAAfAAAAIAGWBHZuYW1lAAA5kAAAAVIAAAI9ejh1lXBvc3QAADrkAAADngAACigQ+Ny7eJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGF+wTiBgZWBgamKaQ8DA0MPhGZ8wGDIyAQUZWBlZsAKAtJcUxgOvGB88ZA56H8WQxTzGoZpQGFGFEVMALXcDdZ4nOXVR1JUUQCF4b+hQaJIzkmUJEEyAgJKRslRspLtbbIEywkMYHZ3off0caRLEOqj4N3zN93FA4AsIDPqipKQcUYifkbiIF5NpK9nkpe+nkz0xK9LeBGvZIREKAq94Takwl14CE+/fkG8lgzFoS997T486tpfb4nYl9DOBT/S7z/T1zLiIybjM8nmGTnkxu+XTwGFPKcofrfiWJRSRjkVVFJFNTXUUkc9DTTSRDMvaeEVr2mlLT52B528ic+7mx56eUsf/QwwyBDDjDDKO8YYZ4L3TDLFNB/4yAyzzDHPAossscwnPrPCKmuss8EmW2yzwy577POFAw454pgTTjnjK984j6/okiuuueGW76Tiy8r+59X/f28F+pBV9uerlO4R070VkhZ//oQs070Ysk33Y3hmuk9DjqHzXEPneYbO8w2dF5ju31Bo6Py56dmFIkPnxYbOSwydl1q8FwllhrblhrYVhraVhrZVhrbVhrY1hra1hrZ1hrb1hrYNhraNhrZNhrbNhrYvDW1bDG1fGdq+NrRtNbRtM7RtN7TtMLTtNLR9Y2jbZWjbbWjbY2jba/qbE/oMbfsNbQcMbQct/i4Thgx1w4a6EUPdqKHunaFuzFA3bqibMNS9N9RNGuqmDHXThroPhrqPhroZQ92soW7OUDdvqFsw1C0a6pYMdcuGuk+Gus+GuhVD3aqhbs1Qt26o2zDUbRrqtgx124a6HUPdrqFuz1C3b6j7Yqg7MNQdGuqODHXHhroTQ92poe7MUPfVUPfNUHduqLsw1F0a6q4MddeGuhtD3a2hLmWouzPU3RvqHgx1jxb/HxCejNRvRMJDLAAAeJztfQmcHMV1d1dV393TPVd3z8zu3Lszs+fcM3tIu6t7tbpvrS7QwSWwMLc5hImNwQgZ8AF2uMRhrhh8AHEc4xgHvjiYYDt2YuPY5LNjx3bwFTBy8n182uF71T2zu5JW14LEz46mp6/q6uqqV69e/d+r19UMxzBvfY30418yTUwnk2eGmCUMg/iEoKEwgo1ZjBcqqSwql1LpVDKRTnIJ3vJFEA2u+iqpZJxrQyTuSyQ1RMMHUJp0o9YELxA+guwo6AmllZeFx2VBkPF7JUGQHuUk3vCqC2o/lXVUQC4ZfUN24SGkKbWf1sYQQaS/tm0RwqqOO7HXdMHWhTTZjWBveeBMx79EmBhBqQfrLpeOq3LITzB6SVfGvie5VBm3K+58TUCfR1619jVFw34FDco0jdrfKn6sKWhI9TIEyn4n+RJJMG7Gz8yCcicExPstZBaqqFJKo5Qg4daETowkrFFSpOsgKdM1S5Kwov26Utsqy2ifEqUbOFF0dEPtqtpV6GqMWYKeY2GDCMs+Rzcme1gQSdAUogclM2AncMPPxyMZ3FGSYngox+3kq6QF6jDPLGTOZK5k9kBpUgJPF9MyrQiqDuBqJd2N0ql0MiVULBpq8lDDqXQ3XKkOIKse37kEIRjidiMnrmDa14AJ0qkKRK/AmcULplW1KlUIhKBUmtcRsAoNEywhzQtp+xJ644Kzts6arajVGTNXLfurteuvX8bzkeYrli1fRwz39s2jfTNEaebA0MNPL1m+I2ZYvT0PnLFxzYpCGbEtLbPmrlxy7+CseWwkNiN3zezlIws6OhEaHhhatGBvseI3/On0zJGmcN97eyrtnbsu6oukCsHWfKC9M5hrDRZSvT27ShdeVL6oZaQ00gqXSAJXyhs2X7DpiwtHMhmlOXzFp0c3rlp1Q6aNw3mSz61au33940Nz+t0dnbc+tWZ09tylHSSXXbZy46rlSys9bndrrrD3gYWLCx25HO5snz+yfNHNnVlByhfL82bf1j8z0XFhpO+iSk9n+6739oVpVnLBzvZAHrJCenovLO2CrLRCVlrgEsN4oN4etPmPQB0qzFLmYeYAGkSfQK/jGfha/BzhyCbyGPkDOwi16Yl7uKJQNeJly5NPCrAYsOqCEWWL1fHFGl8GuXKWS6aTZVjTVlLnosFBlvJtugxLMovgD/t0uX4Ex/SUHkOIE4VL6tiAhyCD7mHRUf3EPqDHThg2olxxMFjOsvF80mku7CH5ifJ2lnAyK9Ec0ZxBythOg6YFydulggRJ0rCfAsE02TA0uCzhoAQmTRZKAZkW6YZN1gtAywQZHy8ShoJC5jkjaWebbi2jCCtdohJNA+Kkx5fq+JJlOZp9wbJvtMss2u2eh4uDAmyKdry08wRSTxNSpY+IYkdIQPLKeOJ2khxNSQcyDeLyICoDbcqDuDgol6twGYqGaSKUTLgYRfWc0iMIo+kiSJqmTknYDMmJSWF80VlK/QYHDCp0g+yHlGlGaPI0AqRhPwCSgmQpJccrxYwndQiBE5Hm3U6obKdhF4VFaXRn7W///eK7ay/crfAKp3Icn+JlkcUgkTDPSmwHJ3Hwk7kIrPSADUggtFgWIdgKKY7n4EZ+P8dyEIixiFVBFOASLCBKdCxh4oETSQKRxoJwx87qRRLLg7yDPkGkG1hEFlJlRcTKY69zrMjBCcuqsIoE2emxEtLp7YTD8HBCj0RW4gSOc/OYxzo8z4knQFICxMSEJud1yZzAw4kosvCQFKQHiQqwCxFREAiUx84bZBgResxCuVMsDeZcT7AiD8GQBQNyQZCEVCRJxC4GPB1Bke0DjpUgEvQMuL4Qe7V/PElimzhQKnQ9B+WFhHgyHlUwESQEIdCzQEY4yckPpIzsBfYIibDCdYSFBgl5Avkg7NjzkCwkRqPaP4xEekRoKSEtQpPiyPhFmnEJ/w5u4p0wqDM7ZZNWqQp38FDBMhadRwt2HMiPeOARDihI7wFiw+Mgx1iGxAnfyDJG3kaOBTttyCyHXwPi0IsQBmeUB1S4DTscxEoiJxCoVp6jJeQb90tO7Y0B/YGmQDpe5YH0UMO0FqDWYKVcA5dtHmFpDoAvgGeIQVhZCEIR6vQHStmEFtHdkBMkyM2K4GUVYAHKBazbfgKySa9yLsgtJ3IpO0GbI23uBC6EEGyTneVqcyEWjx1mhCguCbkQy9FD2laCQBs/D61FkSWuzvfAlT6ORoF/awRyLanEhb203SA/JYPZaV+EtYnlWbuaaLEINDAI5f3IboGUUViu2UW3pMHib9ZeQD35DQNf/vJu9HtKd4FiFJsoHJRdatQ9h8Z5lRC7YlfRmhckSUbSpNYj+FkXy8YoU9ncLUErn/Rk0W6ZInII47ROxMN9EOw0aXVyi6ary3ISkKAMKlunCSeoEUpV/ySJAStnV6bdADjKjqTBp8BAmGCH6iIniVQONNiFRknX+UunhJFUCVHmp+xCFACnUkNqqYTlx1snnmiGLDFpWSUgQ79NfRenTMSSk0QgAqspsKPNDRoYZkVgiTqjcA41EHHbMo0gGdUfTmkjIZrGYzaT0bqHKnCxTZxLomVFbILl6KVGhcLlSfwZgdU+ZJ1W1oVoEixbl8gSlwaekWS2AHQVKVfy4mQW5Bsy2uSBZIR1w3VR4j0QChI/DisnA8BjUZCTEcs3CiaiNodbJS7R6AMsDsQq7rXpL0CGQkRR7Crz68BOIm04Ds9A0zSA6khw11unLVI5EH2Q//uo8IYOQbIbtMpztNyUOUA+2qKOtQVBXVYBO9jyDWqYJ27Cj1cX79SNMALxCK9CQ7RlnJ22IxFtppEaYhTVBSlNHQQczSwIbOgBqQCz+wCQklBRvNQQsGRCDDqdDdQald1sne2QG/odwklEpknrcMir/volEJG8xNo9C2k8GwQz8N7kHtDubhwZzTAM1dnuIH9DkowJeL+PGWDmUrSvEcD5GIA8hec20p+A+faSTjkLIHsf1KQFQFJI+410K6wA0/evf/jP5qKhmf33f37F6hvSbaDARS5fuuX8tSuX9/VbltXROXf+hvVr18+Zk04Rkoxc/InBygXZ77z4YuBWNNo+J0ESaP619z/18MDgQikSvmrFqvXr1qy6MZXNo1TrnLmrlz0yPJItuXXT7K0sX7Zuw9KF7x14i0ktiX/i1ltR5tYzd5y146yzzorkLEaC8j0AuDgGmNhiVjLPoLnofvQfuIDvhXICmCsaRUBhgB/hAE4B4paLvg5UR4822BkkBwFiQDxUaWPraFjnjagM4IciqqjLxjgUOGb5pA0iFRsdC0kHYnIU4LIG/BvglEJV57wOhjEFghQ1GrpsUEQ+aMPUwRTVESFDE2Dy4MVG74OQW+QgNht3NRDm5CVdh3F1WOiAOXtx4CFLi+Bq4E14puXkgUyoBmVnBdBZLZZtYti4kFA0SMmA7QMHHBbrSJSCz2JUoM8AUlsOGKyj96ychGNQMdBnd+/eu3v3ZVt274Z/UXDxLpeQdmkOooAWydJO2QLJAr82uuG5KHShVATwRAY9kXcJr1JZTyj7UwRGkYWINEAcPBXUdksgFE4SGToqyZH7GIBhHUcBNkEcDYGugEp/5OACgdRxJAAQbuwNTkB4QorTCJh2O/ShdrPD9H7a7GnvYbdVKmzqXQeVuxoFGfTyBOayU6lDI4iDbbBDiwUSiAoalhc5/CRI/XrnZIsruMLRBs5TccE7mNeWp5RcGHEI+sXx6LQ7Eg88bONmO44tBWWn6HZeaMfsEARCBNYBRxQlIRBd+At29y6zOsh4nYIEEOUAZTi763dJPO/nkJcXOOQszUiBHfwVKuttkUszMPa/qYiya4J1NeQeUUBUgUBtkIJWIF2gKyYuEsbExRKXBCjJSYRiAD/2AJD2YJDm0FVgAOoctq96KCyLU0bau9sCRrp2M/o4SEdEC2X3dHWoyzqE4aCzhISgfCztApZN4FhaesBeWNSgd+WderYxA+2PvbJIKxlktAy4UBWdPoeFHohQ1QCqhfIMSHbKRdgRyCDvVRu/OzxiV7OdqNMZNXiMinKK+gimcMPGFrR2G+AeQd8h2nvIKJTeBll1FQDuIFhtoAtKPWAf4EAeU7kPHSCLal+HR9rZLUL2eFxPl7dBOpQUAQjheFmwKeDAMbgKLQ1xgp6C9KBghK3/BaKRTgBGlF98DtZr4gWf4PLx0HqjrgYv0IXiMjs5SRIhOd6tUEjAc1k4hmYtUJWp9iRVAlmqB0I3R8ugIpvkEkUSlGv4OrYmOm9jHVZQKQSkeNaG7RRLsHY/CICo3h4BnXJUPxnvl5FT/xKyCc9Cj28XAQEcpJSgR5iiWAcmuBCGvhLBypAhfANTpPY9DVF7WCotmBY1WAndiFq+aL8paDid4iPIKlQrRWorox0o9gxcttZrWJnODeoDy2N6i9WcsIKJxDkXZrsGTVWZt63k8iJDEz0qP/P8eaIUX1yagz9U3jJj1t6q6O2P6fctF9iPZi44P9PeRZqs1efki6tzCPmbIHdYGj5/oP+yM5tbaBZpPvHv8B44EqDfY3ye4vjy5g76w3vGHsXrGytEd/rJr5A43CMyCcACC5hNzEXM9czt1IYrxAEQxCs+Pkl7f4ABFBdYFBJUKAoQUlbd1GeZFYoLOIimI9sAWLVNfINAnIoTYDiWxAFUHkAALTgn0L63XKKplbsRcmBGgl6z76fx6k+geCSZyiK0/8wz0XVf21Gsfbd4rtrc5o3Iol9t9oiaFCyGNVORmwOG+KuYwkc0rj3hN1itb97Y6+Emd5PmUgAVhV2mW9bdriAn4j/3U9kB+DGG3QGf5eOx68CnLRZEoCK6fAm3CMztwp/1tUT0kOVpJaxVLZc6Bewa+5cQx5oe37K5FktaPct7eFx4/AmUenrDBvQ9kL+i5ccIJCLtjUCh11SqZy2TDVdI5bIDLl9GOaNDVsOelM8VCOk+3t3S7DJ11VT9te9wfiXsFl3SrBkejfVphfdUBMnLBbWEJXUFUiEuqLf6hcGZolJ7SrK8kos3XLoihwIpwach2at5XXKnpOiqEchTnpiwEepMFGr4UuZFlEGXoC9iDW/E9+L/IovJLeSf2Ch7HsWAQPs6BKQ1XImAaOjGtnEXqlYDRocq7AeIQ5m/Ax23oU5nj9tMlzxRO50NQ07cTMdxRzWpJU/QphbmpjCplY9oUksSB26eiAl2OhZYzJ2wATaJjtd8CTRij8t8mfQ59DiKBdHijmpATKL9QxdawcDaa/tmrkDs3N6OQmq46NM6Zi1f1BOSzMDy7ZI/DDBGpArv6Kg3pQ2y2tsxyH0BINc7aZDj0PW2kvYOWuSksb8/cYsciz8yfTMZN/ZZB8a9M3YyDT10DDuZ57jMZOwjgCXehlX5P99Jo7I4tv8dMyqz+HMnbD5lAeuz07Cfsp94R0yNLhx6B0yNLC6hRf29141GDOM9QwMXhYw0SsxcuHgwI4R6lqyIt3YWvMkK0j20PQUTc8XfnrgVDxrKO2TGm2G3uXfcjIc/847Y8dAVb9OQdj+VdO+cIY0seXuWNPytd8/0DErVO2p7rv3d2zSyAuHfnpUVdK+3b5d0LC9v1zJ5uB/Ce5irTrYfguWfbBAsTLIInny/g8C+fVft27e1tWXfvoX33XfSfQs2L116zd13X3N34J6Re+4ZYUBPPJTe5wHFLznpFJ/CdnzSST3vEFPzSSb1g1PZpQ/2F5o9tb9QNaGzUWhKUXYQR/Egm8WDOMvqGJD0UbyF9oOM06l3z0030a0ObYq96Sba+qYIPYrL0BPHunci1DaP2GW6gzwLZWpiCswiu0yTeadiK5MO9xw8nkA5pGJfP5IrUBr9+oLtZw4OyUrvzIHVS59etW5oznJRCDdduWLVqEtfNkwrmgz1zhief1u1t+BOZYaSKxccyZeHJKqVjZvP3/RXC0bSKajy/t77129ctebmtnYW3YLbMvMWLFt4U3de1dpy+Rs/OTAraZi7juSMwzAylPtj5G9JkmlmqswKZidzIbScK5irmfczH6RUSE5FhzoZCsVJhNBQfVTFbkkH3Wc69HEaU6FYmES9bmpGcahn2J49nqQPhJgwaUVvILx9y8ah2aYR6c4ODz85umnRyLmG2bRleOHann6O27R2dW+f7m4vlUcWP71qTf/McLMkd5e/tIvjVi9bVChJSqWnb/HwPfPmd+UifqNSvGUZIYvmzeno5MVquWfe3FsvjyVwNN6X2b4Dddd+VauFXnR+JNHdtXT51rVPLVlaLLdreq77o2vXPXFXperX8qirY/GSjSsfnTs/3S7H4kOD61aPbhxZd15HR/vwwtXL7umf0dTkak0NDj24bGV/35xcOjU0a9GCmwslr79pzcDQHbPndUQTV6q129A1gdrTKB0MjgQCawKBJYEA8KN73N5Bx342ME+C+rQI3YfG8DDeg79FPORc8pfQSy86ykjQae+o095Rp9Q76qABsOxpB6nTDlKnHaT+GB2kDhl/vP20i9RpF6nTLlJ/jC5SjDiuq/mZNqYbdJuK7Sk1u6Hh+CkUL1B9tuRgenrup1cS9Lxkv+NwRGi+/6qdZ88YGJhx9s79jYOrdm3ZWK5Wyxu3vNI4aDsUVR90g32QP+gG++B7R8LG8rhflDMWeAHzPbQFPQP0WIy/dIKjf+S0u9S75S51wiNh/addqk67VE3XpeoEx2HQ8Gmnq9NOV2/P6cr2ZSIxvH7cl8mIl7n6+sKECxNev2PHC/bf8Wn+J/LP+FWmmVnLXM7sYaivb4IXehHtqW3XJLjbNrVVyr2oRK1wtMuO0m6tmC8MItOg3TcNM+CQdniJVBalyqVqifoypbsRHBaqxYqQy/O2Va9g27PTubxpUdNRfa34EhoyPH77JdcBVPaUulGSixciNFBDyXiimwYOIDTcWkAyLyWsiI7QYqRHrLiVX0hNuSADAALxsioD2/FezMuUllKkJSJRisoArmUNkC2WEpR/1VR7SqWcXPDm/HcbWZ9WHi3DH/eVN5RKG8pjX8d9rQMtLQOtY1+393h7Puk1NUXV/c34Qx/CzX5dtdqT+ayj29qKqqqbLl3xgrwEHoH6lOFHvc7oOfITMaF53Ih8QOVBV4MfBwdm7ILF8LsggRaVRsu1XeXREuzRx2A/o2Vma21X68wW2KOPwd6uM6jnW/HH6/WsMz7qt0Yhk5Gsxo24UN+PksqB3+7b9xzuHvvuc/U9/vjYJ/F533niiSeSDz30UJ1nVuKvMCxgNz/lGZpQ3BOfbOa7A39l7L14x9jdiLvrrg133YW/EhzbjL/SCQFv0vMNd9Fk2Lp/fIKxmCIz6Fi1D/eOT1qTDbIHucdbwhFsi+i1dQ+9fyoneXHN8qW9feZUXvLL5k82D5HE/N1TOcmnU7PnrpzkI19eUfeRR/84WSmdXD7H/7//xL3/KRxME4hoERqjKqSFaXj/H/Akitddag0nb7hJ0OYkIuFrCtN4BeCfkvPOe7j2F5GN3XeCvuBd0z7n0o8uYaYYS9zBnHfyR7bqPpMnfzxrzYQf5EkfzNpe922kvHM4XXcyl51sunKH8xsvnHwaI3wYh2pB5aST+/IpONps8R061tY/rbG28cHX6YytBZ1B1GmMpD0wPh5alz+vkc/gl0DedzBZZgZI66N2mR305fVko9v0gVCvhtGEgP1B+4J2+OPe9gVtbQvax/4e94bzzc358KW1z15iH30O+Wu/uWTJku4lS/BLEKW23omKHoV9DmLW1kM8VKq9BMfoUTiu/XntN7+1Kt30HmaKPBenkWfI7svOc3FfPavQL49n9dJwrrk593ma1dZ/OP5s/vqRbJZh8KT8pY+VtwkIcsT8jH3dzs1RstHIwqF8OWPafOk08ekw5vfHG+o0ePOyifY2lXw7n7ny5PcbWKAHFp39IorS9mV64RT0I4ElltWe9u8O5guqCQpc0MvLSPGbJ3+mi9m1N2ZZuQ7jxqX3rmhZuGtECPsFhY/PWUzbm3DY+PrVzF4H05+ykXUrcZBBDPDehEUsig4ziZ3K8fbs4AUH24DY1vmFyUagzuqhVqCTPia/deRgQ0FyxvAkOwHKH2woOAyHzmBGThyHHqndnDgaXXbkhnDCmPSlI7P2wWUuM30nXuYGxpxGGSeDxhMu1dcaMFAY17VpX9MBfWEV0Mjg8fc6lq2agTqetNUkW8cjcPryMbRWhN6sNaFv1x4zt23b9j60rvbY5eib+NVjqprDtevRNR8895xzjLPPPhstveACu7+Ejms36J4jzFN2j9WL+PGVDyO/RdV6s2hWe0HPL5fSRWrsz1fSA6gEVdSBbCsCfS2Jc950sl9syqK8kCsYBasXmXZSVEgYfisfQZbZj8xqseAME3QgI04PjbyfT8adY4hPqWTYcYxe5AcJluTTvYiOKJRTM5E9qAB5gH+xVEQvubwzv5T1iRiJ7q7MrFd+FApz7pDm4nm1qUkTA5rB67CtPc/xrObjddbFe2UOIWrlE8SwasoYcwLB6qI7LuJFVhRY/fdoAI4EWa89h3RBomM3ilJ7/ZscT3ge8/yPftQbibsEhHlPy/N5gUX443LmuthgIOZrceUTsyIhhJLNukdTAhGLxPv9skvzhH2KiuBBmiH4ur2yilESiUJIksOq4YKEOd42qnJqVOKTLCd7fWqS512GKiUJK3p0OjaE/GYJRTrlFm/YKAZvjLGoYSfag3fW5z9ybAdxrpVr9cTPIB1jGXx97au1W9DF6JKxJrxz7FVsJf/5xf37a702XmrwcPKInGtCGFRPIgUhlV/2bu2FPw45+7Ff4FBHX1/H2C9gi1/tOaO3tqf3jB7Yo8thv6u3rbanrbe3DV3e1uvYpybGk/qYRczmExlJOtGu6PjGl3ZOpxc5rjGovznRvuDgOQkqzBAz/0Qlo+A3oPoLRedKquqnU11NQ0peS+cquvhiPRZwGe6hn9VeuHsawvL/3H036slLzaak4xK3efOXdzv9HcWWScCWRZA7W48TV9ax4jgqoQFGA8Y0kKXNNYL/EGSJXrtgx9bBwwDkZUuXrSVN3PaN63v6eHHW0OzVK76weGmuGDPNvr5HAAkszxfw4tnzVi6+a2BoLhuNzShcV16xcEFbO1k4c2ikgR8zM5cAaShMPP9gmLgSYCKP86hYWL1u+/rPDM1qava1dy5Y8NTa0dnzl3YXcstXbVx1V7mq6elc3oaJndl8V8fwyIqRGzu7xlHiQLxrapvDucxFp8gvvJoGYCGcGnfwG3/604duAk3m7B//+KSj70sLha/ueP4qf2bmlZUPHebHO3OaOlwDjk3Lc7dtAoFNx1d3EuaqY8ud+AGyEkrmZyIgc5lW6GaRp1ioQEcKvTjdppICdLbQ2UN/LFAtwDnED9Q+jTbVPv35NWtXJGOpzOre3mgolshx5Va3tzk8p+1Z8h9jldUr+65OeOdXm5dn2ne0ZFJtyV1ef24gFW/YCyZ8val38NSzQ+Z1YmQxdfmuzxHpeH7XZ4p0HMCLg5h6djp+4HAk5HpR7mhTR+5mWYy205EaF3Xc2L7XHsvEhN27ne5ddNxwO8Is6z08InWqOCTazUdxGP/6cSZ76PPZbRAxdPjTc4fRLsREj0A7HVnxatoSkkfzjEc3CP+4EskrX35m+BfDRynIT7hPjo1de+Mrrzi2lDvr70zTEYmDHpwQJNJ/0JNoep9AN9DHofcdkrhSW+Bk43CeiDPdR5oxVEOARACHlKhcjyDAzoCc6YDR0YrZu7WnZ+vFdNNbXFsorD2bbo5S4O/WY8PGqseGzeE+/SPTkwUpgc6V0LhhXNmelmCoFLKzJcWrZVrPK/d0doeCrGl2RhZNQ0qswKHgaKmnWMq0tvJCLFzIXpgrxQKhQ8pcmab8E+LTKh9Vy6ZRmG2PP2HzqmMnCUHfOJ5rUDcOy3Rhcp84DifQazu2bJw12/DHzly44HPrNywcOc+0NNe2kcWjpfTI3Fkd0B3niqUbbpsxkEgJgATazyaJbNfyFdvWPnVXoZjR9GzXR9esX7vh3kqPV7mltQVA0vybi+UOCg+G7pw33BmLH8RTISbL9B6Vvof03mjiraE4aFqpCRLPGFi97GASNzco3Nd/CyWwns4MDa9tWXABiACrw72AJHoqG7YAWnGo3NzfN07ljzSInM2FKI3vGJyV7FgbKi0dm/vhfGli3KzBI9Vp9pL21CEcxarTssFfu3ZNz8W1D6E7vzENjrlz3rzuTbG9e5H3wcPaed/0eL4Ok6ZTlI2Ad6ZRiEts6MJM9f7aWdDPnvTRqKn1jJOODt83hVpykkHiXYcrMdwU7wyeqvcFT9lbgqfw9cCpxuNnT2c83pGNaZPCoWnZBieE5G3XDAJWGpyG1vt0Q1yObOh65ZUuR3cDQTMP3w4IfBmzilnHbGTOgPLZEwUJ1PSRbxRKR/Fq0YYJ1O0mTR1voEhc3NZ2xyPahY9TmjTiUfcc61AH22tYvLothZvcmRa3RZCkNg2PoBc5tGQex1p60pVw+8MtSxbW5qJQ2kijRjyAosF5tZ9H3UmODegtakI3UHNcfuXnP9/9r1/9Ob4do0KuuzuTCbS1GhHDFXQnOzpI17queMLfoiWsSDAcb+/u6A6HJkVSNT3eZpmdnYmEv1VNmjRSOmEYl5jmpfa2wQMTNtXzmRdOwJqacAyN46bLPLVdwm2TTJeVas42XVYrpdSE6bIDNYCZkMtPtlnyQOwoTYDqRH6BTybShgmakpGnNskORE2UtrWSHuYLjrESqiVPObIXpcr5Un0CKPgXj2XW/QtZtM4Lhl3UNKmU2m66yeMhstvDEkHUWNHn0ziZdYtfl/ychAWZ+m0TzGIjCFqFgHF+x1wJcxwRzy7O+ZBAXy3gXviMoND3Uj7zAZ46mdV+l/CZAvWKU8xZwzp1Xz22zTjD68MeI637VUtoDnS0Y2y6ZcmjA+klXm1tVlWvwguSn1fDioZMjtN5YgR5wX6Xg+MsjkcmcimKSIjp1gTBFFSBOpe6fTEjFFT9WszdWZARnV/MsUXfgM+EI+jTfFwrRw2Z29FH0UcP/JgkarvwmT/72eraEPraTxim4TfVia9gUsxS5gbmVuZT0KL8Bi+k6Yu00B+bVlkoF22vtapFd+WiUaR1A41jPFYVZIUFG2guoLNX05VqsZxMpatpATZCUaC+cXQmfsoJhk7ZwqKOFzoykmXa9ASISncHPchK8H6zUKHudaafT6RKFXSPaWZGMirf0yP683nCe8REMKGGYlrLFt70aHyTJzOSVvjeXkHJLGrzBc8L+tpG2uz4SnpR2jTRghakR5qVRDAuennipNESSqpNUS2pR5uUllALvVAo0AvJYFINJDRvLJsdymZjvmCwNRTCVzQ382p6JOML7AxGNqIWLRpSk8GE6BZJLidIIls9qyrC8zN+aycyLDvDvX28CiGmeV7Qmx5Jq3w1mWtkvymiJZGdiPPsIjzbK7YE7UxB8pFmNeEkvzw7q7t7VjYZaqU5qdffQeMn3cf2Jpho7YJt4xbSVtUTP+Z4CdZqGfTAd1577fVa9Dh4flXtIbTRuumD995b+5fGnHLEg+9hYsx65mobH0Imj+hR2dAxbJdKK2+PijhOlVFsGvy4R2W6NEhSdpdWLkEcIWfUkUDBmTcOZHu57lEZdzwq0WsdLYm0W3H3Z8ohjGfjYCnTl0knWs6VuJBblViRl91BDaSCLKkRtpl6jCN3ta/qtkcWmqhbq5t36bxaIhgrZiI2HEuY9AU+wq6NrUrWXkuuiuG7Dd/cVKI15PGHknn2l79kc8mQv20kNddnrKIvqtjOxgiJGCN/KG02eWOSX9RZFru9XjdmWV30SwkWc5YrGooGMfdvSPX6FVNVFNXkJV52eVCq95nr4fdML+O0+0l+hifsYzgtX8LjdR8c79IRMwXmO//UeUScgrkh1kw2PJ5Cr4cj+dOdfNv2YXjx5NN4Cnh5kkm97lAwSucGuI88A+1NZgLQd5aZBSDXzmOuYK5nPs7cz3yBeZb5LvNvzH/R2S+P4Fngo2Q3gYT2nJdWyhmGscd+0ymu3kqh3grOBJbFhEBlJlWm4Y5S2q4mG/s6ZrFSiqsnUbABLQcRoMIr1GmFXqJ4l9a/PWlmiq8/K1WlZw1LD5UXcJ6ojwjZ1cxR45vgjAvS6wMoZUegw9D1GON5FepxILto/5G8INSRrIp86pazVY1T8y+qOlEWdwlBnQ0s7GbH/qDIvCJys+KsJyC0reCR6y1W9gouSfJLSxcAUpr9K5cmueWZQc4T5NuWixp6v6phuRQUgm42NJcdez7IKU18wItDbqThV3UXQTnWHRDCTSzWDnxa1wjOw+O4LEYu/Bsd0JyrwOtBMZyCh409qqhYHFytepCyrMqjfWqH4gvqEY/K6Wp2Y1pErtpMxUXkju0lmv8dy3gckCRO1sRIKtquYI+rclabgF04dUTPDXQpdvNBDxs0kS/IqquQL8D1bJSBJoX1MSwjgVNEdmA5lHXzEJ2KE7OGRyR8lIUCR9NY5FQhl1N9SBnqFnx6P/JafHm14lM3zyKP4Y61SxTiUZevlrUuFNLO2qJ6kVy5ckCU3XB6/gYZ+9SNZ4tKD3LJnsE5qp8oqXVdknafx+QXhok3wEdm80uIQQQbGwf8CAUDgqGnfSaXyMrIH2CN2YQgjkgK8euqzAe9RMknIaPMVPL93FM1unZqBtVO0Wgaleeu8Xcs6XsIqm3pD4De+xU0Dz2AXsVFvI/OPHKE90JPv1X5rr1Vufngd223nn5n8vQ7k9N9Z7J5yjewcdfpVyNPvxr5Nuejp2M23yVJ/CvotVU6uzdKJKEzSfuNIu1TAKsm8cXffxlv+fmXxg6gK432gd34Vwf+A2+7afPmsQP4q6rRMasxv8GEDWIpczFzOXMVcy3zgROwOwpJDU1YcB0D7mTDrGPAFehAieFvmAWoATd5aKxDzbfHMmy8H9Bhpy5ahgRUcfla24Cs3W4/wS7RL/pE1e3Jtv3fe03F0iQT++1IWvpen+DDWBMN3icpbj979XXXzb9m53XHYRfZhJsrWdMVMBSPquumEcTNZjDg9SmG6Fc9LrfPCAdCHi0UNE2XhSEIYvkst2yFfBBH8LloHMuvqkOqOsv+H2LvbWeyJ2ABsqrUPigci0jcm2/WXGj//zuOAp7xkY+Uaq8ia2/dtjiMH6uP/W+zZ+BMOMqEx67AmG2j8ZQcS0R9WJkf91dMO4NkBbu6C5QDjEkXjaOHxw4NR/t3b8lFqZdESyy7DonrsrGkgIRENLdl99WjHSEPz3uCnZte29QZpIehjtEvQoNsKm15c0upSWD99Wt+9iihNNl68JraGhqMH/Mrbk+IrbWG/B7J75c8vib0I4JCHrfiTwJDSbIsaZLPBxs4ckn+84GzVL9f1dg2RXauKHLu6IFvTATa32LYR/4GcKOjm1aYxcwmZidzDXPbCWujjo7oqHjOOAtff9+BKpyIqpH8lGplevwjDPV07W8w2Iol1E6xUGm02SPrie7lWQV51a3bXRqvdvydqrNKa6wpJAVcfM8qduw1WeEVJdsGQi0YZFu7WJMVXfgJUPdIIMjqQSEaEuhXGEDf47JUveyi+t5nJWo9EytrVUh61xr7CwxUnZtzJu8VdZdH29oP+IM/mvZ2MdZB56GaEehCyjKqvYXa4zmZM5Tz+4mCRFZRuhfpiu7R9blZzsOJPq32AmrSCzu6QGuTK7sHBMmLQvq5m6jOt/Ec+gEG6JclmW2xQG8lwWGq9XktrjeEuWAABfJ0BqQp7DtnnXzr2WQXg5OuYK2c5JBwssejD3JfmGTPERidCTOdzACzDCi8i7ma2cN8inmU+SLzDeYHzG8pvdOCFa9UoekkQUCZ5E/ajIP/YcFtL9vWNjWQ+8Xw4DXXXPM/wnyDHiide/fY3A9nRj72SteGDWjTn6zJZhLv02/3mEwrU2WGmVHmHOZS5oPMR5n7mc8xzzHfYX5x0Jd8/pSZfvKngXb8j2D3iY8Ovfwny+jvir+RUHc0PPmjIrctGHdMPNmjIeeWGo6M8jjWZBmN8TMJQPrDzHrmbOZ9zF7bk+Bw/7Z3DWmmD3N7Y99FiInePMwlDr32LkHL+rfpVmEf9ST3ObxrNpb659eqxuRx4+5xot8Rakp2JbpSqUCTO9YfD7fEA0bUZSnNoZaOVEcm2VyIe8OVGUZTUG9yi2hkIF1q8gt8QDe0ppLhkaWmQMIbCT9UTXT53aIQ9HVHtUCT4A+0WN3NGnPIO6JLmMuYJwCNPXsC1oVD/FmSh/mzQIuf7M5SPNSdBWIJdXcWOgfPJHeWqpEUjuTOkjyGO8uxtO6FLi3YHRBJsoVo0SgmCmfopqgbotXPhgRW0wLZoEhaWjghlA2p+myXHsyGRDaRJGIgG5C9naYEBDXcBqewOBLBROUstym6/ZIp+Tyi6bZ4mcOQMidzptsUPD5J8YfDbeGwobrdltt9HOp+weNlxWA24JVnu8xeU/J64YEmp3AoGmEVnBxK0MtBlzZbVyF3AtfSSmiA5kKzkewNdAd4LmFEEWsXToC8IQtyLUB+IFc4FoNcsybNtU+qF8fkVIIL4UwkkgmbNJuW+6B3ME9kzopjzW11bAI0fFu24GUg/VKgOVCUpDleiabFURlVdkSVp5RKCNwMKr8E53sVqXQF/ZcE1Ofm753vAgYqy5aGP/gp2dSwLyDWfoOwN/1z3Lnz6qvxUnum1OyWrJwUvs3zfmXfhh10hx5QdfHL4YuaFW3dnfZv4YoVTP2bjI5sdnSaLmYOs4rZylzC3Hi8WszJF8qH6xfvezdl8iGof8O7JY8Pxyo7TsWMU6dosqlTMc0UQ2duq3+/YfL46UbmKSShxeh+VMML8c3428RLziNfZDG7+Gijqac/5HD6Qw6n9EMOhwwin3X6Uw6nP+Vw+lMOf5SfcjjCGH729DcdTn/T4fQ3Hf4ov+ng6Hx/jW8Zn1eaDqPTaRoBPGbJnvzYtr1btuBbxm7FF+XGfo2NsV8zMcCjvyOP428DHpUYDTTVABMHrazCzGKWMmuYDcwZ9syyu0BDex+zm/kwcwvzSeZ+5mHmM8znmb9kvsw8y/wv5hvMtwCnForlpDX1pmJVUx0onhCsCjWmV8opjo7h0S/hcfTTeKb9aTxOQ6AtmIVioVqCcKOYqqY5msLxbCYlY1r1dKMIzukpfRDoHEfJYTkplMpxj69Q9MSrfvqKHag++W2wbq3v7WNWCEBjMPxjv3WpEtF425Vqm9fFyR7OHxgrBnyc4hbcmizj1xW7qmWXV5APPCjkEd9NypDGgedhQ2Ye9aifk3jFI+qc2zzwLO/JKCx+xQOaHGmyImO5piDHYZ9b0LZPzl4gkNsC+7NgLdc+G92zx55n8578+A/hHCY52vwNVpgpuaE7ESwX0U0qTbyC27sWyQoolygSEgNhn6Hfni/nb8lXYC3nb4V11ISGqpBgE+FczcEmr2+WyqlBSfCl272C1y/xqmS0TTwvn3j8M7XHUE/t149YgSxDOfKtbwF//h40SYlxMR7GYIJMlEnabwlBBIuaveikp1OtsG2FNU731CMI1u68O781v81Zc678gcvypC1/4HJg9QPfL4xmJmUlnxndswl+N2N97PUceqq2xHkn8W7yPInZ7UWD3DDIU7QXJFh06tVWQOvUi3dX6vlUbfmnP715M161ZcuDJHbgGnI9XWv/9uCDF5636wK088IHqb3yrV+QT0EztCAl6H6jyBQQD9sqqkTpHBi+SorcXtuO0ZkY19ow7gKJ/zJLRkH2PwJt/K0H4OAMQmoZQjpA8H+fkA3AX7cjXH+H7q/x2XZe7ZZNJ2CFVn3gIdKOzx57DbtrYadc1MbyCHmSROpyoEHnVjpLDAJacnWaWja1ufpqz+ltHyXplTLKnlO7/4f3/+gDV2fGdp+D9mcyV+wbu3ffFT9ZSSI//OF/nQO/SOaye8794Q/3LVny1Uszd6N7Mpddlskcu5599fqccq3nIU73dfl11HrGvx9ty036tY3eZFc0pUiutgQ9BVo289abkJ/noMYDTDPIvBYmw3QyOabE9DAzmKHx2dSd6foMm8uoRbacnCqT3BRh9YpQ4Xfg+x74zd7WyPLY6vFD/NwPam78Qufj+S/mH3sMNhO/X04cNuYHbeTZsRE4+WZ8QWTP+560HeKOkMPx3NC8zJ70+NrTtevh+bWf5Go/Q+FJVGu8t9fwvVOgPZhMeNz/znG/s5JpZ2JiOi0NJdBkX7zdu3+2c+dHrty0aefOukvel22PvD+7IDBv+abr165dOztjt7nJzzAOf4LjOX94yockuhnSdN4x+z65GP8ncyHz784XEWAB5TaVRfnG22TUil43OEXrc6YK9pvAE8MJUerb57zPO/5yGu8M05ZL5Ypto3LS1nG2Pr+IUBQKeTqZYQRFqd/SIHbMkP2o4DgDCkYU1d/4s3oRHd8dH2LWUTyVHl8GsJOH6sT7b6hacbJG31SGXMFDnflMfq8FQAYT+mFsBAJcUTw+KxwEcMm5VU508S63lG4xfZY7zOGg1tJlNfem3RxaDAqO6m9SArJbkHk24NGaZa/OS9RjV+SNoCm4aOYknnCCQPsFinkAwUEwRXzxEHUdFQDQUX9cRPUYFJO9blFzyaokAozlXaLfFwgCsK79WIv3RQPdSdUHMT2mHk00h62wy63xLh3AM4hGl6EqqqjLfk+srl4KgB1/p6n+ePNgZo7LIlZMD7qDkqIgJeJLmvmUr6lgqbqY0ABSaU2RQMzT2t0cX99vCKqru7plQXN/c1e0M6RbdEpHT1IOuBd5WitWwqPoiuRpMvMt2WJsdiTpVjUUZ3m1d0Gwp6cT3Z7M+y0JVAG4rTk4lL5PMLLt3ohLBjVI8iUDKbNYnLHLSrd6S6Ot4e5WPaCJqhtxrogVa9IrgwWzrcsb0kG75IEcEW8mlOvgC/3tkfnNQY0f/9bWj8h78E/sdtxuf21rMbOVOavBr36TmvNopVv0FWWOIpIKZZ9iqVxKd2Ng1ySiGIeu/vrwF41RrFTLiSRP57qhV+h0mh3IKBRNaoYFvrXvQLhjRKE6eAGquhL7wcgOJGezN/c3R1kIaemNSj5p7OlCAX+1UBib3ZX0N7njQZVVAH9id7TaFE0juGamzOSCpL9t5sxKApKq3dHdjX/c2+G1tKo2P7c8k+jCeVTI59lwZOhTTT0LW2O9LVC1tQX5Rfl/Ti/wyLjhKg8aCBHK8XWjVnsTyiOutTemhQ3lm/mGDHqU3Er8k6yjDAKZV06CsKO+oTqaWPFO1PqrX9Uumzkw80uTVuKvjdRGZuD9M2ovD8wcGGis8J+Y6/xx/E17XKbKLDiRuQh4CDEhVgXOU4fNofndtrmZzNw2PC8zLwP/sWfwvGgpCv+xZ6LlaLQ8I1WtprCSqlRSY3/ASiCRCIz9IZhI4JfgrtpS5y70JKSSgPi1pfZNUfQkbPKVVO0D9EZ0baoC99U+QO9G1wYSjXdtnyU34/+GMjUDxTQSIdQYL6QHUTcCtSSCqnCAH+hc3h/mM3NWd+XW9Cv3fqDv4cT62n/W7iLRvIU2R7P4DZKZt3bDiv4wIdklueqivX2xWO2e2sfNfJSgHd4qY4/LvvVT8mH8Op09zB5RoXMIOnB7EAEEJx9esfzpjf504tm/WC1oyuiTT67Pb8Cvt2U2dHhp4BoI3PDkU+vPdOZ3+leyB79ho4Tx1HQ8SCAhpKMq2UMTMzuaXvx25r9x7BuQVC3TdF8Iv0HT83c2vZT474z+dy9CarWL7w/d79Dip5Dm6wxPfQEQZyFY6Md1yJ7aio21eTH0ldGxl9BO/Pr3N9RmxdDXRu/t6GD+PxpRDaMAeJxjYGRgYADi92LmJvH8Nl8ZuJlfAEUY7v9/n46g/2cxv2AOAnI5GJhAogBohg0jeJxjYGRgYA76nwUkXzAwgElGBlSQAwBdYAQDAHicY37BwMA8iocMBgARZGMlAAAAAAAAAAB+AOIBvgbaB0oKcArECt4L0BEmEd4SlhMAE3wUSBlsGdYdKh1EHh4eRB5qHtofTB/4ILYhGiF0IcQiAiJoIywkHiSYJPolXCY+JlwmlCckJ5YoMijkKUwpjCoqKmoqlirqK2QrwCwULHYs3i0+Lfguoi8QL6QwojC6MZox7jKeMvIzoDRWNeI2iDm4Odw6nDroO6Q8kD0+PrxAMEDaQb5CDEMeQ1xDqESGRShKVkpwS6ZL7kwWTERMWkyaTOJNPE12TahN0E8iT7hP6lBUUIpQsFDaUPYAAHicY2BkYGDIYcliUGAAASYg5gJCBob/YD4DACFQAhEAeJxdj71OwzAUhU/atEArMYBAYvOAEAIp/WFA9AGazq3UPT9O2iqxo8St1Kdh5AkYGXkKJBZehJPUdCCW4+9+91xHAXCBbzg4PFfcB3bgsjpwCye4sdymF5ZdrlvLHfRxb7lL/2S5h0c8W+7jEiFvcNwzVg/YWnZwilfLLZzjzXKb/t2yS/6w3ME1Pi136b8s97DEj+U+7pyXKMi3Kg7EQpa7dSQr4efhLCxyNZfpNgvKGuu9lGW11kqMvGFd+lLJMjAyFuFeVLt0bEwiklLnYqqVkVmmRVHqjYyMtzKmmAwGifVepHNECJDz5xRiksACEiV2WLMjUdH47IeYcRckhTl9yomM+fJo/85lM19xXrMSGMHD8Nj12VVNIoDhGTMRYs93xW+mGNMaJKwTZjRnBKbNTXU649I0RdPb0ET0HlbNVIEJBlzJv7zHFG/6BWb9Yn4AAHiclVb5e9pGEOWlPmrAAYPjJG2dw46TNq1y90zb9Ejv+76PRRrDxsuuursC57/vSiuQCIjP4Qc+NLMz896b2RG1UzX/qdcWfwRO4RmsYBVrWMez2EAdDTSxidNooY0tdNDFNs5gB2dxDufxHJ7HC9jFBVzEJVzGHvZxBQe4imt4ES/hOl7GKwhwAzdxC7dxB3dxD6/iNbyON/Am3sJ9vI138C4e4D28jw/wIR7iI3yMT/ApPsPn+AJf4it8jW/wLb7D9/gBP+In/Ixf8Ct+w+/4A3/iL/yNf/AvGHoIEYFwiD4G4HiEIwgMa6tWMzNo95mlMXscxEwzIUhc5NKSHlLEnSOgEUkbhMyGA/ctQxK3K/1SySBz6iS2XPaDIRnD+nTOWKbt5KgaxiQNs1zJG2XHXPQEUDBMhOWxoIZQKg6GTB+R7hRenpv2l2YzvC+ZuHly8JYPSV+vPD+H7qBatxLlxkTuY6XbJKPpwVTavSUpZMTT+PsnJzCH8MxsH/KMe0tly1TYNvRf4tycleTeSAzpwDJztNlLDJeu14FOBHVM0gtircLU4I/ulkvMwdoqe11lpatH0HfxQqU/C98p6VqSftsBm+AKlRAsNhR1S0Y6jpmMKFpJSbWKJFnS/eqaJmQiq1CNK5NxZ4boNKpTNnuCnRlFM5HXhkwmTKxrComPaNNFi4CFlo+4fTwjYVarW7bk9/DsAniu4bRbCVtwebRdEmKKeb0XD92kqNZknFOhBR13Js9ZQI85hZsTU1qqPnlQulvkTatz6TylG+GFOF0Y0vBO8TidnpLJ0yzFpPgvVbLLzy+6uHag1fiJ6SkLmhdfM6HmsW343mR9WjGu/Lq7GiMeUjPvlvekF6b9xG2jRXPlqxdqX66mkAO5d/K1UKRd1HdfOtXt6tK9MF0fjYhZFqjeIwptw8uRsd1Idch+1bMTxipN15bmLJAt6plHlvfszlO8hHKJbp08xM/eItVzEHnKK0vp5FA3WRQMVJivwmY+GV6j9Cubgm551PKjB8uz5xgW7UqP0rO4e3LaRU/djrY85G4d2vP5dZxfk1uCSXIZHCMb9Eiocd3ELKWmlGi7ZNKNREYnhbqSnq4LZozKDsxEs54akbdEbqFFlFIgas1YxspPEpdxYvOxS6z7vTFg6ai5pKt9rZK4ZenY5ZRSWf/OdX90nLQZmKYbURoHY00yHNQLkO0peXePDx2XZkSHzAHPHmq1/wGvxJ0SAAA=') format('woff'),
       url('data:application/octet-stream;base64,AAEAAAALAIAAAwAwR1NVQiCLJXoAAAE4AAAAVE9TLzI+JEs0AAABjAAAAGBjbWFwU3WX+AAAA5wAAAd0Z2x5Zrkw+hQAAAvsAACh7GhlYWQjByJvAAAA4AAAADZoaGVhBzwDvwAAALwAAAAkaG10eKXgAAAAAAHsAAABsGxvY2HvU9ESAAALEAAAANptYXhwAZYEdgAAARgAAAAgbmFtZXo4dZUAAK3YAAACPXBvc3QQ+Ny7AACwGAAACigAAQAAA1L/agAAA+gAAAAAA+gAAQAAAAAAAAAAAAAAAAAAAGwAAQAAAAEAAO8WNzRfDzz1AAsD6AAAAADf/+9nAAAAAN//72cAAP9qA+gDUgAAAAgAAgAAAAAAAAABAAAAbARqACAAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAQD6AGQAAUAAAJ6ArwAAACMAnoCvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAwOgB6OEDUv9qAFoDrACWAAAAAQAAAAAAAAAAAAAAAAACA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAAAAABQAAAAMAAAAsAAAABAAAAmAAAQAAAAABWgADAAEAAAAsAAMACgAAAmAABAEuAAAAEgAQAAMAAugB6A/oL+hp6GvoxOjc6OH//wAA6AHoBOgR6DHoa+jE6Nvo4P//AAAAAAAAAAAAAAAAAAAAAAABABIAEgAoAGQA1ADUANQA1gAAAAEAAgADAAQABQAGAAcACAAJAAoACwAMAA0ADgAPABAAEQASABMAFAAVABYAFwAYABkAGgAbABwAHQAeAB8AIAAhACIAIwAkACUAJgAnACgAKQAqACsALAAtAC4ALwAwADEAMgAzADQANQA2ADcAOAA5ADoAOwA8AD0APgA/AEAAQQBCAEMARABFAEYARwBIAEkASgBLAEwATQBOAE8AUABRAFIAUwBUAFUAVgBXAFgAWQBaAFsAXABdAF4AXwBgAGEAYgBjAGQAZQBmAGcAaABpAGoAawAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAFFAAAAAAAAABrAADoAQAA6AEAAAABAADoBAAA6AQAAAACAADoBQAA6AUAAAADAADoBgAA6AYAAAAEAADoBwAA6AcAAAAFAADoCAAA6AgAAAAGAADoCQAA6AkAAAAHAADoCgAA6AoAAAAIAADoCwAA6AsAAAAJAADoDAAA6AwAAAAKAADoDQAA6A0AAAALAADoDgAA6A4AAAAMAADoDwAA6A8AAAANAADoEQAA6BEAAAAOAADoEgAA6BIAAAAPAADoEwAA6BMAAAAQAADoFAAA6BQAAAARAADoFQAA6BUAAAASAADoFgAA6BYAAAATAADoFwAA6BcAAAAUAADoGAAA6BgAAAAVAADoGQAA6BkAAAAWAADoGgAA6BoAAAAXAADoGwAA6BsAAAAYAADoHAAA6BwAAAAZAADoHQAA6B0AAAAaAADoHgAA6B4AAAAbAADoHwAA6B8AAAAcAADoIAAA6CAAAAAdAADoIQAA6CEAAAAeAADoIgAA6CIAAAAfAADoIwAA6CMAAAAgAADoJAAA6CQAAAAhAADoJQAA6CUAAAAiAADoJgAA6CYAAAAjAADoJwAA6CcAAAAkAADoKAAA6CgAAAAlAADoKQAA6CkAAAAmAADoKgAA6CoAAAAnAADoKwAA6CsAAAAoAADoLAAA6CwAAAApAADoLQAA6C0AAAAqAADoLgAA6C4AAAArAADoLwAA6C8AAAAsAADoMQAA6DEAAAAtAADoMgAA6DIAAAAuAADoMwAA6DMAAAAvAADoNAAA6DQAAAAwAADoNQAA6DUAAAAxAADoNgAA6DYAAAAyAADoNwAA6DcAAAAzAADoOAAA6DgAAAA0AADoOQAA6DkAAAA1AADoOgAA6DoAAAA2AADoOwAA6DsAAAA3AADoPAAA6DwAAAA4AADoPQAA6D0AAAA5AADoPgAA6D4AAAA6AADoPwAA6D8AAAA7AADoQAAA6EAAAAA8AADoQQAA6EEAAAA9AADoQgAA6EIAAAA+AADoQwAA6EMAAAA/AADoRAAA6EQAAABAAADoRQAA6EUAAABBAADoRgAA6EYAAABCAADoRwAA6EcAAABDAADoSAAA6EgAAABEAADoSQAA6EkAAABFAADoSgAA6EoAAABGAADoSwAA6EsAAABHAADoTAAA6EwAAABIAADoTQAA6E0AAABJAADoTgAA6E4AAABKAADoTwAA6E8AAABLAADoUAAA6FAAAABMAADoUQAA6FEAAABNAADoUgAA6FIAAABOAADoUwAA6FMAAABPAADoVAAA6FQAAABQAADoVQAA6FUAAABRAADoVgAA6FYAAABSAADoVwAA6FcAAABTAADoWAAA6FgAAABUAADoWQAA6FkAAABVAADoWgAA6FoAAABWAADoWwAA6FsAAABXAADoXAAA6FwAAABYAADoXQAA6F0AAABZAADoXgAA6F4AAABaAADoXwAA6F8AAABbAADoYAAA6GAAAABcAADoYQAA6GEAAABdAADoYgAA6GIAAABeAADoYwAA6GMAAABfAADoZAAA6GQAAABgAADoZQAA6GUAAABhAADoZgAA6GYAAABiAADoZwAA6GcAAABjAADoaAAA6GgAAABkAADoaQAA6GkAAABlAADoawAA6GsAAABmAADoxAAA6MQAAABnAADo2wAA6NsAAABoAADo3AAA6NwAAABpAADo4AAA6OAAAABqAADo4QAA6OEAAABrAAAAAAB+AOIBvgbaB0oKcArECt4L0BEmEd4SlhMAE3wUSBlsGdYdKh1EHh4eRB5qHtofTB/4ILYhGiF0IcQiAiJoIywkHiSYJPolXCY+JlwmlCckJ5YoMijkKUwpjCoqKmoqlirqK2QrwCwULHYs3i0+Lfguoi8QL6QwojC6MZox7jKeMvIzoDRWNeI2iDm4Odw6nDroO6Q8kD0+PrxAMEDaQb5CDEMeQ1xDqESGRShKVkpwS6ZL7kwWTERMWkyaTOJNPE12TahN0E8iT7hP6lBUUIpQsFDaUPYAAAAFAAD/wAM7AucAGwAsADEAQABNAAABBiIHDgEdAQcOARYzITI2Ji8BNTQmJyYjIicjBSIGFxMeATMhMjY3EzYmIyEFKQEDIRMiIw4BFxMeAT4BJwMuASUiBgcDBh4BNjcTNiYBrQslBgoHrAoHBwoCcAkHBwmoBQkGFRIMR/7iCg8BMgENCgHJCg0CQAEOC/7i/v0BAwEDO/5iSwECDA8CLAISFg0CLAINAQ4KEAEsAg0XEQIsAg8C5wECAxUZCTgCDw0NDwI3ChoUAwIBzA8L/dUJDQwKAioLEDH+BwGwARIM/sALDgIUCwE/Cg0BDgr+wQsUAg4LAUAMEgADAAD/mgO4AyIAEAAUAEEAAAEiBwEGFBcBFjI3ATY0JwEmBwkCJSIPAxUjDwMVHwMzFR8DMz8DNTM/AzUvAyM1LwMB9A8L/mEKCgGfCx8KAZ8LC/5hCw8Bhv56/noBewICBAMBwgQEAwEBAwQEwgEDBAQWBAQDAcIEBAMBAQMEBMIBAwQEAyIL/mEKHwv+YQoKAZ8LHwoBnws+/nr+egGG5QEDBATCAQMEBBUFBAMBwgQEAwEBAwQEwgEDBAQWBAQDAcIEBAMBAAYAAP+VA74DJAAbADEASQBgAHkAigAAASYHBgcGBwYWFxYXHgE3PgI3NicuAScmJyMmBzYXFhcWFxYGBw4BJicuAjc2Nz4BFyYHBgcGBwYXFhcWFxY2Nz4CJyYnLgEHNhcWFxYHFgYHBgcGJicmJyY2NzY3NgcGBxcGBxYXNxc2NycmJzc2NyYnBg8BJi8BFhc3FwcXBycGByc2NycmJwHzbGVhQUILDDc8PVNPt1ZYhE8GBh4cd09QVwMVEGNdWTo8CAk9PkCmtE1QZCAVFzk4ol9bVVEyNQEEJCRBRFJNnj9BRQQeIDwwfEJQSkcrLAEBSD5AS0eMMzYUFRQnJz1KGx06cDg2KixucToeJjIZJTEYKiwZMCUZMiY5OG40b3E1cSRKNEolJjIZAyICNjVaXWxctklKKCgLHB13pFlbU1OGKCkFAjEDMTBTVmNYrEBDOxArLI+zVVlCRE4rAzAvT1JbU1BONjgQECUwMoyiSUwyKzAwAiwqRkpQS4ssLwcJMTM1RUKQOz0iK28eOnE2OCwqbnA6HSYyGSUwGSwqGDElGTIDODlvNG5xNXElSjRKJCYyGQAAEQAA/6MDuAMiAAMABgALAE4ApgD8AT8BlAHxAjwCfgLCAwUDXAOpA/UEPwAAAREhEQUzBzcVITUXETEjByMHIxUjByMPBxUfBDM3MzczNzM3MzczFzMXMxczFzMXMz8FNS8FIycjNSMnIycXIw8FHxk/BDUvAyMnNSc1JyMvASMvATUnIyc1LwEjLwE1JzUnIzUnIycjLwE1LwEjJzUnIy8BBSMPAhUHIw8BFQ8CFQcVBxUPASMPARUPAhUPASMPASMPARUHFQ8BIw8CFR8FMz8ZNS8EITEjFSMPAxUfBDM3MzczFzMXMxczFzMXMx8GMz8FNS8CIy8JIycjJyMnIzUHIw8CIw8BFQcjDwEjBxUHIwcjByMHFQ8DIxUPARUPAiMPAR8FMz8dMz8DLwMFDwUfFhUfBDM/BDUnNS8INSc1LwQjJyMnNS8BIyc1JzUvATUjLwE1JyMnNS8CNS8DBSMPBRUjFQcVBxUjFQcVFxUzFRcVFxUXFR8JMz8ENS8CNSc1JzUnNSc1JzU3NTc1NzU3NTc1LwQFIw8DFQcXFQcVBxUHFQcVDwgVHwMzPwY1NzU/BzU3NTM1NzU3NSc1LwMFIw8DFRcVFxUXFRcVHwcVFxUfAjMVHwMzPwQ1Lws1JzUnNSc1JzUvBAUjDwUVBxUPDxUfBT8CNT8BNTczNzU/AjM/CjU3LwQFDwUfAhUXFRczFzMfAjMfATMVFxUXFRczHwEzFzMXFRcVHwEVHwIVHwIzPwU1LxwFIw8IIwcjByMHIwcjByMPBBUfBTM3MzczNzM3Mz8LMzczPwE1PwE1NzU/BDUvBAUPBRUfBTMfARUXMxczHwEVHwEzFxUfBDMXMx8GMz8FNS8WISMPFxUfBjM/CDM/BDU3MzczNzU/ATU/ATM/BDUvBAEnAZr+weRynP7InAsGCwUMBQUGJgYKCAQCAwEBAgYECQQrBQkFBQUFCgUeBQoFBQUFCgQYCQUEAwQEAQEEAwQHJgUGBQsGCwb0BQQFAwQEAgIIAgwHCAcEAwQDBAMHBgcPAgkCAxEEAwQJCQQEAwQBAgMCAQIDAgECEgEJBAYBAwQDAQMIBAMBAwEDAQgEBAQBBAgBBAr98QUECAUEAQQEBAwEBAQIAwEDBAMEAwQJAQ8CAQIDAwUCAQQDAwECAwMIBAkFBwUFEAYCBgIPBwYHAwQDBAMEBwgEBAcCAQICAwQIAQQSDQoFBwYCAgMICAQBCAQmBAgDBAQEBwQIAxoDCAcHAwkFBAQEAwQBBAMHAQMFBAQEBAQJBCYECQUEBAUNrQQIBgcBAwgDARUDAQMDAQkBDAEJCQMDAgECAwMIBAEEAgICAwMIBAUECQMIAwIEAwIDAgMCAwIDAwMCAwMDAwMDAwMGAyMCAwQEAgIFBAgBhAUIBAMDAwEGAwMCAwIDAgMCAwcWAQQBBAEGAwICBAQDBAUJBAQEAwQBAgICAQIBAgECAgIBAQEIAQEBAgIEAQIHAwIBAgMCAQIGAwkDAwME/cMFBAgDAwICAQIBAQEBAQECAQgCAQEBAwMEBAQFCQQDAwQBAgUDAgEBAQEBAQIBAQIDAwkC7gUECAYCAQEBAQECCAIBAgIEARYBAQQDDAUJBAYFBAMKAggBAgECAgIHAQEBAQEEAwQI/KcFCAgEAgEBAQIGAgICAQQBBgIKAwQBAwYEBQkEBAQDBAIBEgECAQIBAgICBwIBAQEBAgcDBQLwBAUEBAMEAgIHAgMFAgQBAgMMCgMEAgQBAQQDBAQJCAUHAw8CAQYFCAEBAQYBAgECAQICAgkBAgIDBAj9rQQIBAMCAgIFBgwGAQwBBgcDAQMDAQcHAwEHBwEDAQMECAQEDAQEBAQJBAQEBQIBAQQEAxUDBAoHGQMKAgMDAwMDAwMCBgMCAwIDAggBnAUEBAEHChwLBxIECwQHBAQHBAgEEAgEAwICAQQEAwQFDAUNBAUEBQgFJgQJBAQEBAQEAQQDAQMBAwQECAQJBAICAQIGAwQF/kQEBQQGAgIBAgMDBQQBBA0JAQ0BBAUFBAEEBQUKBRkBBAEUBgUFBQsKCQUEBAMEAQIDAwQHEwUEBQUEBQUEJR4IBAQJDAMNAhIFBAUDARQEBAkIFiwFBQQFBQUEBRsEBgQBAQIDAwQEBAkDBgULBQUFBhQBHgUKBQUEAQQBBAUcDQQBBAUDAgECAgMECAH6/sgBODFaPrq6fQHyAQEBAQcCAgQDBAQECQQFBgMCCQIBAQEBAQECBQECAwMIBAUECQMDAwcBAQEBUwECAgQHCQkKAQkHBgcDBAMEAwQHCAcUBA0EBCADAwICAgIDAwgJBQYFBQQBBAEEBRwNBAEIBAEEBAQIAQMBAwEDBAgDAQMEAwEGBAcIAQQEAQMEAwEDDAMBAwEDAQgEBAQBBAQEAQQNFwUFBAEEAQkFCgUMBAUEBAMEAQIFBwweCAQJBBQHCAcEAwQDBAMHBgQDBwUEBAkEBAMEAQICBQwFCQQDBgIBAQEBAQICBwICAwICAgECAwMIBQkIAwUCAQIBAgECAgIJAgEBAScCAwUCBAECDwMCAQIJDAkBCQQDAwEDAwEDCwcHCQkEAwQEAQEEAwwDBAYDAwIDAwMDAwMCAwMCAwIDAgMCAwQDFgMDCAkJBwMEOwECAwMEDQULAgMDAwMDAwIDAwojAwcDBwQOCwMHAwgDAwIBAQMCBAgJBAIECQQEBAQEBQMBAwEDBAEDEAQDAQMIAwEKAQMDAQMDAQMDAQYECQEDAgMDqQEEBAMECAQECQUECQ0EGwUNCQQECQQBBCIEBQEEBAMDAgECAgMECAkFBBIECwQHBAQHBAgEHgQIBAcEBAcEBAkEBAQDBC0BBAgEBAQEHgUKBQUFBQkFJwUEBQkKBDIEBQQIBAYCAgYICgUZAQQBFAYFBQULBiYFBgULBgsGFgYJCAMDBBACBggICQYRBQYFBgsFIQYLBQUKBg8BBAEZBQoBBAYCAQEDAgQICQgBKQQFBQQFBQkFIgUJBQUFBQoFFwUEBwICOQECAwMIBwQHBBoDCwsHBgQDBxQPAwcBCAUEBQgDAwICAgIHAQMVAQMLAQcQBAQMBAQEBAQECQQmBQUIBAQDBKABBAMDBAkJCQYBDAEGDAYFAwMCAQQBBAECBQQCAgEBAQQBAQEGAQEBAgEBAgMHBQQFBAgDAwkCAQYDEAMGAwIDAgMCAwIDBgIDAwMDAwdKAQIBAwYMAwMFAwIBAQEEAwMECQUECAMDAgEBAQECCQICAgECAQIBAQECAgIBAQEEAQEBBQQDBQQFCAgDAgEnAQEDBgQJBQQEBAIFAwQJAQYJAwIBAgMCAQIDBAMKAggBAgECAgMBAgMDCAUECQQDAwMEAgECAQIBAgEQEAYCAwUJAwoBAgICDwIDBQYMFAECAQIBAgECBgIGCQQFBAQEAwMCAQEBAgICAQIBCAwDBAMCAQIDAgECEgEJBAMFBAQEBQkEAwMEAAAABQAA/5YDvQMjABYAMQA6AD4ARAAAASYOAxYXHgI3PgE3Njc2Jy4BJyYHNhcWFxYXFgYHBgcGBwYnJicmJyYnJjc+AhMGDwEXNRcRBycUFSclFBUnJicB9FimgUQBQD07obBRVIYnKQMGHh52Tl5rVlJQOjsXFxcrLERGWlhWWENDJyYDAyMecpQ/Nmwv0crKGI8BWSpDIgMiAUZ+obOmPj9JCR4delFTWFdVU4cmLzEBJiVDRFRPp0hKLzQQDxYWOTZQT1daTklwPv8AJk0hlI+PASiPYGRlZGVlZR4wFwAJAAD/ogO4AyAACwAXAFIAuwFEAaEB6AIyAp4AAAEVIxUzFTM1MzUjNQczFTMVIxUjNSM1MxMrAQcjByMHFQ8FFR8FMz8DMzczNzM3MxczFzMXMx8BMz8DNS8EIzUjJyMnFw8GFR8KMx8GFR8CMx8NMz8ENS8BNScjLwYjLwE1Iy8LIy8BIy8HIzUnNS8EIwUPASMPBBUPBBUHIwcVDwMjFQcVByMVDwQVByMPARUPAhUPAiMPAxUPAxUHFQ8KFQcVHwQ/BDM/BDU/JjUvAwEPBRUXFQcVBxUHFQcVBxUHFQcVBxUHFQcVBxUPBxUfBD8FMz8BMz8BNT8BMzczNzU3NTM1NzU3NTc1NzU3NTc1NzU3NSc1LwQFDwUVFxUXFRczHwUzHwEVFxUXFRcVMxcVFxUfBD8ENS8NNSc1JzUnNS8DAQ8XHwQ/BDM/AzM3MzczNzM3Mzc1NzM3NTczPwIzNzM1PwM1LwQFDwUVHwMVHwEzHwIzHwIVHwEzHwEVHwEzFzMXMxczHwIzFzMXFTMfBzMXFRczFTMXMz8ENS8EIycjJyMnIy8KIy8EIy8FIwGufX2MfX11Xn19Xn19MwcNBg0NBycNDgQDAwQBAgMDCQQFBgwGFwYLBgYGBikGBgYGBgUfBAUMAwMCAgYDCicGBwYNB+kFBAQDAwECAgIGAgIDBgUEAwgBDgIIAgYCBAECAgECAwIDBQQDBAMKBQYDCQQJBAQDBAIEBgEEAwIDAgMCAQIIAQUDBAIEAgIFAgcCAgECCQECAgMHAwIDAgECAwIGAgoF/fMFBwECAwIDAgMCAwIDBAECAgMCBAEEBAECAgICAgIBAgICBAICBAEBAQIDAgIKAQICAgEEAQIBAgECAQICAQQEAw4ECAQDAQECAwECAgIBAgECAQIBAgIDAgECCAIBAgICAQQCBAEGAgoCBgMKAwYDBQMCAQQGCAUCsgQFAwYCAQEBAQEBAQECAQMFAwUDBAMCBgMBAgMGBAkJBAQDAgEBAwIBAgMDAgEFAQwDAQIBAQEBAQEBAQQDBAQI/KYEBQMEBAEBAwIBAwIBBAEKAQQDAgMCAQIDAQIEBwkJBAQDBAIEAgMCBwQBBgECAQIIAQEBAQUICAKxBAQJBAUKBA8FBQsPBgULBSEGCxAIBAUCAgQDBA0JBgYUBQESBgcFAQUBBQEFARwBCwUBBQUBBQsPAQQBAwMCAQQDBAQI/d4EBAQDAgIBAgMEDQIBAgMCAQIDAwsCAQgDAwUBAgECAQIBAgMDAQIBAgECBAMGAw0DHQIDDQQDDQkFCAUCAQQDBAQDBAgDFAIRAwkFEQIGBQMFBQUCAQ8CBQICAQQDBBEEBAUCIX2MfX2MfRd9Xn1+XQGTAQIGAQIEAgMECAkFBAQDBAECAgIEAgEBAQEBBQEGBAMJBQgIAgQGAQEBTwEBAwMEBAQFCQQGAQIBBgMEAggOAwgDBgMEAQICAwQDBAMHBwMIAxIKCAIEAgIDAwgKBwcBDAgEBAQEBAQECwEHAwYCBgIDBQMHAwIDCQMCAgcCAgICAQEBAgIEAgUMAQQCAgICAgECAgICAgEEAgECAgMEAQQBBAECAwIDAgECAwIBAgYCAQIGAwMCBQIBAg8DAgECAQIDBgMDAwMDAwMDAQQJBQgDAwMBBAMDBAYFAwIFAQIDAgMCAwIDAwIFAgMCDAIDAgMCAwQDBAMGAwoDBgIKAQYCBQQEBAkJBgQB/sYBAgIIBAQEBDMDCQMGAgYDAwMDAwMGAgMDCQIOAwgBDQULBQYKBwQFCQQGAgICAgMDAwMGBgYFAQUHDyYDCgMDBwMDBAMDBAMDBAMHAw4DLAUJCAQCAwITAQIDAwgEGwYHEwcNEwYHDQYfDQUBBQEFAQUBBQEFAQEEBAQCAgIDAwkJCAYGBQYQCwYRBQYGBS8GBQYGDAYHBQcGAv6yAQIGBAQGBAkEAwUJAgMEAwwBBAMEAwcJCQgDAwMCAgEGAgYDAgMCAwMPBgEDAwEDBAcMBAEDBAQECQgEAwICAgEDAgQECQQFBAQDAQoCAgICAgIBAQcCBQEBAQMCAgECAQIBAQEBAQICAgQCCQEBBAEEAQQHBQQJCAQCAwEDBwYDAwYCAgMBAwIDAgkCAwIBBAEEDQECAAAAAQAAAAADQAKGADMAAAEiDgEHBhYXJicHFhc2NyYnBy4BNjc+ARYXHgIHDgInJgYeARcyNzYzPgI3Ni4BJyYCET51VhIVFygsWgyiUCAPJBccIhcZIiJnby8tPxYMC0ViNA0SARUOCBEMBj1rRQgJIUw0QwKFNV48QYw3CBI7IA+gUAcEkShsaygqLQMbF1RnMTNUMAEBFBsNAQICCUhrPjt1YBwkAAAAAwAAAAAC7gKKAAMABwALAAATETMRMxEzETMRMxH6ZGRkZGQCiv2oAlj9qAJY/agCWAAAAAkAAP+iA7wDIQADAAgAIgAxAEcAXABxAIQAlQAAAQYHIQMWFyE2EwYjBgcGBxYXFjc2NzYXNhcWFzYnJicmByYXBhcWFxYXFhcWNiYnJicFBgcGDwEGBwYXFjc2NzY3Nj8BNjc2AQYHBhcWFQYHBgcGFj4BNT4BJy4BBQYHBhcWFRYXFhcWNTQnJicmNS4BAQYHBgcGByIGBwYXNjc2NzYuAQUGFxYXFhcWFzYnLgEjJi8BAfRgYAGAwGQz/tIzaAwcKRIeCggUDBwRCA4JGTMdDhYLChwYFQjqIAsGHg4FKiIUFQQOOkX98R0bEBsODQsMAwQdDRYQCg8QDRkFCAKZFAUCAgEBAwsgAhAYExcTBgIN/KQXBAIHBAsIDRMiEAgCEwENAq4TJB4PGhcRJQMEFzc1NCwHAg392RoFBBYRE09EFwQDJRFQOAYCMqytASa0WloB1QIBBQgXFAIBBwUBAgICBgMBFQ4MBgQBAU8KFQ0aDAUvPg0TKAtfKwoMHREmEw0YGg8TBhAkHA0WDwwWDBT+0QUUCx0QCA0JQTwRDgQTDjJtNgcJEgUZDiIXCS0YJhoFGQ8lFAc/PQgL/rMJFxIJDQYVDQ8LChoYJgcTDgEKEg4SDQosCQsPDBUYMQMAAAARAAD/owO4AyIADwAfADEAdADKASgBcwG2Ag4CWwKeAvYDTAOOA9MEHwRpAAABJgYHBh4CNz4BNzYmJyYHNh4CDgMuAjY3PgEXBg8BDgEWFxY+ATsBNSM2NyYnKwEVIw8DFR8EMzczNzMXMxczFzMXMxczHwYzPwU1LwIjLwkjJyMnIycjNQ8EIw8BFQcjDwEjBxUHIwcjByMHFQ8DIxUPARUPAiMPAR8FMz8dMz8DLwMjBQ8FHxYVHwQzPwQ1JzUvCDUnNS8EIycjJzUvASMnNSc1LwE1Iy8BNScjJzUvAjUvBAUPBRUjFQcVBxUjFQcVFxUzFRcVFxUXFR8JMz8ENS8CNSc1JzUnNSc1JzU3NTc1NzU3NTc1LwUFDwUVBxUPDxUfBT8CNT8BNTczNzU/AjM/CjU3LwQjBQ8FHwIVFxUXMxczHwIzHwEzFRcVFxUXMx8BMxczFxUXFR8BFR8CFR8CMz8FNS8dBQ8IIwcjByMHIwcjByMPBBUfBTM1MzczNzM3Mz8LMzczPwE1PwE1NzU/BDUvBCMDKwEHIwcjFSMHIw8HFR8EMzczNzM3MzczNzMXMxczFzMXMxczPwU1LwUjJyM1IycjJxcPBR8ZPwQ1LwMjJzUnNScjLwEjLwE1JyMnNS8BIy8BNSc1JyM1JyMnIy8BNS8BIyc1JyMvAgUPAhUHIw8BFQ8CFQcVBxUPASMPARUPAhUPASMPASMPARUHFQ8BIw8CFR8FMz8ZNS8EIwEPAxUHFxUHFQcVBxUHFQ8IFR8DMz8GNTc1Pwc1NzUzNTc1NzUnNS8DIwUPBBUXFRcVFxUXFR8HFRcVHwIzFR8DMz8ENS8LNSc1JzUnNSc1LwQjEw8EFR8FMx8BFRczFzMfARUfATMXFR8EMxczHwYzPwU1LxcFDxcVHwYzPwgzPwQ1NzM3Mzc1PwE1PwEzPwQ1LwQjAfRAbxcZGFZ+Oj1RAQREOSsyJkgzEw4rQVBLOBoJFhhQYwkUHQkJBAgECQ0EWVkSJg4/BA4NCgUHBgICAwgIBAEIBCYECAMEBAQHBAgDGgMIBwcDCQUEBAQDBAEEAwcBAwUEBAQEBAkEJgQJBQQEBQ2xBQMGBwEDCAMBFQMBAwMBCQEMAQkJAwMCAQIDAwgEAQQCAgIDAwgEBQQJAwgDAgQDAgMCAwIDAgMDAwIDAwMDAwMDAwYDIwIDBAQCAgUECAUBhAQEBAMDAwEGAwMCAwIDAgMCAwcWAQQBBAEGAwICBAQDBAUJBAQEAwQBAgICAQIBAgECAgIBAQEIAQEBAgIEAQIHAwIBAgMCAQIGAwkDAwMECf3HBAgDAwICAQIBAQEBAQECAQgCAQEBAwMEBAQFCQQDAwQBAgUDAgEBAQEBAQIBAQIDAwkEAo0FBAQDBAICBwIDBQIEAQIDDAoDBAIEAQEEAwQECQgFBwMPAgEGBQgBAQEGAQIBAgECAgIJAQICAwQIBf2uBAQEAwICAgUGDAYBDAEGBwMBAwMBBwcDAQcHAQMBAwQIBAQMBAQEBAkEBAQFAgEBBAQDFQMECgcZAwoCAwMDAwMDAwIGAwIDAgMCCA4BpQQEAQcKHAsHEgQLBAcEBAcECAQQCAQDAgIBBAQDBAURDQQFBAUIBSYECQQEBAQEBAEEAwEDAQMEBAgECQQCAgECBgMEBQSnBQYGCwUMBQUGJgYKCAQCAwEBAgYECQQrBQkFBQUFCgUeBQoFBQUFCgQYCQUEAwQEAQEEAwQHJgUGBQsGCwbvBAUDBAQCAggCDAcIBwQDBAMEAwcGBw8CCQIDEQQDBAkJBAQDBAECAwIBAgMCAQISAQkEBgEDBAMBAwgEAwEDAQMBCAQEBAEECAEECgj99AQIBQQBBAQEDAQEBAgDAQMEAwQDBAkBDwIBAgMDBQIBBAMDAQIDAwgECQUHBQUQBgIGAg8HBgcDBAMEAwQHCAQEBwIBAgIDBAgEAq8ECAYCAQEBAQECCAIBAgIEARYBAQQDDAUJBAYFBAMKAggBAgECAgIHAQEBAQEEAwQIBPymBAQIBAIBAQECBgICAgEEAQYCCgMEAQMGBAUJBAQEAwQCARIBAgECAQICAgcCAQEBAQIHAwUElAUEBgICAQIDAwUEAQQNCQENAQQFBQQBBAUFCgUZAQQBFAYFBQULCgkFBAQDBAECAwMEBxMFBAUFBAUFBCUeCAQECQwDDQ0CGgQFAwEUBAQJCBYsBQUEBQUFBAUbBAYEAQECAwMEBAQJAwYFCwUFBQYUAR4FCgUFBAEEAQQFHA0EAQQFAwIBAgIDBAgEAjQBSzs5gFkeFRVtQD5xGhUnASI9SUw/KAcaOE1RISUsMhIjNgEPEQMDAQYZIkQI7QECAgUMBQkEAwYCAQEBAQECAgcCAgMCAgIBAgMDCAUJCAMFAgECAQIBAgICCQIBAQEnAQEDBQIEAQIPAwIBAgkMCQEJBAMDAQMDAQMLBwcJCQQDBAQBAQQDDAMEBgMDAgMDAwMDAwIDAwIDAgMCAwIDBAMWAwMICQkHAwQ8AQEDAwQNBQsCAwMDAwMDAgMDCiMDBwMHBA4LAwcDCAMDAgEBAwIECAkEAgQJBAQEBAQFAwEDAQMEAQMQBAMBAwgDAQoBAwMBAwMBAwMBBgQJAQMCAwMCqwEEBAMECAQECQUECQ0EGwUNCQQECQQBBCIEBQEEBAMDAgECAgMECAkFBBIECwQHBAQHBAgEHgQIBAcEBAcEBAkEBAQDBAF3AQIDAwgHBAcEGgMLCwcGBAMHFA8DBwEIBQQFCAMDAgICAgcBAxUBAwsBBxAEBAwEBAQEBAQJBCYFBQgEBAMEoQICAwMECQkJBgEMAQYMBgUDAwIBBAEEAQIFBAICAQEBBAEBAQYBAQECAQECAwcFBAUECAMDCQIBBgMQAwYDAgMCAwIDAgMGAgMDAwMDBwNNAQIBAwYMAwMFAwIBAQEEAwMECQUECAMDAgEBAQECCQICAgECAQIBAQECAgIBAQEEAQEBBQQDBQQFCAgDAgECzgEBAQEHAgIEAwQEBAkEBQYDAgkCAQEBAQEBAgUBAgMDCAQFBAkDAwMHAQEBAVMBAgIEBwkJCgEJBwYHAwQDBAMEBwgHFAQNBAQgAwMCAgICAwMICQUGBQUEAQQBBAUcDQQBCAQBBAQECAEDAQMBAwQIAwEDBAMBBgQHAgoBBAQBAwQDAQMMAwEDAQMBCAQEBAEEBAQBBA0XBQUEAQQBCQUKBQwEBQQEAwQBAgUHDB4IBAkEFAcIBwQDBAMEAwcGBAMHBQQECQQEAwT+xQEECAQEBAQeBQoFBQUFCQUnBQQFCQoEMgQFBAgEBgICBggKBRkBBAEUBgUFBQsGJgUGBQsGCwYWBgkIAwMEEAEBBggICQYRBQYFBgsFIQYLBQUKBg8BBAEZBQoBBAYCAQEDAgQICQgBKQQFBQQFBQkFIgUJBQUFBQoFFwUEBwIC/rIBAwYECQUEBAQCBQMECQEGCQMCAQIDAgECAwQDCgIIAQIBAgIDAQIDAwgFBAkEAwMDBAIBAgECAQIBEBAGAgMFCQMKAwMBAgICDwIDBQYMFAECAQIBAgECBgIGCQQFBAQEAwMCAQEBAgICAQIBCAwDBAMCAQIDAgECEgEJBAMFBAQEBQkEAwMEAAYAAP+VA74DJAAbADEASQBgAG0AegAAASYHBgcGBwYWFxYXHgE3PgI3NicuAScmJyMmBzYXFhcWFxYGBw4BJicuAjc2Nz4BFyYHBgcGBwYXFhcWFxY2Nz4CJyYnLgEHNhcWFxYHFgYHBgcGJicmJyY2NzY3NhcUFSMVMxUzNTM1IzUHMjMVMxUjFSM1IzUzAfNsZWFBQgsMNzw9U0+3VliETwYGHhx3T1BXAxUQY11ZOjwICT0+QKa0TVBkIBUXOTiiX1tVUTI1AQQkJEFEUk2eP0FFBB4gPDB8QlBKRyssAQFIPkBLR4wzNhQVFCcnPUoYn596n59hJSSfn0mgoAMiAjY1Wl1sXLZJSigoCxwdd6RZW1NThigpBQIxAzEwU1ZjWKxAQzsQKyyPs1VZQkROKwMwL09SW1NQTjY4EBAlMDKMoklMMiswMAIsKkZKUEuLLC8HCTEzNUVCkDs9IitdTk58nJx8nBidSp2dSgAABwAA/5UDvgMkABsAMQBJAGAAaQBtAHMAAAEmBwYHBgcGFhcWFx4BNz4CNzYnLgEnJicjJgc2FxYXFhcWBgcOASYnLgI3Njc+ARcmBwYHBgcGFxYXFhcWNjc+AicmJy4BBzYXFhcWBxYGBwYHBiYnJicmNjc2NzYXBg8BFzUXEQcnFBUnJRQVJyYnAfNsZWFBQgsMNzw9U0+3VliETwYGHhx3T1BXAxUQY11ZOjwICT0+QKa0TVBkIBUXOTiiX1tVUTI1AQQkJEFEUk2eP0FFBB4gPDB8QlBKRyssAQFIPkBLR4wzNhQVFCcnPUpFNmwv0crKGI8BWSpDIgMiAjY1Wl1sXLZJSigoCxwdd6RZW1NThigpBQIxAzEwU1ZjWKxAQzsQKyyPs1VZQkROKwMwL09SW1NQTjY4EBAlMDKMoklMMiswMAIsKkZKUEuLLC8HCTEzNUVCkDs9IiujJk0hlI+PASiPYGRlZGVlZR4wFwADAAD/mgO4AyIAEAAUAEIAAAEiBwEGFBcBFjI3ATY0JwEmBwkCNyIPBB8CDwIfBD8CHwI/BC8CPwIvBA8CJzUnAfQPC/5hCgoBnwsfCgGfCwv+YQsPAYb+ev569AICBA8DAQEDiYkDAQEDDwQEBQSJiQQFBAQPAwEBA4mJAwEBAw8EBAUEiYkEAyIL/mEKHwv+YQoKAZ8LHwoBnws+/nr+egGGrQEDDwQEBQSJiQQFBAQPAwEBA4mJAwEBAw8EBAUEiYkEBQQEDwMBAQOJiQECAAAAAAMAAP+WA78DIgAbADIASwAAASIHBgcGBwYWFxYXHgE3Njc+ATc2Jy4BJyYnJgc2FxYXFhcWBgcGBwYmJy4BNjc2Nz4BBwYHFwYHFhc3FzY3JyYnNzY3JicGDwEmJwHrbGNgP0AKCzk9PlROtFNXQENQCAcdG3lRU1kND09IRyssAQNAOTxIRpA3OTIQJihAI1JHHTpwODYqLG5xOh4mMhklMRgqLBkwJRkyAyI3Nltda1y3R0onJgscHTs5oVhbU1WLKSoEAY4CKShFR09JiS4xDA4pMDGHlz5BIxUWbh46cTY4LCpucDodJjIZJTAZLCoYMSUZMgAACgAA/5IDwQMjABwANwBRAGoAbwBzAHcAewB/AIMAAAEiIyIHBgcGBwYWFxYXHgE3Njc+ATc2LgEnJicmBzIzNhcWFxYXFgYHBgcOAScmJyYnJjc2Nz4BFyIjIgcGBwYHBhYXFhcWNjc2Nz4BJyYnLgEHMjMyFxYXFhcWBgcGBwYuAScuATc2Nz4BBxURIREFMxEjExUzNQcVMzUHFTM1BxUzNQHzAQJjXltAQhYVHi4vSEiyWVxLSmgVFhteSElWODsFBVxWVDk6DxAqNDVKTLRTVTs9HRwJCi41uG4FBVRPSzI0CQs2ODpMSJ1FRi0wHhQVNjOOTwMDS0VDKywGCDc1OEVEj3YgIgIfITooY2QBLv7q/v4aysrKysrKygMiLi1OUGFWs01OMzUqDg8wLpFWV62bNjcUDjEBLStMTVtSqERGJyoKICFAP1dUWVtKV2krKypISVRPnTs8GxsNJSY/QKNPUjs6QzAnJkBBS0eLMjQSFBtVPkCWQkUrHyJ5DP6QAXwY/rQBJxkZShgYVRgYTRgYAAAAEAAA/6MDuAMiAAsAFwBaALIBCAFLAaAB/QJIAooCzgMRA2gDtQQBBEsAAAEVIxUzFTM1MzUjNQczFTMVIxUjNSM1MxMxIwcjByMVIwcjDwcVHwQzNzM3MzczNzM3MxczFzMXMxczFzM/BTUvBSMnIzUjJyMnFyMPBR8ZPwQ1LwMjJzUnNScjLwEjLwE1JyMnNS8BIy8BNSc1JyM1JyMnIy8BNS8BIyc1JyMvAQUjDwIVByMPARUPAhUHFQcVDwEjDwEVDwIVDwEjDwEjDwEVBxUPASMPAhUfBTM/GTUvBCExIxUjDwMVHwQzNzM3MxczFzMXMxczFzMfBjM/BTUvAiMvCSMnIycjJyM1ByMPAiMPARUHIw8BIwcVByMHIwcjBxUPAyMVDwEVDwIjDwEfBTM/HTM/Ay8DBQ8FHxYVHwQzPwQ1JzUvCDUnNS8EIycjJzUvASMnNSc1LwE1Iy8BNScjJzUvAjUvAwUjDwUVIxUHFQcVIxUHFRcVMxUXFRcVFxUfCTM/BDUvAjUnNSc1JzUnNSc1NzU3NTc1NzU3NS8EBSMPAxUHFxUHFQcVBxUHFQ8IFR8DMz8GNTc1Pwc1NzUzNTc1NzUnNS8DBSMPAxUXFRcVFxUXFR8HFRcVHwIzFR8DMz8ENS8LNSc1JzUnNSc1LwQFIw8FFQcVDw8VHwU/AjU/ATU3Mzc1PwIzPwo1Ny8EBQ8FHwIVFxUXMxczHwIzHwEzFRcVFxUXMx8BMxczFxUXFR8BFR8CFR8CMz8FNS8cBSMPCCMHIwcjByMHIwcjDwQVHwUzNzM3MzczNzM/CzM3Mz8BNT8BNTc1PwQ1LwQFDwUVHwUzHwEVFzMXMx8BFR8BMxcVHwQzFzMfBjM/BTUvFiEjDxcVHwYzPwgzPwQ1NzM3Mzc1PwE1PwEzPwQ1LwQBrn19jH19dV59fV59fS8LBgsFDAUFBiYGCggEAgMBAQIGBAkEKwUJBQUFBQoFHgUKBQUFBQoEGAkFBAMEBAEBBAMEByYFBgULBgsG9AUEBQMEBAICCAIMBwgHBAMEAwQDBwYHDwIJAgMRBAMECQkEBAMEAQIDAgECAwIBAhIBCQQGAQMEAwEDCAQDAQMBAwEIBAQEAQQIAQQK/fEFBAgFBAEEBAQMBAQECAMBAwQDBAMECQEPAgECAwMFAgEEAwMBAgMDCAQJBQcFBRAGAgYCDwcGBwMEAwQDBAcIBAQHAgECAgMECAEEEg0KBQcGAgIDCAgEAQgEJgQIAwQEBAcECAMaAwgHBwMJBQQEBAMEAQQDBwEDBQQEBAQECQQmBAkFBAQFDa0ECAYHAQMIAwEVAwEDAwEJAQwBCQkDAwIBAgMDCAQBBAICAgMDCAQFBAkDCAMCBAMCAwIDAgMCAwMDAgMDAwMDAwMDBgMjAgMEBAICBQQIAYQFCAQDAwMBBgMDAgMCAwIDAgMHFgEEAQQBBgMCAgQEAwQFCQQEBAMEAQICAgECAQIBAgICAQEBCAEBAQICBAECBwMCAQIDAgECBgMJAwMDBP3DBQQIAwMCAgECAQEBAQEBAgEIAgEBAQMDBAQEBQkEAwMEAQIFAwIBAQEBAQECAQECAwMJAu4FBAgGAgEBAQEBAggCAQICBAEWAQEEAwwFCQQGBQQDCgIIAQIBAgICBwEBAQEBBAMECPynBQgIBAIBAQECBgICAgEEAQYCCgMEAQMGBAUJBAQEAwQCARIBAgECAQICAgcCAQEBAQIHAwUC8AQFBAQDBAICBwIDBQIEAQIDDAoDBAIEAQEEAwQECQgFBwMPAgEGBQgBAQEGAQIBAgECAgIJAQICAwQI/a0ECAQDAgICBQYMBgEMAQYHAwEDAwEHBwMBBwcBAwEDBAgEBAwEBAQECQQEBAUCAQEEBAMVAwQKBxkDCgIDAwMDAwMDAgYDAgMCAwIIAZwFBAQBBwocCwcSBAsEBwQEBwQIBBAIBAMCAgEEBAMEBQwFDQQFBAUIBSYECQQEBAQEBAEEAwEDAQMEBAgECQQCAgECBgMEBf5EBAUEBgICAQIDAwUEAQQNCQENAQQFBQQBBAUFCgUZAQQBFAYFBQULCgkFBAQDBAECAwMEBxMFBAUFBAUFBCUeCAQECQwDDQISBQQFAwEUBAQJCBYsBQUEBQUFBAUbBAYEAQECAwMEBAQJAwYFCwUFBQYUAR4FCgUFBAEEAQQFHA0EAQQFAwIBAgIDBAgCIX2MfX2MfRd9Xn1+XQGVAQEBAQcCAgQDBAQECQQFBgMCCQIBAQEBAQECBQECAwMIBAUECQMDAwcBAQEBUwECAgQHCQkKAQkHBgcDBAMEAwQHCAcUBA0EBCADAwICAgIDAwgJBQYFBQQBBAEEBRwNBAEIBAEEBAQIAQMBAwEDBAgDAQMEAwEGBAcIAQQEAQMEAwEDDAMBAwEDAQgEBAQBBAQEAQQNFwUFBAEEAQkFCgUMBAUEBAMEAQIFBwweCAQJBBQHCAcEAwQDBAMHBgQDBwUEBAkEBAMEAQICBQwFCQQDBgIBAQEBAQICBwICAwICAgECAwMIBQkIAwUCAQIBAgECAgIJAgEBAScCAwUCBAECDwMCAQIJDAkBCQQDAwEDAwEDCwcHCQkEAwQEAQEEAwwDBAYDAwIDAwMDAwMCAwMCAwIDAgMCAwQDFgMDCAkJBwMEOwECAwMEDQULAgMDAwMDAwIDAwojAwcDBwQOCwMHAwgDAwIBAQMCBAgJBAIECQQEBAQEBQMBAwEDBAEDEAQDAQMIAwEKAQMDAQMDAQMDAQYECQEDAgMDqQEEBAMECAQECQUECQ0EGwUNCQQECQQBBCIEBQEEBAMDAgECAgMECAkFBBIECwQHBAQHBAgEHgQIBAcEBAcEBAkEBAQDBC0BBAgEBAQEHgUKBQUFBQkFJwUEBQkKBDIEBQQIBAYCAgYICgUZAQQBFAYFBQULBiYFBgULBgsGFgYJCAMDBBACBggICQYRBQYFBgsFIQYLBQUKBg8BBAEZBQoBBAYCAQEDAgQICQgBKQQFBQQFBQkFIgUJBQUFBQoFFwUEBwICOQECAwMIBwQHBBoDCwsHBgQDBxQPAwcBCAUEBQgDAwICAgIHAQMVAQMLAQcQBAQMBAQEBAQECQQmBQUIBAQDBKABBAMDBAkJCQYBDAEGDAYFAwMCAQQBBAECBQQCAgEBAQQBAQEGAQEBAgEBAgMHBQQFBAgDAwkCAQYDEAMGAwIDAgMCAwIDBgIDAwMDAwdKAQIBAwYMAwMFAwIBAQEEAwMECQUECAMDAgEBAQECCQICAgECAQIBAQECAgIBAQEEAQEBBQQDBQQFCAgDAgEnAQEDBgQJBQQEBAIFAwQJAQYJAwIBAgMCAQIDBAMKAggBAgECAgMBAgMDCAUECQQDAwMEAgECAQIBAgEQEAYCAwUJAwoBAgICDwIDBQYMFAECAQIBAgECBgIGCQQFBAQEAwMCAQEBAgICAQIBCAwDBAMCAQIDAgECEgEJBAMFBAQEBQkEAwMEAAAAAAgAAP+aA7gDIgAUACkALgAyADYAOgA+AEIAAAEiBwYHBhQXFhcWMjc2NzY0JyYnJgcyFxYXFhQHBgcGIicmJyY0NzY3NgcVESERBTMRIxMVMzUHFTM1BxUzNQcVMzUB9HpqZjw+PjxmavRqZjw+PjxmanpuXls1Nzc1W17cXls1Nzc1W14pAS7+6v7+GsrKysrKysoDIj48Zmr0amY8Pj48Zmr0amY8PjE3NVte3F5bNTc3NVte3F5bNTfVDP6QAXwY/rQBJxkZShgYVRgYTRgYAAAACgAA/6IDuAMgAA8AHwAxAGwA1QFeAbsCAgJMArgAAAEmBgcGHgI3PgE3NiYnJgc2HgIOAy4CNjc+ARcGDwEOARYXFj4BOwE1IzY3JgMrAQcjByMHFQ8FFR8FMz8DMzczNzM3MxczFzMXMx8BMz8DNS8EIzUjJyMnFw8GFR8KMx8GFR8CMx8NMz8ENS8BNScjLwYjLwE1Iy8LIy8BIy8HIzUnNS8EIwUPASMPBBUPBBUHIwcVDwMjFQcVByMVDwQVByMPARUPAhUPAiMPAxUPAxUHFQ8KFQcVHwQ/BDM/BDU/JjUvAwEPBRUXFQcVBxUHFQcVBxUHFQcVBxUHFQcVBxUPBxUfBD8FMz8BMz8BNT8BMzczNzU3NTM1NzU3NTc1NzU3NTc1NzU3NSc1LwQFDwUVFxUXFRczHwUzHwEVFxUXFRcVMxcVFxUfBD8ENS8NNSc1JzUnNS8DAQ8XHwQ/BDM/AzM3MzczNzM3Mzc1NzM3NTczPwIzNzM1PwM1LwQFDwUVHwMVHwEzHwIzHwIVHwEzHwEVHwEzFzMXMxczHwIzFzMXFTMfBzMXFRczFTMXMz8ENS8EIycjJyMnIy8KIy8EIy8FIwH0QG8XGRhWfjo9UQEERDkrMiZIMxMOK0FQSzgaCRYYUGMJFB0JCQQIBAkNBFlZEiYOOwcNBg0NBycNDgQDAwQBAgMDCQQFBgwGFwYLBgYGBikGBgYGBgUfBAUMAwMCAgYDCicGBwYNB+kFBAQDAwECAgIGAgIDBgUEAwgBDgIIAgYCBAECAgECAwIDBQQDBAMKBQYDCQQJBAQDBAIEBgEEAwIDAgMCAQIIAQUDBAIEAgIFAgcCAgECCQECAgMHAwIDAgECAwIGAgoF/fMFBwECAwIDAgMCAwIDBAECAgMCBAEEBAECAgICAgIBAgICBAICBAEBAQIDAgIKAQICAgEEAQIBAgECAQICAQQEAw4ECAQDAQECAwECAgIBAgECAQIBAgIDAgECCAIBAgICAQQCBAEGAgoCBgMKAwYDBQMCAQQGCAUCsgQFAwYCAQEBAQEBAQECAQMFAwUDBAMCBgMBAgMGBAkJBAQDAgEBAwIBAgMDAgEFAQwDAQIBAQEBAQEBAQQDBAQI/KYEBQMEBAEBAwIBAwIBBAEKAQQDAgMCAQIDAQIEBwkJBAQDBAIEAgMCBwQBBgECAQIIAQEBAQUICAKxBAQJBAUKBA8FBQsPBgULBSEGCxAIBAUCAgQDBA0JBgYUBQESBgcFAQUBBQEFARwBCwUBBQUBBQsPAQQBAwMCAQQDBAQI/d4EBAQDAgIBAgMEDQIBAgMCAQIDAwsCAQgDAwUBAgECAQIBAgMDAQIBAgECBAMGAw0DHQIDDQQDDQkFCAUCAQQDBAQDBAgDFAIRAwkFEQIGBQMFBQUCAQ8CBQICAQQDBBEEBAUCNAFLOzmAWR4VFW1APnEaFScBIj1JTD8oBxo4TVEhJSwyEiM2AQ8RAwMBBhkiRAgBSAECBgECBAIDBAgJBQQEAwQBAgICBAIBAQEBAQUBBgQDCQUICAIEBgEBAU8BAQMDBAQEBQkEBgECAQYDBAIIDgMIAwYDBAECAgMEAwQDBwcDCAMSCggCBAICAwMICgcHAQwIBAQEBAQEBAsBBwMGAgYCAwUDBwMCAwkDAgIHAgICAgEBAQICBAIFDAEEAgICAgIBAgICAgIBBAIBAgIDBAEEAQQBAgMCAwIBAgMCAQIGAgECBgMDAgUCAQIPAwIBAgECAwYDAwMDAwMDAwEECQUIAwMDAQQDAwQGBQMCBQECAwIDAgMCAwMCBQIDAgwCAwIDAgMEAwQDBgMKAwYCCgEGAgUEBAQJCQYEAf7GAQICCAQEBAQzAwkDBgIGAwMDAwMDBgIDAwkCDgMIAQ0FCwUGCgcEBQkEBgICAgIDAwMDBgYGBQEFBw8mAwoDAwcDAwQDAwQDAwQDBwMOAywFCQgEAgMCEwECAwMIBBsGBxMHDRMGBw0GHw0FAQUBBQEFAQUBBQEBBAQEAgICAwMJCQgGBgUGEAsGEQUGBgUvBgUGBgwGBwUHBgL+sgECBgQEBgQJBAMFCQIDBAMMAQQDBAMHCQkIAwMDAgIBBgIGAwIDAgMDDwYBAwMBAwQHDAQBAwQEBAkIBAMCAgIBAwIEBAkEBQQEAwEKAgICAgICAQEHAgUBAQEDAgIBAgECAQEBAQECAgIEAgkBAQQBBAEEBwUECQgEAgMBAwcGAwMGAgIDAQMCAwIJAgMCAQQBBA0BAgAAAwAAAAADIAJYAAMABwALAAATFSE1BRUhNQUVITXIAlj9qAJY/agCWAJYZGTIZGTIZGQAAAUAAP/TA9QC6QAcAFYAdgCKAJ4AAAEiBgc5ARQXFhcGBwYPARUhNScmJyYnNjU5ATQmBzIzFxYXFh8BFhcWMzEyPwEWFRQHBgcXFhcWFRYVFA8BDgEiJi8BJjU0NzQ3Nj8BJy4BNTQ3MjczNgcwMQYXFhceATI2NzY3NicwMRYXFSM1IxUjNSMVIzU2EyIOARURFB4BMyEyPgE1ETQuASMFITIeARURFA4BIyEiLgE1ETQ+AQFIJTIBCgYJIhceDwEBTAEPHhchFzFJAgIEDwkGBgIFAwYKDAoEBgUGEgIGCgIBAQEJHiQeCQEBAQIKBQIECg4IAwECCSICAQIGDCYqJgwGAgECMhIwFJwVLxMONVk1NVk1Ajo1WjQ0WjX9xgI6JT4kJD4l/cYlPiQkPgJjMSMSFg4LDA8UHAKFhQIcFA8MFyojMS8BAQICBAEEAQIFAwwPFg0PCxIBBAYGBAkCAgEKCgoKAQICCQQGBgQBFAMIIg4REAEDggwGDAUNDQ0NBQwGDBYgbExMTExsIgFLNFk1/m41WTQ0WTUBkjVZNDwkPSX+biU9JCQ9JQGSJT0kAAAFAAAAAAOPApMAAwAHAAsADwATAAATESERBTMVIzchFSEHMxUjNyEVIVkDNvztn5/CAi790sKfn8ICLv3SApP9lwJp0a2trSOlpaUAAwAAAAADUgK8AAQACAAUAAATFREhEQUhESEBFSMVMxUzNTM1IzWWArz9cAJk/ZwBBZubWpubArwZ/V0CvCz9nAH6m1qbm1qbAAAAAAQAAP+WA70DIgAXADMAPwBLAAABIg4DFhceAjc+ATc2NzYnLgEnJiMXMhcWFxYXFgYHBgcGBwYnJicmJyYnJjc+AhcHFSMVMxUzNTM1IzUHMxUzFSMVIzUjNTMB8Felf0QBQD07obBRVIYnKQMGHh52Tl5rCFVQTjk6FhcXKyxERlpYVlhDQycmAwMjHnKUT0Z9fYx9fXVefX1efX0DIkZ9obOmPj9JCR4delFTWFdVU4cmLzEnJkJEUk+nSEovNBAPFhY5NVFPV1pOSXA+AdB9jH19jH0XfV59fl0AAAAABAAA/5YDvQMjABYAMQA7AEQAAAEmDgMWFx4CNz4BNzY3NicuAScmBzYXFhcWFxYGBwYHBgcGJyYnJicmJyY3PgIXBg8BJwM3NjcXAxYXFhc3BycHAfRYpoFEAUA9O6GwUVSGJykDBh4edk5ea1ZSUDo7FxcXKyxERlpYVlhDQycmAwMjHnKU/BEiM4B0F0gjhokHDkMiHh18MgMiAUZ+obOmPj9JCR4delFTWFdVU4cmLzEBJiVDRFRPp0hKLzQQDxYWOTZQT1daTklwPtMjRWmm/qoeWy6aAQYJElUqQ3SRTQAABgAA/5UDvgMkABsAMQBJAGAAZABpAAABJgcGBwYHBhYXFhceATc+Ajc2Jy4BJyYnIyYHNhcWFxYXFgYHDgEmJy4CNzY3PgEXJgcGBwYHBhcWFxYXFjY3PgInJicuAQc2FxYXFgcWBgcGBwYmJyYnJjY3Njc2FwYHIQMWFyE2AfNsZWFBQgsMNzw9U0+3VliETwYGHhx3T1BXAxUQY11ZOjwICT0+QKa0TVBkIBUXOTiiX1tVUTI1AQQkJEFEUk2eP0FFBB4gPDB8QlBKRyssAQFIPkBLR4wzNhQVFCcnPUpVYGABgMBkM/7SMwMiAjY1Wl1sXLZJSigoCxwdd6RZW1NThigpBQIxAzEwU1ZjWKxAQzsQKyyPs1VZQkROKwMwL09SW1NQTjY4EBAlMDKMoklMMiswMAIsKkZKUEuLLC8HCTEzNUVCkDs9IitjrK0BJrRaWgAAAAAGAAD/lQO+AyQAGwAxAEkAYABqAHUAAAEmBwYHBgcGFhcWFx4BNz4CNzYnLgEnJicjJgc2FxYXFhcWBgcOASYnLgI3Njc+ARcmBwYHBgcGFxYXFhcWNjc+AicmJy4BBzYXFhcWBxYGBwYHBiYnJicmNjc2NzYFBg8BJwM3NjcXAxYXFhc3BycHBgcB82xlYUFCCww3PD1TT7dWWIRPBgYeHHdPUFcDFRBjXVk6PAgJPT5AprRNUGQgFRc5OKJfW1VRMjUBBCQkQURSTZ4/QUUEHiA8MHxCUEpHKywBAUg+QEtHjDM2FBUUJyc9SgECESIzgHQXSCOGiQcOQyIeHXwOGQsDIgI2NVpdbFy2SUooKAscHXekWVtTU4YoKQUCMQMxMFNWY1isQEM7ECssj7NVWUJETisDMC9PUltTUE42OBAQJTAyjKJJTDIrMDACLCpGSlBLiywvBwkxMzVFQpA7PSIrdiNFaab+qh5bLpoBBgkSVSpDdJEWJBMAAAMAAP+WA78DIgAbADIAOwAAASIHBgcGBwYWFxYXHgE3Njc+ATc2Jy4BJyYnJgc2FxYXFhcWBgcGBwYmJy4BNjc2Nz4BFwYPARc1FxEHAetsY2A/QAoLOT0+VE60U1dAQ1AIBx0beVFTWQ0PT0hHKywBA0A5PEhGkDc5MhAmKEAjUhk2bC/RysoDIjc2W11rXLdHSicmCxwdOzmhWFtTVYspKgQBjgIpKEVHT0mJLjEMDikwMYeXPkEjFRaiJk0hlI+PASiPAAAABAAA//ADqwLMABMAKwAvADwAABMiDgEVERQeATMhMj4BNRE0LgEjBSEyHgEVERQOASsBESERIyIuATURND4BEyERITcdASMVMxUzNTM1IzXYKkcqKkcqAjkqRykpRyr9xwI5HTEcHDEddP6ucx0xHBwxrwEU/uxzTU0uTU0CzClHKv5YKkcpKUcqAagqRykwHDEd/lgdMRwBNP7MHDEdAagdMRz+mf7s7Rc2Lk1NLk0AAAAABAAA//ADqwLMABMAKwAvADMAABMiDgEVERQeATMhMj4BNRE0LgEjBSEyHgEVERQOASsBESERIyIuATURND4BEyERITcVMzXXKkcpKUcqAjoqRykpRyr9xgI6HTEcHDEddP6udB0wHBwwsAEU/uwlywLMKUcq/lgqRykpRyoBqCpHKTAcMR3+WB0xHAE0/swcMR0BqB0xHP6Z/uunLy8AAAIAAP/wA6sCzAATACcAABMiDgEVERQeATMhMj4BNRE0LgEjBSEyHgEVERQOASMhIi4BNRE0PgHXKkcpKUcqAjoqRykpRyr9xgI6HTEcHDEd/cYdMBwcMALMKUcq/lgqRykpRyoBqCpHKTAcMR3+WB0xHBwxHQGoHTEcAAADAAD/lgO/AyIAGwAyADwAAAEiBwYHBgcGFhcWFx4BNzY3PgE3NicuAScmJyYHNhcWFxYXFgYHBgcGJicuATY3Njc+ARcGDwEnAzc2NxcB62xjYD9ACgs5PT5UTrRTV0BDUAgHHRt5UVNZDQ9PSEcrLAEDQDk8SEaQNzkyECYoQCNS1hEiM4B0F0gjhgMiNzZbXWtct0dKJyYLHB07OaFYW1NViykqBAGOAikoRUdPSYkuMQwOKTAxh5c+QSMVFnUjRWmm/qoeWy6aAAAGAAD/lQO+AyQAGwAxAEkAYABrAHkAAAEmBwYHBgcGFhcWFx4BNz4CNzYnLgEnJicjJgc2FxYXFhcWBgcOASYnLgI3Njc+ARcmBwYHBgcGFxYXFhcWNjc+AicmJy4BBzYXFhcWBxYGBwYHBiYnJicmNjc2NzYXBgIHNjc2NxcmLwEWHwEnBgcGBwY3Njc2AfNsZWFBQgsMNzw9U0+3VliETwYGHhx3T1BXAxUQY11ZOjwICT0+QKa0TVBkIBUXOTiiX1tVUTI1AQQkJEFEUk2eP0FFBB4gPDB8QlBKRyssAQFIPkBLR4wzNhQVFCcnPUpVGE0XFyonFH0ZMTIMFiJECBkSBgoBCxQWAyICNjVaXWxctklKKCgLHB13pFlbU1OGKCkFAjEDMTBTVmNYrEBDOxArLI+zVVlCRE4rAzAvT1JbU1BONjgQECUwMoyiSUwyKzAwAiwqRkpQS4ssLwcJMTM1RUKQOz0iK29C/vNBFzArFYdOnlEkSW5KBx0UBwsGIUNMAAAAAAcAAP+SA8EDIwAcADcAUQBqAHsAjACeAAABIiMiBwYHBgcGFhcWFx4BNzY3PgE3Ni4BJyYnJgcyMzYXFhcWFxYGBwYHDgEnJicmJyY3Njc+ARciIyIHBgcGBwYWFxYXFjY3Njc+AScmJy4BBzIzMhcWFxYXFgYHBgcGLgEnLgE3Njc+ARciBgcGHgI3PgE3NiYnJiMXMh4CDgMuAjY3PgEfAQYPAQ4BFhcWPgE7ATUjNjcmAfMBAmNeW0BCFhUeLi9ISLJZXEtKaBUWG15ISVY4OwUFXFZUOToPECo0NUpMtFNVOz0dHAkKLjW4bgUFVE9LMjQJCzY4OkxInUVGLTAeFBU2M45PAwNLRUMrLAYINzU4RUSPdiAiAh8hOihjLz9sFxkYVn46PVEBBEQ5KzIEJUYyEw4rQVBLOBoJFhhQLDcJFB0JCQQIBAkNBFlZEiYOAyIuLU5QYVazTU4zNSoODzAukVZXrZs2NxQOMQEtK0xNW1KoREYnKgogIUA/V1RZW0pXaSsrKkhJVE+dOzwbGw0lJj9Ao09SOzpDMCcmQEFLR4syNBIUG1U+QJZCRSsfImFKOzmAWR4VFW1APnEaFScjPEhMPygHGjhNUSElLAExEiM2AQ8RAwMBBhkiRAgAAAAEAAD/lgO9AyMAFgAxADwASgAAASYOAxYXHgI3PgE3Njc2Jy4BJyYHNhcWFxYXFgYHBgcGBwYnJicmJyYnJjc+AhcGAgc2NzY3FyYvARYfAScGBwYHBjc2NzYB9FimgUQBQD07obBRVIYnKQMGHh52Tl5rVlJQOjsXFxcrLERGWlhWWENDJyYDAyMecpRPGE0XFyonFH0ZMTIMFiJECBkSBgoBCxQWAyIBRn6hs6Y+P0kJHh16UVNYV1VThyYvMQEmJUNEVE+nSEovNBAPFhY5NlBPV1pOSXA+zEL+80EXMCsVh06eUSRJbkoHHRQHCwYhQ0wABAAA/5YDvQMjABYAMQA1ADoAAAEmDgMWFx4CNz4BNzY3NicuAScmBzYXFhcWFxYGBwYHBgcGJyYnJicmJyY3PgIXBgchAxYXITYB9FimgUQBQD07obBRVIYnKQMGHh52Tl5rVlJQOjsXFxcrLERGWlhWWENDJyYDAyMecpRPYGABgMBkM/7SMwMiAUZ+obOmPj9JCR4delFTWFdVU4cmLzEBJiVDRFRPp0hKLzQQDxYWOTZQT1daTklwPsCsrQEmtFpaAAcAAP/TA9QC6QATACcAKwAzADcAOwA/AAATIg4BFREUHgEzITI+ATURNC4BIwUhMh4BFREUDgEjISIuATURND4BFxEhEQUhFSE1IxUjFTMVIzchFSEDFSE11zVZNTVZNQI6NVo0NFo1/cYCOiU+JCQ+Jf3GJT4kJD4BAfr+GwHP/qkWYmJieAFX/ql2Ac0C6TRZNf5uNVk0NFk1AZI1WTQ8JD0l/m4lPSQkPSUBkiU9JEj+hAF8g2hnZxVmZmYBTmxsAAACAAAAAAN9ApMASgCzAAABIgc5AQYHOQEGBzkBBgcGHQEUFzAxFhcWMxY3OQEyNjU0JzMyNzY3MTYnPgE0Jy4BKwE2NTkBNCcuASMFNzY/ATY3PgEnLgEvATEHMDIVMhc5ARYGBzkBBg8BDgEVFBcxHgEXFjsBFjczMhYXFhQHBisBFSEyFhcWFTEUBiMhFSEyFhcWBzkBDgEjIRUzMhYXFhU5ARQHDgEjBic5ASInJic1Jj0BNDc2NzY3MTY3MTYzNDMBzA0SPbgvEwgCAQgQLShB3NsaHQUQGg4NBgYMGxsOCBgOFQYPCBgO/sMFBgQOEwYPBA0GEgoFAQEFBQUCBwgdDBYKAgIFBwMCDEuWcQYIBAgHBA/yAT4GCAQHCg/+wgEPBwkECAMDCwv+8c0FBgMGBgIGBtvbOR4hDQcBAgYRJMMxBwQBApMKKIAgPxggEyQNMSJBHhoBASMcDxEOCxgeFwMhOxQKDQ4RHRMLDAEFBwMOFQcTLhIKDAIBIwEIBxoJCh0MFQ0GAwYFBgEBAQEEBQwfCQYjBAUKEhMMIwYGDRUMCSMDBAgRDwgDAgEBFBY0AR4sCiQSHRUzGYcgBAEAAAMAAAAAA4oCagADAAYACwAAExEhEQUhBSUFJREhXwMr/SgChP6+/o4BcgFz/RsCav3pAhcj1Mr09P45AAIAAP/TA9QC6QATACMAABMiDgEVERQeATMhMj4BNRE0LgEjBSEyFhURFAYjISImNRE0Nuc5YTk5YTkCGjlhOTlhOf3mAhorOjor/eYrOjoC6ThfOf6KOV84OF85AXY5XzhuOSn+iik5OSkBdik5AAAFAAD/mgO4AyIAFAApADoASwBdAAABIgcGBwYUFxYXFjI3Njc2NCcmJyYHMhcWFxYUBwYHBiInJicmNDc2NzYXIgYHBh4CNz4BNzYmJyYjFzIeAg4DLgI2Nz4BHwEGDwEOARYXFj4BOwE1IzY3JgH0empmPD4+PGZq9GpmPD4+PGZqem5eWzU3NzVbXtxeWzU3NzVbXmo/bBcZGFZ+Oj1RAQREOSsyBCVGMhMOK0FQSzgaCRYYUCw3CRQdCQkECAQJDQRZWRImDgMiPjxmavRqZjw+PjxmavRqZjw+MTc1W17cXls1Nzc1W17cXls1N71KOzmAWR4VFW1APnEaFScjPEhMPygHGjhNUSElLAExEiM2AQ8RAwMBBhkiRAgAAAAFAAD/lgO9AyMAFgAxADYAQABGAAABJg4DFhceAjc+ATc2NzYnLgEnJgc2FxYXFhcWBgcGBwYHBicmJyYnJicmNz4CBxQVIREFMjMGBwYHBgcmNxQVITUXAfRYpoFEAUA9O6GwUVSGJykDBh4edk5ea1ZSUDo7FxcXKyxERlpYVlhDQycmAwMjHnKUfgGa/sFycg8gGA0VEEDj/sicAyIBRn6hs6Y+P0kJHh16UVNYV1VThyYvMQEmJUNEVE+nSEovNBAPFhY5NlBPV1pOSXA++JycATgxCRwWCQ8CNAVdXbp9AAAEAAD/lQO+AyMAGwAzAEoAYQAAASYHBgcGBwYWFxYXHgE3PgI3NicuAScmJyMmBzYXFhcWFxYGBwYHBiYnJicuATc2Nz4BFyIHBgcGFQYWFxYXFjY3PgInJicuAQcyFxYXFgcUBgcGBwYmJyYnJjY3Njc2AfBsZGE/QgsMNzw9U0+3VliETwYGHhx1Tk9WAxsFY1tYODoGCEFAQlRRsUxOMDMgFhY6OqdNW1JQMTICTEJFUkybPkBEBB8gPDKANVFJRykqA0k9QEpHjDM2FBUUJyg9TQMiATY1Wl1rXLZJSigoCxwdd6RZW1NShigpBgIxATMyVFdjWKtAQRscEyosR0ezVllCRk4uMjBQU1tTmzU3Dg8nMDGMoklMMiwvMS0rSEpRSocsLQcJMTM1RUKQOz4hLQAAAAAGAAD/lQO+AyQAGwAxAEkAYABoAHEAAAEmBwYHBgcGFhcWFx4BNz4CNzYnLgEnJicjJgc2FxYXFhcWBgcOASYnLgI3Njc+ARcmBwYHBgcGFxYXFhcWNjc+AicmJy4BBzYXFhcWBxYGBwYHBiYnJicmNjc2NzYXFBUjFTMVNycWHwEHNSM1MwHzbGVhQUILDDc8PVNPt1ZYhE8GBh4cd09QVwMVEGNdWTo8CAk9PkCmtE1QZCAVFzk4ol9bVVEyNQEEJCRBRFJNnj9BRQQeIDwwfEJQSkcrLAEBSD5AS0eMMzYUFRQnJz1Kh+LipYkRIjNm398DIgI2NVpdbFy2SUooKAscHXekWVtTU4YoKQUCMQMxMFNWY1isQEM7ECssj7NVWUJETisDMC9PUltTUE42OBAQJTAyjKJJTDIrMDACLCpGSlBLiywvBwkxMzVFQpA7PSIrdDIyvmTDehQoPXk2hQAAAAMAAP+WA78DIgAbADIAPQAAASIHBgcGBwYWFxYXHgE3Njc+ATc2Jy4BJyYnJgc2FxYXFhcWBgcGBwYmJy4BNjc2Nz4BFwYCBzY3NjcXJicB62xjYD9ACgs5PT5UTrRTV0BDUAgHHRt5UVNZDQ9PSEcrLAEDQDk8SEaQNzkyECYoQCNSKRhNFxcqJxR9GTEDIjc2W11rXLdHSicmCxwdOzmhWFtTVYspKgQBjgIpKEVHT0mJLjEMDikwMYeXPkEjFRZuQv7zQRcwKxWHTp4AAAAEAAD/agKiA1IAAwAUAB4AKQAAJSEVIQERMzI2PQE0Jz4BPQE0JyYjBzMyFh0BFAYrAQczMhcWHQEUBisBAqL+pAFc/qSwVVZRIyAmKFQ5OR8aICIwBTUlEBIcHUMpvwPo/TZUUjp7IhJGNxxQKCpkJCgmKSNuEhQwPiYhAAAAAAQAAP+aA7gDIgAQABQAagBvAAABIgcBBhQXARYyNwE2NCcBJgcJAiUxDwMVLwIPBB8CIw8DFR8DMw8CHwQ/AhUfAzM/AzUfAj8ELwIzPwI1LwIjPwIvBA8CNS8CBzA5ATAB9A8L/mEKCgGfCx8KAZ8LC/5hCw8Bhv56/noBfQQEAgFjAwQEBA0CAQECY4wEAwIBAQIDBIxjAgEBAg0EBAQDYwECBAQSBAQCAWMDBAQEDQIBAQJjjAQDAwMDBIxjAgEBAg0EBAQDYwECBIsDIgv+YQofC/5hCgoBnwsfCgGfCz7+ev56AYbGAQIDBIxjAgEBAg0EBAQDYwECBAQSBAQCAWMDBAQEDQIBAQJjjAQDAgEBAgMEjGMCAQECDQQEBARiAQIEGgQCAWMDBAQEDQIBAQJjjAQDAzAAAAAEAAD/mgO4AyIAEAAUABoAHwAAASIHAQYUFwEWMjcBNjQnASYHCQIlDwEXITcnFwcjJwH0Dwv+YQoKAZ8LHwoBnwsL/mELDwGG/nr+egGGB9BSAQpS17tI5kgDIgv+YQofC/5hCgoBnwsfCgGfCz7+ev56AYbgBZf9/X6H3NwAAAIAAP+aA7gDIgAPABMAABMGFBcBFjI3ATY0JwEmIgcJAzsKCgGfCx8KAZ8LC/5hCh8L/pQBhgGG/noBeAofC/5hCgoBnwsfCgGfCwv+RwGG/nr+egAAAAAEAAD/mgO4AyIAEAAUACEALgAAASIHAQYUFwEWMjcBNjQnASYHCQIlIg4BFB4BMj4BNC4BBzIeARQOASIuATQ+AQH0Dwv+YQoKAZ8LHwoBnwsL/mELDwGG/nr+egGGOWE4OGFyYTg4YTkzVjIyVmZWMjJWAyIL/mEKHwv+YQoKAZ8LHwoBnws+/nr+egGG0jhhcmE4OGFyYTgXMlZmVjIyVmZWMgAAAAADAAD/lgO/AyIAGwAyAEoAAAEiBwYHBgcGFhcWFx4BNzY3PgE3NicuAScmJyYHNhcWFxYXFgYHBgcGJicuATY3Njc+ARcmBw4BBwYXFhceATc2NzY3PgEnJicuAQHrbGNgP0AKCzk9PlROtFNXQENQCAcdG3lRU1kND09IRyssAQNAOTxIRpA3OTIQJihAI1IpNjIvQgkLEg4oJWk1OCwuGhkEFhYsHksDIjc2W11rXLdHSicmCxwdOzmhWFtTVYspKgQBjgIpKEVHT0mJLjEMDikwMYeXPkEjFRZRAhoZWTQ4MzQoJSUGByAdMi9vMDQgGBoAAwAA/5YDvwMiABsAMgA2AAABIgcGBwYHBhYXFhceATc2Nz4BNzYnLgEnJicmBzYXFhcWFxYGBwYHBiYnLgE2NzY3PgEXBgchAetsY2A/QAoLOT0+VE60U1dAQ1AIBx0beVFTWQ0PT0hHKywBA0A5PEhGkDc5MhAmKEAjUilgYAGAAyI3Nltda1y3R0onJgscHTs5oVhbU1WLKSoEAY4CKShFR09JiS4xDA4pMDGHlz5BIxUWYqytAAIAAP+SA8EDIwAaADEAAAEiBwYHBgcGHgEXHgE3Njc+ATc2Jy4BJyYnJgcyFxYXFhcWBgcOASYnJicuATc2Nz4BAfBkXltBQhUUIGBJR69YWklKaRYXDg1iSkxZNCdKREErLQcJMDM0hpA8PiImBx8gPCpmAyIvLVBRYlazmzIzKA4PLy2RVVhWWp42OBILjiUkPj9JRoszNSsUJyg9QJpFSCwgIQAAAAMAAP+WA78DIgAaAC8AOQAAASIHBgcGBwYWFxYXHgE3Njc+ATc2Jy4BJyYnBzYXFhcWFxYGBw4BJicuATY3Njc2FwYPARchNj8BJgHrbGNgP0AKCzk8PlRPtFNXQENQCAcdG3lRU1kcT0hHKywBA0A6O46QNzkyDycoQEhWJEdsUgEKFysQRwMiODZaXmtctkdKJyYLHBw7OqFYW1NViykqBI0CKShFR09JiS8wGikwMYeWP0EjK1YaNE79RIgxNAAAAAAEAAD/lgO/AyIAGwAyADcAPQAAASIHBgcGBwYWFxYXHgE3Njc+ATc2Jy4BJyYnJgc2FxYXFhcWBgcGBwYmJy4BNjc2Nz4BBxYXNjcFFBUhEQcB62xjYD9ACgs5PT5UTrRTV0BDUAgHHRt5UVNZDQ9PSEcrLAEDQDk8SEaQNzkyECYoQCNSflZVOHL+hQGayQMiNzZbXWtct0dKJyYLHB07OaFYW1NViykqBAGOAikoRUdPSYkuMQwOKTAxh5c+QSMVFppFRS5cIIyMARKjAAAAAwAA/5YDvwMiABsAMgA6AAABIgcGBwYHBhYXFhceATc2Nz4BNzYnLgEnJicmBzYXFhcWFxYGBwYHBiYnLgE2NzY3PgEXFBUjFTMVNwHrbGNgP0AKCzk9PlROtFNXQENQCAcdG3lRU1kND09IRyssAQNAOTxIRpA3OTIQJihAI1Jb4uKlAyI3Nltda1y3R0onJgscHTs5oVhbU1WLKSoEAY4CKShFR09JiS4xDA4pMDGHlz5BIxUWczIyvmTDAAAABwAA/5UDvgMkABsAMQBJAGAAZQBvAHUAAAEmBwYHBgcGFhcWFx4BNz4CNzYnLgEnJicjJgc2FxYXFhcWBgcOASYnLgI3Njc+ARcmBwYHBgcGFxYXFhcWNjc+AicmJy4BBzYXFhcWBxYGBwYHBiYnJicmNjc2NzYHFBUhEQUyMwYHBgcGByY3FBUhNRcB82xlYUFCCww3PD1TT7dWWIRPBgYeHHdPUFcDFRBjXVk6PAgJPT5AprRNUGQgFRc5OKJfW1VRMjUBBCQkQURSTZ4/QUUEHiA8MHxCUEpHKywBAUg+QEtHjDM2FBUUJyc9SngBmv7BcnIPIBgNFRBA4/7InAMiAjY1Wl1sXLZJSigoCxwdd6RZW1NThigpBQIxAzEwU1ZjWKxAQzsQKyyPs1VZQkROKwMwL09SW1NQTjY4EBAlMDKMoklMMiswMAIsKkZKUEuLLC8HCTEzNUVCkDs9IiubnJwBODEJHBYJDwI0BV1dun0ABQAA/5UDvgMkABsAMQBJAGAAaQAAASYHBgcGBwYWFxYXHgE3PgI3NicuAScmJyMmBzYXFhcWFxYGBw4BJicuAjc2Nz4BFyYHBgcGBwYXFhcWFxY2Nz4CJyYnLgEHNhcWFxYHFgYHBgcGJicmJyY2NzY3NhcGDwEXNRcRBwHzbGVhQUILDDc8PVNPt1ZYhE8GBh4cd09QVwMVEGNdWTo8CAk9PkCmtE1QZCAVFzk4ol9bVVEyNQEEJCRBRFJNnj9BRQQeIDwwfEJQSkcrLAEBSD5AS0eMMzYUFRQnJz1KRTZsL9HKygMiAjY1Wl1sXLZJSigoCxwdd6RZW1NThigpBQIxAzEwU1ZjWKxAQzsQKyyPs1VZQkROKwMwL09SW1NQTjY4EBAlMDKMoklMMiswMAIsKkZKUEuLLC8HCTEzNUVCkDs9IiujJk0hlI+PASiPAAAAAAQAAP+WA70DIwAWADEAOwBCAAABJg4DFhceAjc+ATc2NzYnLgEnJgc2FxYXFhcWBgcGBwYHBicmJyYnJicmNz4CFwYPARchNj8BJicWFwcjJzYB9FimgUQBQD07obBRVIYnKQMGHh52Tl5rVlJQOjsXFxcrLERGWlhWWENDJyYDAyMecpRPJEdsUgEKFysQR5B8P0jmSD8DIgFGfqGzpj4/SQkeHXpRU1hXVVOHJi8xASYlQ0RUT6dISi80EA8WFjk2UE9XWk5JcD60GjRO/USIMTRKWi3c3C0AAAAGAAAAAANFApUAKQBPAFMAVwBbAF8AAAEPAQYHBgcUFxYXMRYXFhcWBgcGDwEhNzM+AScmJyYvASYnJjU0NzY/AQUhBgcGFQYXFhcxFhcWFxYHBgcGByE2NzYnJicmLwEmJyY3NDc2FxUzNQcVMzUHFTM1BxUzNQF8BAJUKSYCGxAoJBAXAwEJDBtISgHKBQFNRQUEFw8jDSIQFB0kTUn+RAEaJxUnARsQKCQQFwMBBAQNGUX+5R8QIwUEGA8kDCIPFQEcIQrc5eV93b7lApUCATIwLi4oKBgpJRUeFQ0ZECMrKwMtVy0hIhQkDiIXHhkdISouKy4dGi4uKCgYKSUVHhUNDA4PISkXFiwsIiIUJQwjFh4ZHSEnIhUVcxYWdBUVcxYWAAAAAAQAAP/TA9QC6QATACcAawDIAAATIg4BFREUHgEzITI+ATURNC4BIwUhMh4BFREUDgEjISIuATURND4BFyIHOQEGDwEGBzkBBgcGHQExFBcwMR4BMxY3OQEyNjU0JzMyNjcwMTYnPgE3NjQmKwE2NTkBNCcuASsBNzY3PgEnJicHMDEyFzkBFgYHOQEGDwEGFzEWHwEzFjczMhcWFAcGIyInFRYzMhYVMRQHDgErARUzMhYHOQEOASsBFTMxMhYVOQEUBwYHITEmJyYnOQEmNTE0NzY3Nj8BNj8BNjPXNVk1NVk1Ajo1WjQ0WjX9xgI6JT4kJD4l/cYlPiQkPqoKCBdpGR0NBQEBBQs0KYmJEREDChARBAMHCA4ECBMTDgUKBBAIxgkUBQkCBwoMAwQDAwIEAhUZBAMCBwICMWRECQIFBQMIZjNDhQcJBAMEBcirBwsDAQcHq4IGBgMDBv7uIhMWBwUBAQQLFkFIDwIEAQLpNFk1/m41WTQ0WTUBkjVZNDwkPSX+biU9JCQ9JQGSJT0kKAYPSBEVJw8UDBcHHBgrKgICFhAKCREPFA4BCQYMJRwMDBILBgcJFAYMHQsOARYFBQ8GAxUZBgcHAQEBAQUFFwUGARYBDQsLCAMDFhAOBwcWBwwHBgMBAhATIBUaGQwUDiAQLDIKAQEAAAACAAAAAAOGAmAAAgAHAAATBSUFESERBWMBkQGR/N8DIv5uAmDj41T+QAHA4AAAAAAFAAAAAAMsAncAJgBOAIYAjwCYAAABFBUGBycHFwYHIxUzFhc1BzUzNzY/ASc3Fzc2PwE1MxUzJicmJzUHFQYHJwcXBgcjFTcWFwcXNxYXFTM1NjcXNyc2NzM1IyYnNycHJic3BzMHFxYfATcXBxcWHwEzFQ8BBg8BFwcnBwYPARUjNScmLwEHJzcnJi8BBzUzNzY/ASc3Fzc2PwEXIgYUFjI2NCYHMhYUBiImNDYBnRYWKEooDAY4OAgUMTEDBhEIIhkiDBogDiReBhYRDgYbEShKJwsGOTkHCyhLKRMZaRkTKUopDAY4OAgLJ0snFhYBRyQBDx4cCyIZIQgSBgMxMQMGEQgkGiMMGx8OIw8fGwskGiQIEgYDMjIDBhEIIxkjDBgiDhIgLy9ALy8gExkZJRoaAnccHAYMJ0ooExhqGR5bASQOHxoMIxkiCBAIAzAwBwkIBDdlNwgLKEsoFBdqARUXKEooDAY5OgYMKEsoFhZpGRInSicMBjcjMAMGEQgiGSIMGx4OIwEOHxoMIxokCBIGAzMyAwYSCCQZIwwbHw4BJA4eHAwiGSIIEAgDUC9BLi5BLyMaJRkZJRoAAAAABQAA/9MD1ALpABMAJwArAC4AMwAAEyIOARURFB4BMyEyPgE1ETQuASMFITIeARURFA4BIyEiLgE1ETQ+AQcRIREFIQcnFzcRIdc1WTU1WTUCOjVaNDRaNf3GAjolPiQkPiX9xiU+JCQ+AQIO/igBotHw8PH+HwLpNFk1/m41WTQ0WTUBkjVZNDwkPSX+biU9JCQ9JQGSJT0kU/6lAVsXiYOenv7ZAAAAAwAAAAADEQKdACAAWAB7AAABIgcOARU5ARQXFhcGBwYPARUhNScmJyYnNjU5ATQmJyYHMhcWFxYfARYXFhcxNj8BNjcWFRQHBgcfAhYVBg8BDgEiJi8BJic0PwMmJy4BJyY1ND8BNgcwFQYXFhcWFxYyNzY3Njc2NzYnNRYXFSM1IxUhNSMVIzU2AfArJCInEAsQOyg1GgICQgIZNCg6KCciJGgJBRoQDAkECAYKEBkOAgQCCgkMHgQcBAEBAQEQNzo3EAEBAQEEGwMEAwcQBg0PBgw0AwICCxYiIEggIhYHAwIBAwRWIFMj/vAjUyACnBUTRCYiJRoRFBojMQTn5wQwIxoUKUomRBMVUwEBBQQGAgYCAwEBCAICARQaJxYbEiAJFAgPBAQCEBISEAIEBA8IFAkiBAIFFw0fGh8ZAgXhAQwSFAsWDAsLDBYGCQYKDREBJjm7hISEhLs5AAAAAAIAAP+WA70DIgAXADMAAAEiDgMWFx4CNz4BNzY3NicuAScmIxcyFxYXFhcWBgcGBwYHBicmJyYnJicmNz4CFwHwV6V/RAFAPTuhsFFUhicpAwYeHnZOXmsIVVBOOToWFxcrLERGWlhWWENDJyYDAyMecpRPAyJGfaGzpj4/SQkeHXpRU1hXVVOHJi8xJyZCRFJPp0hKLzQQDxYWOTZQT1daTklwPgEAAAUAAP+VA74DJAAbADEASQBgAGsAAAEmBwYHBgcGFhcWFx4BNz4CNzYnLgEnJicjJgc2FxYXFhcWBgcOASYnLgI3Njc+ARcmBwYHBgcGFxYXFhcWNjc+AicmJy4BBzYXFhcWBxYGBwYHBiYnJicmNjc2NzYXBgIHNjc2NxcmJwHzbGVhQUILDDc8PVNPt1ZYhE8GBh4cd09QVwMVEGNdWTo8CAk9PkCmtE1QZCAVFzk4ol9bVVEyNQEEJCRBRFJNnj9BRQQeIDwwfEJQSkcrLAEBSD5AS0eMMzYUFRQnJz1KVRhNFxcqJxR9GTEDIgI2NVpdbFy2SUooKAscHXekWVtTU4YoKQUCMQMxMFNWY1isQEM7ECssj7NVWUJETisDMC9PUltTUE42OBAQJTAyjKJJTDIrMDACLCpGSlBLiywvBwkxMzVFQpA7PSIrb0L+80EXMCsVh06eAAAAAAYAAP+VA74DJAAbADEASQBgAGoAcQAAASYHBgcGBwYWFxYXHgE3PgI3NicuAScmJyMmBzYXFhcWFxYGBw4BJicuAjc2Nz4BFyYHBgcGBwYXFhcWFxY2Nz4CJyYnLgEHNhcWFxYHFgYHBgcGJicmJyY2NzY3NhcGDwEXITY/ASYnFhcHIyc2AfNsZWFBQgsMNzw9U0+3VliETwYGHhx3T1BXAxUQY11ZOjwICT0+QKa0TVBkIBUXOTiiX1tVUTI1AQQkJEFEUk2eP0FFBB4gPDB8QlBKRyssAQFIPkBLR4wzNhQVFCcnPUpVJEdsUgEKFysQR5B8P0jmSD8DIgI2NVpdbFy2SUooKAscHXekWVtTU4YoKQUCMQMxMFNWY1isQEM7ECssj7NVWUJETisDMC9PUltTUE42OBAQJTAyjKJJTDIrMDACLCpGSlBLiywvBwkxMzVFQpA7PSIrVxo0Tv1EiDE0Slot3NwtAAAQAAD/oAO7AyIACgAYACYANQBHAFgAaQB3AIQAkwChALEAvwDSAOEA9gAAAQYCBzY3NjcXJi8BFh8BJwYHBgcGNzY3NhMGBw4BFjc2FxY2JicmFyYGFhcWFxY+AScuAScmBQYHBgcGBwYHBhYyNzY3Ni4BMyIHIgcOAR4BNzYXFjY0JyYHBgcGDwEGBwYeATc2NzY0JgUmBhYXFhcWMjYnJicmBSYHBhceATYnJjc2JgUmBhcWBwYeATc+AScuAQUmBhcWFxY+AScmNy4BBSYHBgcGBwYeATc+ATcuAQUiBhYXFhcWNiYnJicmBQ4BBwYHBg8BDgEWNz4BNz4BJgUiBhYXHgEXFjYmJyYnJgUGBwYHBgcGBwYHDgEWNz4BNzYuAQH0GE0XFyonFH0ZMTIMFiJECBkSBgoBCxQWDEovDAETDF5mDA4FDDHKDA8DC0wtBxkPBBhJLgT99QsKBgsIBUEhBBEYBylRBgEN/wQKEgcNCQkUCU5HDBILQuoNDgkQCj0ZBREZBilQCA4BfwwOAgo0GQcZEAQaRAT9wxkFCxsGGBICGhABDgLpDw0DATAEEBgHHRsEAg78pA8OAwIxBxkPBS8CAQ0C7A8HBQENMgYPGQgdJgYBDf2oCwwCCD9UDBEBC083BgGfDCsLExkPHhEMBQ8ML1snCAEN/j0LDQMKK2M0DA4FDGRPBgIYCQkFCg4IHiYfKgsCEQ02ZSkHAg0CJkL+80EXMCsVh06eUSRJbkoHHRQHCwYhQ0wBdAIQBhkRBBkWARMZBAxTARMYBThbCgETDDJYIAIKAQcFCwgEPlAMEgtdQAcTDgECBBURCAMGHwQRGQYfJwIIBQwHMDAMEwELQC4HEw87ARIXBjVUCxMMXUEDqQIrVk0LAxEMUFQKDi0BGg5lXgwSAQo2eT4IChABGg5rWgoCEwxbZggLOAENChE/QwwUAwsmVy0JDqARFgZJHQMSGAYeQgZNAxUDBwQDAwIEGBQBARkYBxUPJxMWBSIvCgEUGAQVQgMDAQUDCQsDFA8MCgYZEgMLMSMHEw4AAAAFAAD/lQO+AyQAGwAxAEkAYABoAAABJgcGBwYHBhYXFhceATc+Ajc2Jy4BJyYnIyYHNhcWFxYXFgYHDgEmJy4CNzY3PgEXJgcGBwYHBhcWFxYXFjY3PgInJicuAQc2FxYXFgcWBgcGBwYmJyYnJjY3Njc2FxQVIxUzFTcB82xlYUFCCww3PD1TT7dWWIRPBgYeHHdPUFcDFRBjXVk6PAgJPT5AprRNUGQgFRc5OKJfW1VRMjUBBCQkQURSTZ4/QUUEHiA8MHxCUEpHKywBAUg+QEtHjDM2FBUUJyc9Sofi4qUDIgI2NVpdbFy2SUooKAscHXekWVtTU4YoKQUCMQMxMFNWY1isQEM7ECssj7NVWUJETisDMC9PUltTUE42OBAQJTAyjKJJTDIrMDACLCpGSlBLiywvBwkxMzVFQpA7PSIrdDIyvmTDAAAAAA0AAP+iA7gDIAAEAAgADAAQABQAGABTALwBRQGiAekCMwKfAAABFREhEQUzESMTFTM1BxUzNQcVMzUHFTM1AysBByMHIwcVDwUVHwUzPwMzNzM3MzczFzMXMxczHwEzPwM1LwQjNSMnIycXDwYVHwozHwYVHwIzHw0zPwQ1LwE1JyMvBiMvATUjLwsjLwEjLwcjNSc1LwQjBQ8BIw8EFQ8EFQcjBxUPAyMVBxUHIxUPBBUHIw8BFQ8CFQ8CIw8DFQ8DFQcVDwoVBxUfBD8EMz8ENT8mNS8DAQ8FFRcVBxUHFQcVBxUHFQcVBxUHFQcVBxUHFQ8HFR8EPwUzPwEzPwE1PwEzNzM3NTc1MzU3NTc1NzU3NTc1NzU3NTc1JzUvBAUPBRUXFRcVFzMfBTMfARUXFRcVFxUzFxUXFR8EPwQ1Lw01JzUnNSc1LwMBDxcfBD8EMz8DMzczNzM3MzczNzU3Mzc1NzM/AjM3MzU/AzUvBAUPBRUfAxUfATMfAjMfAhUfATMfARUfATMXMxczFzMfAjMXMxcVMx8HMxcVFzMVMxczPwQ1LwQjJyMnIycjLwojLwQjLwUjAV0BLv7q/v4aysrKysrKymEHDQYNDQcnDQ4EAwMEAQIDAwkEBQYMBhcGCwYGBgYpBgYGBgYFHwQFDAMDAgIGAwonBgcGDQfpBQQEAwMBAgICBgICAwYFBAMIAQ4CCAIGAgQBAgIBAgMCAwUEAwQDCgUGAwkECQQEAwQCBAYBBAMCAwIDAgECCAEFAwQCBAICBQIHAgIBAgkBAgIDBwMCAwIBAgMCBgIKBf3zBQcBAgMCAwIDAgMCAwQBAgIDAgQBBAQBAgICAgICAQICAgQCAgQBAQECAwICCgECAgIBBAECAQIBAgECAgEEBAMOBAgEAwEBAgMBAgICAQIBAgECAQICAwIBAggCAQICAgEEAgQBBgIKAgYDCgMGAwUDAgEEBggFArIEBQMGAgEBAQEBAQEBAgEDBQMFAwQDAgYDAQIDBgQJCQQEAwIBAQMCAQIDAwIBBQEMAwECAQEBAQEBAQEEAwQECPymBAUDBAQBAQMCAQMCAQQBCgEEAwIDAgECAwECBAcJCQQEAwQCBAIDAgcEAQYBAgECCAEBAQEFCAgCsQQECQQFCgQPBQULDwYFCwUhBgsQCAQFAgIEAwQNCQYGFAUBEgYHBQEFAQUBBQEcAQsFAQUFAQULDwEEAQMDAgEEAwQECP3eBAQEAwICAQIDBA0CAQIDAgECAwMLAgEIAwMFAQIBAgECAQIDAwECAQIBAgQDBgMNAx0CAw0EAw0JBQgFAgEEAwQEAwQIAxQCEQMJBRECBgUDBQUFAgEPAgUCAgEEAwQRBAQFAhwM/pABfBj+tAEnGRlKGBhVGBhNGBgCLQECBgECBAIDBAgJBQQEAwQBAgICBAIBAQEBAQUBBgQDCQUICAIEBgEBAU8BAQMDBAQEBQkEBgECAQYDBAIIDgMIAwYDBAECAgMEAwQDBwcDCAMSCggCBAICAwMICgcHAQwIBAQEBAQEBAsBBwMGAgYCAwUDBwMCAwkDAgIHAgICAgEBAQICBAIFDAEEAgICAgIBAgICAgIBBAIBAgIDBAEEAQQBAgMCAwIBAgMCAQIGAgECBgMDAgUCAQIPAwIBAgECAwYDAwMDAwMDAwEECQUIAwMDAQQDAwQGBQMCBQECAwIDAgMCAwMCBQIDAgwCAwIDAgMEAwQDBgMKAwYCCgEGAgUEBAQJCQYEAf7GAQICCAQEBAQzAwkDBgIGAwMDAwMDBgIDAwkCDgMIAQ0FCwUGCgcEBQkEBgICAgIDAwMDBgYGBQEFBw8mAwoDAwcDAwQDAwQDAwQDBwMOAywFCQgEAgMCEwECAwMIBBsGBxMHDRMGBw0GHw0FAQUBBQEFAQUBBQEBBAQEAgICAwMJCQgGBgUGEAsGEQUGBgUvBgUGBgwGBwUHBgL+sgECBgQEBgQJBAMFCQIDBAMMAQQDBAMHCQkIAwMDAgIBBgIGAwIDAgMDDwYBAwMBAwQHDAQBAwQEBAkIBAMCAgIBAwIEBAkEBQQEAwEKAgICAgICAQEHAgUBAQEDAgIBAgECAQEBAQECAgIEAgkBAQQBBAEEBwUECQgEAgMBAwcGAwMGAgIDAQMCAwIJAgMCAQQBBA0BAgAAAAMAAP/SAyMC6gAFAAwAEQAAASIjESERJxQVMxEhEQUWHwEjAnLW1wJe5bj9/AF5FSo+fQLq/OgCYoldXf38Ar4MFStBAAAAAAgAAP/TA9QC6QATACcATgByAHYAegB+AIIAABMiDgEVERQeATMhMj4BNRE0LgEjBSEyHgEVERQOASMhIi4BNRE0PgEXByMOARQXFhcxFhcWFxYHBg8BITc2NzYnJicmLwEmJyY1NDc2PwEHMwYHBhUUFxYfARYXFhcWBwYHIzY3NicmJyYvASYnJjU0NzYXFTM1BxUzNQcVMzUHFTM11zVZNTVZNQI6NVo0NFo1/cYCOiU+JCQ+Jf3GJT4kJD5/AwEwLA8IFxUJDQECDRMlKQEBAy4QFAMCDQgUCBMIDBARLyn5nhYLFw4JFgIUCQ0BAg0OJ54TBxMCAg4IFQYTCQsQFAR7gIBGfGqAAuk0WTX+bjVZNDRZNQGSNVk0PCQ9Jf5uJT0kJD0lAZIlPSRcAhw2LxYNGBULEQwPDxYVGQIcFhkYEhMLFQgUDBENEBMVHRgaEQ4aGRYWDRcCFAwRDA8PExcQChcaExMLFQcTDRENEBMXFAwMQAwMQQwMQQwMAAQAAP/TA9QC6QATACcAKgAvAAATIg4BFREUHgEzITI+ATURNC4BIwUhMh4BFREUDgEjISIuATURND4BBxc3BREhEQfXNVk1NVk1Ajo1WjQ0WjX9xgI6JT4kJD4l/cYlPiQkPgX6+v4NAfT7Auk0WTX+bjVZNDRZNQGSNVk0PCQ9Jf5uJT0kJD0lAZIlPSRfjY00/ukBF4wABQAAAAADSAKpABsAMgBKAGIAegAAASIHBgcGDwERFhcWFxYgNzY3NjcRNCcmJyYnJgcyFxYXFhcGBwYHBiInJicmJzY3Njc2BzIfARYXFjI3Nj8BFQYHBgcGIicmJyYnFTIfARYXFjI3Nj8BFQYHBgcGIicmJyYnFTIfARYXFiA3Nj8BFQYHBgcGIicmJyYnAfR9XjAfIgcBBiQgL1cBCFcvICMHAQciHzBefXtZKxoRBgYRGSxc8FwsGREGBhEaK1m2AQMDGzRe+l40GwcEFBksXPBcLBkUBAEDAxs0XvpeNBsHBBQZLFzwXCwZFAQBAwMbNFcBCFc0GwcEFBksVf5VLBkUBAKpFAsQERoE/iUaFBEJFBQJERMbAdsDARoREAsUIxQJDQkKCgkOCRMTCQ4JCgoJDQkUawICDgwUFAwOBCkLCg4JExMJDgsKMAICDgwUFAwOBCkLCg4JExMJDgsKMAICDgwUFAwOBPMLCg4JExMJDgsKAAkAAP+fA70DIAAKABgAJgA2AEwAXABqAHwAkAAAAQYCBzY3NjcXJi8BFh8BJwYHBgcGNzY3NhMGBw4BFjc2FxY2JicmFyYGFhcWFxYXFj4BJyYnJgUGBwYPAQYHBgcGFjY3Njc+ATc2NCYBJgYXFgYHBh4BNz4BJy4BBSYGFxYXFj4BJyYnLgEBBgcGBwYHBgcOARY3Njc2LgEFIgYWFxYfARYzMjYmJyYvASYnJgH0GE0XFyonFH0ZMTIMFiJECBkSBgoBCxQWEFAvCwESDGFjDQ4GDCvFDA8ECyUgGxoJGA0GOFME/fAKCwYLCy8pCQIDGRkEJS0EFgQIDQKtDw0DAxgZBA8ZBx8aBwIN/KQPDgMFLwcZDwQtAgENAq4JCQYKDQg2VgwBEgxuVQcCDf3ZCw0DCkNgBhIIDw0RDmE7AwYEBgImQv7zQRcwKxWHTp5RJEluSgcdFAcLBiFDTAFyAg8GGRIEGBQBFBgEC08BExgFGiohMAoFFQtrOwMLAQgECwsuSw8LDxEPD0QvBREFCBMO/sgBGw8yZC0MEwEKNn0+BwkSARoPaFwKARMMW2cIC/6zAQYDCQoEJBcGGBIDGUgHEw4BEhcFORoCBRkYARgxAwUCBAAGAAD/lQO+AyQAGwAxAEkAYABlAGsAAAEmBwYHBgcGFhcWFx4BNz4CNzYnLgEnJicjJgc2FxYXFhcWBgcOASYnLgI3Njc+ARcmBwYHBgcGFxYXFhcWNjc+AicmJy4BBzYXFhcWBxYGBwYHBiYnJicmNjc2NzYHFhc2NwUUFSERBwHzbGVhQUILDDc8PVNPt1ZYhE8GBh4cd09QVwMVEGNdWTo8CAk9PkCmtE1QZCAVFzk4ol9bVVEyNQEEJCRBRFJNnj9BRQQeIDwwfEJQSkcrLAEBSD5AS0eMMzYUFRQnJz1KUlZVOHL+hQGayQMiAjY1Wl1sXLZJSigoCxwdd6RZW1NThigpBQIxAzEwU1ZjWKxAQzsQKyyPs1VZQkROKwMwL09SW1NQTjY4EBAlMDKMoklMMiswMAIsKkZKUEuLLC8HCTEzNUVCkDs9IiubRUUuXCCMjAESowAAAAAQAAD/oAO7AyIABwAPAB0ALAA+AE8AYABuAHsAigCYAKgAtgDJANgA7QAAASYnBxchNjcnBgcjJzY3FgMGBw4BFjc2FxY2JicmFyYGFhcWFxY+AScuAScmBQYHBgcGBwYHBhYyNzY3Ni4BMyIHIgcOAR4BNzYXFjY0JyYHBgcGDwEGBwYeATc2NzY0JgUmBhYXFhcWMjYnJicmBSYHBhceATYnJjc2JgUmBhcWBwYeATc+AScuAQUmBhcWFxY+AScmNy4BBSYHBgcGBwYeATc+ATcuAQUiBhYXFhcWNiYnJicmBQ4BBwYHBg8BDgEWNz4BNz4BJgUiBhYXHgEXFjYmJyYnJgUGBwYHBgcGBwYHDgEWNz4BNzYuAQLLR5DXUgEKFysMGDDmSD98fHxKLwwBEwxeZgwOBQwxygwPAwtMLQcZDwQYSS4E/fULCgYLCAVBIQQRGAcpUQYBDf8EChIHDQkJFAlORwwSC0LqDQ4JEAo9GQURGQYpUAgOAX8MDgIKNBkHGRAEGkQE/cMZBQsbBhgSAhoQAQ4C6Q8NAwEwBBAYBx0bBAIO/KQPDgMCMQcZDwUvAgENAuwPBwUBDTIGDxkIHSYGAQ39qAsMAgg/VAwRAQtPNwYBnwwrCxMZDx4RDAUPDC9bJwgBDf49Cw0DCitjNAwOBQxkTwYCGAkJBQoOCB4mHyoLAhENNmUpBwINAaI0aJz9RIgoSpLcLVpaAVwCEAYZEQQZFgETGQQMUwETGAU4WwoBEwwyWCACCgEHBQsIBD5QDBILXUAHEw4BAgQVEQgDBh8EERkGHycCCAUMBzAwDBMBC0AuBxMPOwESFwY1VAsTDF1BA6kCK1ZNCwMRDFBUCg4tARoOZV4MEgEKNnk+CAoQARoOa1oKAhMMW2YICzgBDQoRP0MMFAMLJlctCQ6gERYGSR0DEhgGHkIGTQMVAwcEAwMCBBgUAQEZGAcVDycTFgUiLwoBFBgEFUIDAwEFAwkLAxQPDAoGGRIDCzEjBxMOAAAAABAAAP+gA7sDIgADAAgAFgAlADcASABZAGcAdACDAJEAoQCvAMIA0QDmAAABBgchAxYXITYTBgcOARY3NhcWNiYnJhcmBhYXFhcWPgEnLgEnJgUGBwYHBgcGBwYWMjc2NzYuATMiByIHDgEeATc2FxY2NCcmBwYHBg8BBgcGHgE3Njc2NCYFJgYWFxYXFjI2JyYnJgUmBwYXHgE2JyY3NiYFJgYXFgcGHgE3PgEnLgEFJgYXFhcWPgEnJjcuAQUmBwYHBgcGHgE3PgE3LgEFIgYWFxYXFjYmJyYnJgUOAQcGBwYPAQ4BFjc+ATc+ASYFIgYWFx4BFxY2JicmJyYFBgcGBwYHBgcGBw4BFjc+ATc2LgEB9GBgAYDAZDP+0jNkSi8MARMMXmYMDgUMMcoMDwMLTC0HGQ8EGEkuBP31CwoGCwgFQSEEERgHKVEGAQ3/BAoSBw0JCRQJTkcMEgtC6g0OCRAKPRkFERkGKVAIDgF/DA4CCjQZBxkQBBpEBP3DGQULGwYYEgIaEAEOAukPDQMBMAQQGAcdGwQCDvykDw4DAjEHGQ8FLwIBDQLsDwcFAQ0yBg8ZCB0mBgEN/agLDAIIP1QMEQELTzcGAZ8MKwsTGQ8eEQwFDwwvWycIAQ3+PQsNAworYzQMDgUMZE8GAhgJCQUKDggeJh8qCwIRDTZlKQcCDQIyrK0BJrRaWgHXAhAGGREEGRYBExkEDFMBExgFOFsKARMMMlggAgoBBwULCAQ+UAwSC11ABxMOAQIEFREIAwYfBBEZBh8nAggFDAcwMAwTAQtALgcTDzsBEhcGNVQLEwxdQQOpAitWTQsDEQxQVAoOLQEaDmVeDBIBCjZ5PggKEAEaDmtaCgITDFtmCAs4AQ0KET9DDBQDCyZXLQkOoBEWBkkdAxIYBh5CBk0DFQMHBAMDAgQYFAEBGRgHFQ8nExYFIi8KARQYBBVCAwMBBQMJCwMUDwwKBhkSAwsxIwcTDgAAAAUAAP+VA74DJAAbADEASQBgAGkAAAEmBwYHBgcGFhcWFx4BNz4CNzYnLgEnJicjJgc2FxYXFhcWBgcOASYnLgI3Njc+ARcmBwYHBgcGFxYXFhcWNjc+AicmJy4BBzYXFhcWBxYGBwYHBiYnJicmNjc2NzYXBgcXITY/ASYB82xlYUFCCww3PD1TT7dWWIRPBgYeHHdPUFcDFRBjXVk6PAgJPT5AprRNUGQgFRc5OKJfW1VRMjUBBCQkQURSTZ4/QUUEHiA8MHxCUEpHKywBAUg+QEtHjDM2FBUUJyc9SlWQR1IBChcrEEcDIgI2NVpdbFy2SUooKAscHXekWVtTU4YoKQUCMQMxMFNWY1isQEM7ECssj7NVWUJETisDMC9PUltTUE42OBAQJTAyjKJJTDIrMDACLCpGSlBLiywvBwkxMzVFQpA7PSIrV2g0/USIMTQAAAAKAAD/nwO9AyAABAAOABQAIgAyAEgAWABmAHgAjAAAARQVIREFMjMGBwYHBgcmNxQVITUXEwYHDgEWNzYXFjYmJyYXJgYWFxYXFhcWPgEnJicmBQYHBg8BBgcGBwYWNjc2Nz4BNzY0JgEmBhcWBgcGHgE3PgEnLgEFJgYXFhcWPgEnJicuAQEGBwYHBgcGBw4BFjc2NzYuAQUiBhYXFh8BFjMyNiYnJi8BJicmAScBmv7BcnIPIBgNFRBA4/7InARQLwsBEgxhYw0OBgwrxQwPBAslIBsaCRgNBjhTBP3wCgsGCwsvKQkCAxkZBCUtBBYECA0CrQ8NAwMYGQQPGQcfGgcCDfykDw4DBS8HGQ8ELQIBDQKuCQkGCg0INlYMARIMblUHAg392QsNAwpDYAYSCA8NEQ5hOwMGBAYB+pycATgxCRwWCQ8CNAVdXbp9AfACDwYZEgQYFAEUGAQLTwETGAUaKiEwCgUVC2s7AwsBCAQLCy5LDwsPEQ8PRC8FEQUIEw7+yAEbDzJkLQwTAQo2fT4HCRIBGg9oXAoBEwxbZwgL/rMBBgMJCgQkFwYYEgMZSAcTDgESFwU5GgIFGRgBGDEDBQIEAAABAAAAAANTAhMALgAAEzY3Njc2FxYXFhcWFxYXFjc2PwE2NzY3FQYHBgcGJyYnJicmJy4BBgcGBwYHBgeWGhsjLSItJiYYGxAgOyEdJCEYFR8NFwscGiQrJisoIxwyIRIdNjwVGxkPGxAIAUo+JzQbFAcGGA8VDhs0FREKCRsYIhIeHaU3Ii0UEAgHGRMuHw4YGwcUGCQXLhwOAAAHAAD/0wPUAukAEwAnAE0AdQCtALYAvwAAEyIOARURFB4BMyEyPgE1ETQuASMFITIeARURFA4BIyEiLgE1ETQ+ARcUFQYHJwcXBgcjFTMWFzUjNTM3Nj8BJzcXNzY/ATUzFTMuASc1BxUGBycHFwYHIxUzFhcHFzcWFxUzNTY3FzcnNj8BNQcmJzcnByYnNQczFRcWHwE3FwcXFh8BNxUjBwYPARcHJwcGDwEVIzUnJi8BByc3JyYvASM1Mzc2PwEnNxc3Nj8BFyIGFBYyNjQmBzIWFAYiJjQ21zVZNTVZNQI6NVo0NFo1/cYCOiU+JCQ+Jf3GJT4kJD5JDQ4ZLhgIAyMkAw4fHwIDCwUVDxYIDxUIFzsEGgcEDg4YLxkIAyQkBQcaLxoMD0INDxkvGggEIiMDCBgvGAoSLBYJFBAIFRAVBQsEAh4eAgMMBRcQFggQFAkWCRMRCBYQFwYKBQIfHwIFCgUWEBYHERMJCxQdHSkdHRUMEBAXEBAC6TRZNf5uNVk0NFk1AZI1WTQ8JD0l/m4lPSQkPSUBkiU9JDIREgQIGS8YEgpCDRY5FgkSEggVEBYFCwUBHx4ECwIjQCIECBkvGQ0OQg8MGS8aBwUkJQMIGS8ZDg0BQgEKEhguGAYFIhUfAQQLBRUPFgcQFAkBFwkUEAcWEBYFCgUCICACAwwEFhAWCBATCRYJFBAIFRAWBQwDAjIdKB4eKB0WEBcQEBcQAAIAAP/TA9QC6QATACcAABMiDgEVERQeATMhMj4BNRE0LgEjBSEyHgEVERQOASMhIi4BNRE0PgHXNVk1NVk1Ajo1WjQ0WjX9xgI6JT4kJD4l/cYlPiQkPgLpNFk1/m41WTQ0WTUBkjVZNDwkPSX+biU9JCQ9JQGSJT0kAAADAAAAAANeAk8AIgAmACwAAAEGBw4BDwEGBwYWFwUWPgEnNRYXFj4BJxE0JiIHBTwBJy4BBxQVJyUUFSYnNgH2CQoFFgVGjEYNBg8BNQoXDgKDmAoWDgITGAj+7AECEiflAixqe3sCTgEGAxADL14vCiMHzwYGFAufWmQGBhQLAaIMDwi6HXEcCw5XmpqampqaSVFRAAAAAAkAAP+fA70DIAAHAA8AHQAtAEMAUwBhAHMAhwAAASYnBxchNjcnBgcjJzY3FgMGBw4BFjc2FxY2JicmFyYGFhcWFxYXFj4BJyYnJgUGBwYPAQYHBgcGFjY3Njc+ATc2NCYBJgYXFgYHBh4BNz4BJy4BBSYGFxYXFj4BJyYnLgEBBgcGBwYHBgcOARY3Njc2LgEFIgYWFxYfARYzMjYmJyYvASYnJgLLR5DXUgEKFysMGDDmSD98fHhQLwsBEgxhYw0OBgwrxQwPBAslIBsaCRgNBjhTBP3wCgsGCwsvKQkCAxkZBCUtBBYECA0CrQ8NAwMYGQQPGQcfGgcCDfykDw4DBS8HGQ8ELQIBDQKuCQkGCg0INlYMARIMblUHAg392QsNAwpDYAYSCA8NEQ5hOwMGBAYBojRonP1EiChKktwtWloBWgIPBhkSBBgUARQYBAtPARMYBRoqITAKBRULazsDCwEIBAsLLksPCw8RDw9ELwURBQgTDv7IARsPMmQtDBMBCjZ9PgcJEgEaD2hcCgETDFtnCAv+swEGAwkKBCQXBhgSAxlIBxMOARIXBTkaAgUZGAEYMQMFAgQAAAUAAP+VA74DJAAbADEASQBgAGQAAAEmBwYHBgcGFhcWFx4BNz4CNzYnLgEnJicjJgc2FxYXFhcWBgcOASYnLgI3Njc+ARcmBwYHBgcGFxYXFhcWNjc+AicmJy4BBzYXFhcWBxYGBwYHBiYnJicmNjc2NzYXBgchAfNsZWFBQgsMNzw9U0+3VliETwYGHhx3T1BXAxUQY11ZOjwICT0+QKa0TVBkIBUXOTiiX1tVUTI1AQQkJEFEUk2eP0FFBB4gPDB8QlBKRyssAQFIPkBLR4wzNhQVFCcnPUpVYGABgAMiAjY1Wl1sXLZJSigoCxwdd6RZW1NThigpBQIxAzEwU1ZjWKxAQzsQKyyPs1VZQkROKwMwL09SW1NQTjY4EBAlMDKMoklMMiswMAIsKkZKUEuLLC8HCTEzNUVCkDs9IitjrK0AABQAAP+jA7gDIgAEAAgADAAQABQAGABbALMBCQFMAaEB/gJJAosCzwMSA2kDtgQCBEwAAAEVESERBTMRIxMVMzUHFTM1BxUzNQcVMzUDMSMHIwcjFSMHIw8HFR8EMzczNzM3MzczNzMXMxczFzMXMxczPwU1LwUjJyM1IycjJxcjDwUfGT8ENS8DIyc1JzUnIy8BIy8BNScjJzUvASMvATUnNScjNScjJyMvATUvASMnNScjLwEFIw8CFQcjDwEVDwIVBxUHFQ8BIw8BFQ8CFQ8BIw8BIw8BFQcVDwEjDwIVHwUzPxk1LwQhMSMVIw8DFR8EMzczNzMXMxczFzMXMxczHwYzPwU1LwIjLwkjJyMnIycjNQcjDwIjDwEVByMPASMHFQcjByMHIwcVDwMjFQ8BFQ8CIw8BHwUzPx0zPwMvAwUPBR8WFR8EMz8ENSc1Lwg1JzUvBCMnIyc1LwEjJzUnNS8BNSMvATUnIyc1LwI1LwMFIw8FFSMVBxUHFSMVBxUXFTMVFxUXFRcVHwkzPwQ1LwI1JzUnNSc1JzUnNTc1NzU3NTc1NzUvBAUjDwMVBxcVBxUHFQcVBxUPCBUfAzM/BjU3NT8HNTc1MzU3NTc1JzUvAwUjDwMVFxUXFRcVFxUfBxUXFR8CMxUfAzM/BDUvCzUnNSc1JzUnNS8EBSMPBRUHFQ8PFR8FPwI1PwE1NzM3NT8CMz8KNTcvBAUPBR8CFRcVFzMXMx8CMx8BMxUXFRcVFzMfATMXMxcVFxUfARUfAhUfAjM/BTUvHAUjDwgjByMHIwcjByMHIw8EFR8FMzczNzM3MzczPwszNzM/ATU/ATU3NT8ENS8EBQ8FFR8FMx8BFRczFzMfARUfATMXFR8EMxczHwYzPwU1LxYhIw8XFR8GMz8IMz8ENTczNzM3NT8BNT8BMz8ENS8EAV0BLv7q/v4aysrKysrKymULBgsFDAUFBiYGCggEAgMBAQIGBAkEKwUJBQUFBQoFHgUKBQUFBQoEGAkFBAMEBAEBBAMEByYFBgULBgsG9AUEBQMEBAICCAIMBwgHBAMEAwQDBwYHDwIJAgMRBAMECQkEBAMEAQIDAgECAwIBAhIBCQQGAQMEAwEDCAQDAQMBAwEIBAQEAQQIAQQK/fEFBAgFBAEEBAQMBAQECAMBAwQDBAMECQEPAgECAwMFAgEEAwMBAgMDCAQJBQcFBRAGAgYCDwcGBwMEAwQDBAcIBAQHAgECAgMECAEEEg0KBQcGAgIDCAgEAQgEJgQIAwQEBAcECAMaAwgHBwMJBQQEBAMEAQQDBwEDBQQEBAQECQQmBAkFBAQFDa0ECAYHAQMIAwEVAwEDAwEJAQwBCQkDAwIBAgMDCAQBBAICAgMDCAQFBAkDCAMCBAMCAwIDAgMCAwMDAgMDAwMDAwMDBgMjAgMEBAICBQQIAYQFCAQDAwMBBgMDAgMCAwIDAgMHFgEEAQQBBgMCAgQEAwQFCQQEBAMEAQICAgECAQIBAgICAQEBCAEBAQICBAECBwMCAQIDAgECBgMJAwMDBP3DBQQIAwMCAgECAQEBAQEBAgEIAgEBAQMDBAQEBQkEAwMEAQIFAwIBAQEBAQECAQECAwMJAu4FBAgGAgEBAQEBAggCAQICBAEWAQEEAwwFCQQGBQQDCgIIAQIBAgICBwEBAQEBBAMECPynBQgIBAIBAQECBgICAgEEAQYCCgMEAQMGBAUJBAQEAwQCARIBAgECAQICAgcCAQEBAQIHAwUC8AQFBAQDBAICBwIDBQIEAQIDDAoDBAIEAQEEAwQECQgFBwMPAgEGBQgBAQEGAQIBAgECAgIJAQICAwQI/a0ECAQDAgICBQYMBgEMAQYHAwEDAwEHBwMBBwcBAwEDBAgEBAwEBAQECQQEBAUCAQEEBAMVAwQKBxkDCgIDAwMDAwMDAgYDAgMCAwIIAZwFBAQBBwocCwcSBAsEBwQEBwQIBBAIBAMCAgEEBAMEBQwFDQQFBAUIBSYECQQEBAQEBAEEAwEDAQMEBAgECQQCAgECBgMEBf5EBAUEBgICAQIDAwUEAQQNCQENAQQFBQQBBAUFCgUZAQQBFAYFBQULCgkFBAQDBAECAwMEBxMFBAUFBAUFBCUeCAQECQwDDQISBQQFAwEUBAQJCBYsBQUEBQUFBAUbBAYEAQECAwMEBAQJAwYFCwUFBQYUAR4FCgUFBAEEAQQFHA0EAQQFAwIBAgIDBAgCHAz+kAF8GP60AScZGUoYGFUYGE0YGAIvAQEBAQcCAgQDBAQECQQFBgMCCQIBAQEBAQECBQECAwMIBAUECQMDAwcBAQEBUwECAgQHCQkKAQkHBgcDBAMEAwQHCAcUBA0EBCADAwICAgIDAwgJBQYFBQQBBAEEBRwNBAEIBAEEBAQIAQMBAwEDBAgDAQMEAwEGBAcIAQQEAQMEAwEDDAMBAwEDAQgEBAQBBAQEAQQNFwUFBAEEAQkFCgUMBAUEBAMEAQIFBwweCAQJBBQHCAcEAwQDBAMHBgQDBwUEBAkEBAMEAQICBQwFCQQDBgIBAQEBAQICBwICAwICAgECAwMIBQkIAwUCAQIBAgECAgIJAgEBAScCAwUCBAECDwMCAQIJDAkBCQQDAwEDAwEDCwcHCQkEAwQEAQEEAwwDBAYDAwIDAwMDAwMCAwMCAwIDAgMCAwQDFgMDCAkJBwMEOwECAwMEDQULAgMDAwMDAwIDAwojAwcDBwQOCwMHAwgDAwIBAQMCBAgJBAIECQQEBAQEBQMBAwEDBAEDEAQDAQMIAwEKAQMDAQMDAQMDAQYECQEDAgMDqQEEBAMECAQECQUECQ0EGwUNCQQECQQBBCIEBQEEBAMDAgECAgMECAkFBBIECwQHBAQHBAgEHgQIBAcEBAcEBAkEBAQDBC0BBAgEBAQEHgUKBQUFBQkFJwUEBQkKBDIEBQQIBAYCAgYICgUZAQQBFAYFBQULBiYFBgULBgsGFgYJCAMDBBACBggICQYRBQYFBgsFIQYLBQUKBg8BBAEZBQoBBAYCAQEDAgQICQgBKQQFBQQFBQkFIgUJBQUFBQoFFwUEBwICOQECAwMIBwQHBBoDCwsHBgQDBxQPAwcBCAUEBQgDAwICAgIHAQMVAQMLAQcQBAQMBAQEBAQECQQmBQUIBAQDBKABBAMDBAkJCQYBDAEGDAYFAwMCAQQBBAECBQQCAgEBAQQBAQEGAQEBAgEBAgMHBQQFBAgDAwkCAQYDEAMGAwIDAgMCAwIDBgIDAwMDAwdKAQIBAwYMAwMFAwIBAQEEAwMECQUECAMDAgEBAQECCQICAgECAQIBAQECAgIBAQEEAQEBBQQDBQQFCAgDAgEnAQEDBgQJBQQEBAIFAwQJAQYJAwIBAgMCAQIDBAMKAggBAgECAgMBAgMDCAUECQQDAwMEAgECAQIBAgEQEAYCAwUJAwoBAgICDwIDBQYMFAECAQIBAgECBgIGCQQFBAQEAwMCAQEBAgICAQIBCAwDBAMCAQIDAgECEgEJBAMFBAQEBQkEAwMEAAAAAAMAAAAAA7kCjgADAAcACwAAExEhEQcRIREjMxEjLwOKMf1ijF5eAo79jwJxMP3rAhX96wAgAAD/7gOsAs8ABAAJAA4AEwAYACEALQA2AEEATgBVAFoAXwBkAGkAbgBzAHgAfQCIAI4AlwChAKYAqwCwALUAugC/AMQAyQDOAAABMjM1IxcyMzUjFzIzNSMXMjM1IxcyMzUjFzIzNhc3JisBISIHFzYyNicmNjUmBRYXNjc2NyYnBQYHFhcWFzY3JyYFDgEXFgYWMjMyNzQnBQYVMyY3JwUyMzUjBTIzNSMFMjM1IwUyMzUjBTIzNSMFMjM1IwUyMzUjBTIzNSMFBgcWFxYXNjcnJgUWFzcmJwUGBxYfATY3JwUWFzc2NyYnBwYXMjM1IxcyMzUjFzIzNSMXMjM1IxcyMzUjFzIzNSMHNDUhERMyMxEhNxQVMzUBBRkYMWIZGDFhGRgxYhkYMWIZGDFhBAcYCwYLFRT97Q0MCQMOBgMBAgECYhINBQoRBRQY/TMYEwULEAcQDgoKAvELAwQCAQIKDRIHCvyjBzEBBi4DNRkYMfzDGRgxAz0ZGDH8wxkYMQM9GRgx/MMZGDEDPRkYMfzDGRgxAzsFCQYLEQgPBRAW/L8GESgLBALcEREFCAMbFx79MBsZBQUCExAHDmMZGDFhGRgxYhkYMWIYGDBeGRgxZRkYMTX+rh+Kiv7sJcsCnTExMTExMTExMTEBAjACAzABBAgEFQQHPQkQBAkMBxcNAw8WBAkNBBIHEBJWAQoLAg8GAR4aCBgdExUPlTE1MY4xNjGOMTUxjzE1MVkWDwMHCwMZGwMFDRwZGxITQQwFDBkJBxMnKhIHEhQJBgwJFSkxMTExMTExMTExMSKsq/6pATj+66cXGC8AAAsAAP/OA7kC8gAFAAkADQARABUAGQAfACMAJwArAC8AABc1MxUzFTM1MxUzNTMVMzUzFTM1MxUzNTMVMzUzNTMVJTUzFSE1MxUlESERJxEhES4xEDFhMWIxYTFiMWEwDTH8dTEDKTH8dgOKMfzWMlkoMTExMTExMTExMTExKFmKXFxcXIsCD/3xMAGz/k0AAAQAAP+cA8MDIAADAAcADgAVAAABETMRMxEzEQEHFzUzNSMlFQcVMxU3AW4mwyb+UKSkXV0CU15eowMg/HwDhPx8A4T+4aOjb2lubAFqb6MAAQAA/+YDmAMAABcAAAEFBhQfARYHAQYfARY3ATYfARYyNxM2JgOV/mMCAWACAv4pAgItAwQB1wQDWQEDAacBAgL/ogEDAV8DA/4oAwMrAwMB1gMDWgECAZUBAgACAAAAAAO5AmYAAwAHAAATESERAREhES8DivylAyoCZv3wAhD+HQGz/k0AAAkAAP+nA7IDHgADAAcACwARABUAGQAfACUAKQAAARUzNQUVMzUzFTM1FxUzFTM1BRUzNQUVMzUHFSMVMzUFFTM1IzUXFTM1AS9n/qHaoduCeyj9fWcB9Cgod5/9np934FIDHtra9mdnZ2ceKHWdaNran01NvnQonAGdKHV1KCgACwAA/84DuQLyAAUACQANABEAFQAZAB8AIwAnACsALwAAExUzNTM1MxUzNTMVMzUzFTM1MxUzNTMVMzUzFTMVMzUFFTM1IRUzNQURIREHESERLjEQMWExYjFhMWIxYTANMfx1MQMpMfx2A4ox/NYC8lkpMDAwMDAwMDAwMDAwKVmJXFxcXIv98AIQMP5NAbMADAAA//oDuQLCAAQAGAAcACAAJAAoACwAMAA0ADgAPABAAAATFREhEQUhFSMVMxUjFTMVITUzNSM1MzUjMxUzNTMVMzUzFTM1MxUzNTMVMzUFFTM1MxUzNTMVMzUzFTM1MxUzNS8DivylAyoMDAwM/NYRERERQmIxYTFiMWExYv1UYjFhMWIxYTFiAsLY/hACyCysMbYxqakxtjExMTExMTExMTEx5zExMTExMTExMTEAAAAABwAA//oDuQLCAAQAEAAUABgAHAAgACQAABMZASERBSERIxUzESERMzUjMxUzNTMVMzUzFTM1MxUzNTMVMzUvA4r8pQMqDAz81hERQmIxYTFiMWExYgLC/rT+hALILP7gMP7jAR0wMDAwMDAwMDAwMAAAAAAFAAD/0gMjAuoABQALAA4AFgAdAAABIiMRIREnFTMRIREFFyMnHQEjFTMVNycXBzUjNTMCctbXAl7luP38AXl9feNqao15XFxqagLq/OgCYom6/fwCvgyBbBhFUFyEVlZWQigABAAA/9IDIwLqAAUACwAOABUAAAEiIxEhEScVMxEhEQUXIycVIxUzFTcCctbXAl7luP38AXl9feNqao0C6vzoAmKJuv38Ar4MgWxdUFyEAAACAAD/1gNyAu8AbwDkAAABIgYHBgcGHwEVJi8BMScmJyYnJicmBxUGBwYXFhcWFxYfAScmJyYnJgcGBzkBBhcWFxYXFhcWFxYfASE3Nj8BNj8BNjc2NzYnLgEnJgYHBgcGDwE1NDU2JyYnLgEiBgcGBwYPAi8BJicmJy4BBzMHMjEzMhYXHgEfARYfAT8CNjc2Nz4BOwEyFh8BFhcWBxUfATY3Njc2NzYXOQEeARcWBwYHBg8BBgcGDwEhJicmJyYnJicmJyY+AhcWFxYfATcnJicmJyYnJjc+ATc2FhcWFxYXMRYfAT8BNi8BJjc2Nz4BAfIOGAcLAwMBAQYIAQkMBwsLERMXHRkHAwcFEAwFCA0GDRAJJyQWExcQHQUCGQ4kLRccOScQBQFMAwQKDBQbCxgKEAcKBgQYEQ4cChIPBgkGAQIECAYVGRYHDQcGBwYJBgMFBwcMBxcNAQIBAQUFBAcNBwIGCAghGgYHBQcHBAUFAgQCAgEGAgIBASAKEhAIDg0KDAkIAgQJBg0IFBMYGQUJCP7fDiE6HxguIwwTAgEGERYPHyIcHRcdDRAOBg0PBAYDAQUGDRUMCwwIDwoUESABAgEBAgMDBwQGAu4ODBQhHD8oQw0XAxcgDxkQGQkLCwELHhMjFjEmExsyFwwPCCIOCAECDhseGCARJS4cIVg7FQcMDS43XkccOxwtHywaDxcDAwsLESMKGBBLESU2FyIRCw8LCREbFjEkLzMgQh4jEAwOASEEBgw5Rxk4OCwBlSMxFBcJBQIBAwMLHBlAJ6AHFS8qEh4NCgEBBwkTIxgmFjMzPG4XJyUSNFklHS4lDxgOCAwQAQUNHhcgGw82PzIWKS0SGg8HBwMGChIQHhIoGjArBjI7Kh5GHBkOBgQAAAAACAAA/9sDbQLgABQAGAAqAC4AMgBMAGEAZQAAASIGBwYHFBYHFTM1Jjc+ARczNSMmBTM1Ixc2FxYHFTM0NTQnLgInJgcjATM1IwUzNSMFFBYXFhcWNzYXNhcWMzY3NSIjBicuATc1IwUUDgEjBisBFTIzFj4CNzY1NDUjBTM1IwECK0oLBAIBATIBAgQ2INhKZAEKLy+LOxwfBDIBAiQ5HwkTCf20MjICvjIy/UItIxQbECEZDAQLCQQFAhAfNxsfJwEyAr4WJhYjRyMUKT09NiIBATL+li4uAt85KxIXDjcORjBQKCItAjEBMjExBB0eQJgbOEklIDkkAQIB/kcxSzHUJ0cRCgICAQEBAQEBAQQtAQMHNSFXWRcqGwExAQUlOSAOHRULzTEAAAAABQAA/6gDjwMUAAgADAAQABQAGAAAARkBITUjETM1AQcXNw8BFzcPARc3DwEXNwJqASXq6v51PT49uD0+Pbg9Pj24PT49AxT+Sv5KPAL0PP7XPj0+Pj49Pj4+PT4+PT4+AAAAAAQAAP/wA6wCzQATACcANwBHAAATIg4BFREUHgEzITI+ATURNC4BIwUhMh4BFREUDgEjISIuATURND4BFyIGFREUFjMhMjY1ETQmIwUhMhYVERQGIyEiJjURNDbSKUQoKEQpAkUoRSgoRSj9uwJFHzQfHzQf/bsfNR8fNTwmNzcmAgsmNjYm/fUCCxgiIhj99RkiIgLMKEQp/k4oRSgoRSgBsilEKCIfNR/+Th81Hx81HwGyHzUfMTYm/oImNjYmAX4mNiIiGP6CGCIiGAF+GCIAAAAAAgAA/78DiwL3ABMAHAAAAQ4DHgM3PgI3Byc/AS4BCQEGHgE3AS4BAqIsUDsdBihDVC0wVTsLnoI6piJY/u/+mwMfMRcBXR8vAvMDKEVWWlE7HQMDL00wN0uMOiAg/p3+kxYxHwMBZBI3AAAAAQAA/+IDiALxABMAAAEGBwYHFh8BBwYHFh8BNj8BFzY3A4hRULRbFCciv6pUBw4LWbKyWDFaAvEpKForEiciv6pVBw4LWrKzWGCtAAIAAP/dA4oC8wARABUAAAEGBwYHFh8BDwI/Axc2NwEPATcDilFQtFsWKxvKzyj3AiDJWDFa/igboBoC8ykoWisULBvMIvcoD8XKWGCt/nKhGqEAAAIAAP/iA4oC8QAGAAoAAAEFFwEXARcFFSE1A4r+UVv+RSABvFn9zAFqAvHWWv5BIAHAWZ4rKwAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAEABUAAQAAAAAAAgAHABkAAQAAAAAAAwAEACAAAQAAAAAABAAEACQAAQAAAAAABQALACgAAQAAAAAABgAEADMAAQAAAAAACgArADcAAQAAAAAACwATAGIAAwABBAkAAAAqAHUAAwABBAkAAQAIAJ8AAwABBAkAAgAOAKcAAwABBAkAAwAIALUAAwABBAkABAAIAL0AAwABBAkABQAWAMUAAwABBAkABgAIANsAAwABBAkACgBWAOMAAwABBAkACwAmATljYW11bmRhIFNlcnZpY2VzIEdtYkhicG1uUmVndWxhcmJwbW5icG1uVmVyc2lvbiAxLjBicG1uR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AYwBhAG0AdQBuAGQAYQAgAFMAZQByAHYAaQBjAGUAcwAgAEcAbQBiAEgAYgBwAG0AbgBSAGUAZwB1AGwAYQByAGIAcABtAG4AYgBwAG0AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAYgBwAG0AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABsAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwEcAR0BHgEfASABIQEiASMBJAElASYBJwEoASkBKgErASwBLQEuAS8BMAExATIBMwE0ATUBNgE3ATgBOQE6ATsBPAE9AT4BPwFAAUEBQgFDAUQBRQFGAUcBSAFJAUoBSwFMAU0BTgFPAVABUQFSAVMBVAFVAVYBVwFYAVkBWgFbAVwBXQFeAV8BYAFhAWIBYwFkAWUBZgFnAWgBaQFqAWsBbAFtAAV0cmFzaBBnYXRld2F5LXBhcmFsbGVsH2ludGVybWVkaWF0ZS1ldmVudC1jYXRjaC1jYW5jZWwxaW50ZXJtZWRpYXRlLWV2ZW50LWNhdGNoLW5vbi1pbnRlcnJ1cHRpbmctbWVzc2FnZRhzdGFydC1ldmVudC1jb21wZW5zYXRpb24uc3RhcnQtZXZlbnQtbm9uLWludGVycnVwdGluZy1wYXJhbGxlbC1tdWx0aXBsZQtsb29wLW1hcmtlchJwYXJhbGxlbC1taS1tYXJrZXIjc3RhcnQtZXZlbnQtbm9uLWludGVycnVwdGluZy1zaWduYWwvaW50ZXJtZWRpYXRlLWV2ZW50LWNhdGNoLW5vbi1pbnRlcnJ1cHRpbmctdGltZXIqaW50ZXJtZWRpYXRlLWV2ZW50LWNhdGNoLXBhcmFsbGVsLW11bHRpcGxlJWludGVybWVkaWF0ZS1ldmVudC1jYXRjaC1jb21wZW5zYXRpb24LZ2F0ZXdheS14b3IQZW5kLWV2ZW50LWNhbmNlbCJpbnRlcm1lZGlhdGUtZXZlbnQtY2F0Y2gtY29uZGl0aW9uO2ludGVybWVkaWF0ZS1ldmVudC1jYXRjaC1ub24taW50ZXJydXB0aW5nLXBhcmFsbGVsLW11bHRpcGxlFXN0YXJ0LWV2ZW50LWNvbmRpdGlvbiJzdGFydC1ldmVudC1ub24taW50ZXJydXB0aW5nLXRpbWVyFHNlcXVlbnRpYWwtbWktbWFya2VyCXVzZXItdGFzaw1idXNpbmVzcy1ydWxlEnN1Yi1wcm9jZXNzLW1hcmtlch1zdGFydC1ldmVudC1wYXJhbGxlbC1tdWx0aXBsZRFzdGFydC1ldmVudC1lcnJvch9pbnRlcm1lZGlhdGUtZXZlbnQtY2F0Y2gtc2lnbmFsHmludGVybWVkaWF0ZS1ldmVudC1jYXRjaC1lcnJvchZlbmQtZXZlbnQtY29tcGVuc2F0aW9uFHN1YnByb2Nlc3MtY29sbGFwc2VkE3N1YnByb2Nlc3MtZXhwYW5kZWQEdGFzaw9lbmQtZXZlbnQtZXJyb3IjaW50ZXJtZWRpYXRlLWV2ZW50LWNhdGNoLWVzY2FsYXRpb24eaW50ZXJtZWRpYXRlLWV2ZW50LWNhdGNoLXRpbWVyFnN0YXJ0LWV2ZW50LWVzY2FsYXRpb24Sc3RhcnQtZXZlbnQtc2lnbmFsEmJ1c2luZXNzLXJ1bGUtdGFzawZtYW51YWwHcmVjZWl2ZQ1jYWxsLWFjdGl2aXR5EXN0YXJ0LWV2ZW50LXRpbWVyE3N0YXJ0LWV2ZW50LW1lc3NhZ2UXaW50ZXJtZWRpYXRlLWV2ZW50LW5vbmUdaW50ZXJtZWRpYXRlLWV2ZW50LWNhdGNoLWxpbmsUZW5kLWV2ZW50LWVzY2FsYXRpb24HYnBtbi1pbw9nYXRld2F5LWNvbXBsZXgSZ2F0ZXdheS1ldmVudGJhc2VkDGdhdGV3YXktbm9uZQpnYXRld2F5LW9yE2VuZC1ldmVudC10ZXJtaW5hdGUQZW5kLWV2ZW50LXNpZ25hbA5lbmQtZXZlbnQtbm9uZRJlbmQtZXZlbnQtbXVsdGlwbGURZW5kLWV2ZW50LW1lc3NhZ2UOZW5kLWV2ZW50LWxpbmsgaW50ZXJtZWRpYXRlLWV2ZW50LWNhdGNoLW1lc3NhZ2UlaW50ZXJtZWRpYXRlLWV2ZW50LXRocm93LWNvbXBlbnNhdGlvbhRzdGFydC1ldmVudC1tdWx0aXBsZQZzY3JpcHQLbWFudWFsLXRhc2sEc2VuZAdzZXJ2aWNlDHJlY2VpdmUtdGFzawR1c2VyEHN0YXJ0LWV2ZW50LW5vbmUjaW50ZXJtZWRpYXRlLWV2ZW50LXRocm93LWVzY2FsYXRpb24haW50ZXJtZWRpYXRlLWV2ZW50LWNhdGNoLW11bHRpcGxlNGludGVybWVkaWF0ZS1ldmVudC1jYXRjaC1ub24taW50ZXJydXB0aW5nLWVzY2FsYXRpb24daW50ZXJtZWRpYXRlLWV2ZW50LXRocm93LWxpbmsmc3RhcnQtZXZlbnQtbm9uLWludGVycnVwdGluZy1jb25kaXRpb24LZGF0YS1vYmplY3QLc2NyaXB0LXRhc2sJc2VuZC10YXNrCmRhdGEtc3RvcmUnc3RhcnQtZXZlbnQtbm9uLWludGVycnVwdGluZy1lc2NhbGF0aW9uIGludGVybWVkaWF0ZS1ldmVudC10aHJvdy1tZXNzYWdlMmludGVybWVkaWF0ZS1ldmVudC1jYXRjaC1ub24taW50ZXJydXB0aW5nLW11bHRpcGxlMGludGVybWVkaWF0ZS1ldmVudC1jYXRjaC1ub24taW50ZXJydXB0aW5nLXNpZ25hbCFpbnRlcm1lZGlhdGUtZXZlbnQtdGhyb3ctbXVsdGlwbGUkc3RhcnQtZXZlbnQtbm9uLWludGVycnVwdGluZy1tZXNzYWdlDWFkLWhvYy1tYXJrZXIMc2VydmljZS10YXNrCXRhc2stbm9uZRNjb21wZW5zYXRpb24tbWFya2VyJXN0YXJ0LWV2ZW50LW5vbi1pbnRlcnJ1cHRpbmctbXVsdGlwbGUfaW50ZXJtZWRpYXRlLWV2ZW50LXRocm93LXNpZ25hbDNpbnRlcm1lZGlhdGUtZXZlbnQtY2F0Y2gtbm9uLWludGVycnVwdGluZy1jb25kaXRpb24LcGFydGljaXBhbnQZZXZlbnQtc3VicHJvY2Vzcy1leHBhbmRlZBFsYW5lLWluc2VydC1iZWxvdwpzcGFjZS10b29sEGNvbm5lY3Rpb24tbXVsdGkEbGFuZQpsYXNzby10b29sEWxhbmUtaW5zZXJ0LWFib3ZlEWxhbmUtZGl2aWRlLXRocmVlD2xhbmUtZGl2aWRlLXR3bwpkYXRhLWlucHV0C2RhdGEtb3V0cHV0CWhhbmQtdG9vbAVncm91cA90ZXh0LWFubm90YXRpb24LdHJhbnNhY3Rpb24Mc2NyZXctd3JlbmNoCmNvbm5lY3Rpb24QY29uZGl0aW9uYWwtZmxvdwxkZWZhdWx0LWZsb3cAAA==') format('truetype');
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'bpmn';
    src: url('../font/bpmn.svg?16406289#bpmn') format('svg');
  }
}
*/

[class^="bpmn-icon-"]:before, [class*=" bpmn-icon-"]:before {
  font-family: "bpmn";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  /* margin-right: .2em; */
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* margin-left: .2em; */

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.bpmn-icon-trash:before { content: '\e801'; } /* '' */
.bpmn-icon-gateway-parallel:before { content: '\e804'; } /* '' */
.bpmn-icon-intermediate-event-catch-cancel:before { content: '\e805'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-message:before { content: '\e806'; } /* '' */
.bpmn-icon-start-event-compensation:before { content: '\e807'; } /* '' */
.bpmn-icon-start-event-non-interrupting-parallel-multiple:before { content: '\e808'; } /* '' */
.bpmn-icon-loop-marker:before { content: '\e809'; } /* '' */
.bpmn-icon-parallel-mi-marker:before { content: '\e80a'; } /* '' */
.bpmn-icon-start-event-non-interrupting-signal:before { content: '\e80b'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-timer:before { content: '\e80c'; } /* '' */
.bpmn-icon-intermediate-event-catch-parallel-multiple:before { content: '\e80d'; } /* '' */
.bpmn-icon-intermediate-event-catch-compensation:before { content: '\e80e'; } /* '' */
.bpmn-icon-gateway-xor:before { content: '\e80f'; } /* '' */
.bpmn-icon-end-event-cancel:before { content: '\e811'; } /* '' */
.bpmn-icon-intermediate-event-catch-condition:before { content: '\e812'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-parallel-multiple:before { content: '\e813'; } /* '' */
.bpmn-icon-start-event-condition:before { content: '\e814'; } /* '' */
.bpmn-icon-start-event-non-interrupting-timer:before { content: '\e815'; } /* '' */
.bpmn-icon-sequential-mi-marker:before { content: '\e816'; } /* '' */
.bpmn-icon-user-task:before { content: '\e817'; } /* '' */
.bpmn-icon-business-rule:before { content: '\e818'; } /* '' */
.bpmn-icon-sub-process-marker:before { content: '\e819'; } /* '' */
.bpmn-icon-start-event-parallel-multiple:before { content: '\e81a'; } /* '' */
.bpmn-icon-start-event-error:before { content: '\e81b'; } /* '' */
.bpmn-icon-intermediate-event-catch-signal:before { content: '\e81c'; } /* '' */
.bpmn-icon-intermediate-event-catch-error:before { content: '\e81d'; } /* '' */
.bpmn-icon-end-event-compensation:before { content: '\e81e'; } /* '' */
.bpmn-icon-subprocess-collapsed:before { content: '\e81f'; } /* '' */
.bpmn-icon-subprocess-expanded:before { content: '\e820'; } /* '' */
.bpmn-icon-task:before { content: '\e821'; } /* '' */
.bpmn-icon-end-event-error:before { content: '\e822'; } /* '' */
.bpmn-icon-intermediate-event-catch-escalation:before { content: '\e823'; } /* '' */
.bpmn-icon-intermediate-event-catch-timer:before { content: '\e824'; } /* '' */
.bpmn-icon-start-event-escalation:before { content: '\e825'; } /* '' */
.bpmn-icon-start-event-signal:before { content: '\e826'; } /* '' */
.bpmn-icon-business-rule-task:before { content: '\e827'; } /* '' */
.bpmn-icon-manual:before { content: '\e828'; } /* '' */
.bpmn-icon-receive:before { content: '\e829'; } /* '' */
.bpmn-icon-call-activity:before { content: '\e82a'; } /* '' */
.bpmn-icon-start-event-timer:before { content: '\e82b'; } /* '' */
.bpmn-icon-start-event-message:before { content: '\e82c'; } /* '' */
.bpmn-icon-intermediate-event-none:before { content: '\e82d'; } /* '' */
.bpmn-icon-intermediate-event-catch-link:before { content: '\e82e'; } /* '' */
.bpmn-icon-end-event-escalation:before { content: '\e82f'; } /* '' */
.bpmn-icon-bpmn-io:before { content: '\e831'; } /* '' */
.bpmn-icon-gateway-complex:before { content: '\e832'; } /* '' */
.bpmn-icon-gateway-eventbased:before { content: '\e833'; } /* '' */
.bpmn-icon-gateway-none:before { content: '\e834'; } /* '' */
.bpmn-icon-gateway-or:before { content: '\e835'; } /* '' */
.bpmn-icon-end-event-terminate:before { content: '\e836'; } /* '' */
.bpmn-icon-end-event-signal:before { content: '\e837'; } /* '' */
.bpmn-icon-end-event-none:before { content: '\e838'; } /* '' */
.bpmn-icon-end-event-multiple:before { content: '\e839'; } /* '' */
.bpmn-icon-end-event-message:before { content: '\e83a'; } /* '' */
.bpmn-icon-end-event-link:before { content: '\e83b'; } /* '' */
.bpmn-icon-intermediate-event-catch-message:before { content: '\e83c'; } /* '' */
.bpmn-icon-intermediate-event-throw-compensation:before { content: '\e83d'; } /* '' */
.bpmn-icon-start-event-multiple:before { content: '\e83e'; } /* '' */
.bpmn-icon-script:before { content: '\e83f'; } /* '' */
.bpmn-icon-manual-task:before { content: '\e840'; } /* '' */
.bpmn-icon-send:before { content: '\e841'; } /* '' */
.bpmn-icon-service:before { content: '\e842'; } /* '' */
.bpmn-icon-receive-task:before { content: '\e843'; } /* '' */
.bpmn-icon-user:before { content: '\e844'; } /* '' */
.bpmn-icon-start-event-none:before { content: '\e845'; } /* '' */
.bpmn-icon-intermediate-event-throw-escalation:before { content: '\e846'; } /* '' */
.bpmn-icon-intermediate-event-catch-multiple:before { content: '\e847'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-escalation:before { content: '\e848'; } /* '' */
.bpmn-icon-intermediate-event-throw-link:before { content: '\e849'; } /* '' */
.bpmn-icon-start-event-non-interrupting-condition:before { content: '\e84a'; } /* '' */
.bpmn-icon-data-object:before { content: '\e84b'; } /* '' */
.bpmn-icon-script-task:before { content: '\e84c'; } /* '' */
.bpmn-icon-send-task:before { content: '\e84d'; } /* '' */
.bpmn-icon-data-store:before { content: '\e84e'; } /* '' */
.bpmn-icon-start-event-non-interrupting-escalation:before { content: '\e84f'; } /* '' */
.bpmn-icon-intermediate-event-throw-message:before { content: '\e850'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-multiple:before { content: '\e851'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-signal:before { content: '\e852'; } /* '' */
.bpmn-icon-intermediate-event-throw-multiple:before { content: '\e853'; } /* '' */
.bpmn-icon-start-event-non-interrupting-message:before { content: '\e854'; } /* '' */
.bpmn-icon-ad-hoc-marker:before { content: '\e855'; } /* '' */
.bpmn-icon-service-task:before { content: '\e856'; } /* '' */
.bpmn-icon-task-none:before { content: '\e857'; } /* '' */
.bpmn-icon-compensation-marker:before { content: '\e858'; } /* '' */
.bpmn-icon-start-event-non-interrupting-multiple:before { content: '\e859'; } /* '' */
.bpmn-icon-intermediate-event-throw-signal:before { content: '\e85a'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-condition:before { content: '\e85b'; } /* '' */
.bpmn-icon-participant:before { content: '\e85c'; } /* '' */
.bpmn-icon-event-subprocess-expanded:before { content: '\e85d'; } /* '' */
.bpmn-icon-lane-insert-below:before { content: '\e85e'; } /* '' */
.bpmn-icon-space-tool:before { content: '\e85f'; } /* '' */
.bpmn-icon-connection-multi:before { content: '\e860'; } /* '' */
.bpmn-icon-lane:before { content: '\e861'; } /* '' */
.bpmn-icon-lasso-tool:before { content: '\e862'; } /* '' */
.bpmn-icon-lane-insert-above:before { content: '\e863'; } /* '' */
.bpmn-icon-lane-divide-three:before { content: '\e864'; } /* '' */
.bpmn-icon-lane-divide-two:before { content: '\e865'; } /* '' */
.bpmn-icon-data-input:before { content: '\e866'; } /* '' */
.bpmn-icon-data-output:before { content: '\e867'; } /* '' */
.bpmn-icon-hand-tool:before { content: '\e868'; } /* '' */
.bpmn-icon-group:before { content: '\e869'; } /* '' */
.bpmn-icon-text-annotation:before { content: '\e86b'; } /* '' */
.bpmn-icon-transaction:before { content: '\e8c4'; } /* '' */
.bpmn-icon-screw-wrench:before { content: '\e8db'; } /* '' */
.bpmn-icon-connection:before { content: '\e8dc'; } /* '' */
.bpmn-icon-conditional-flow:before { content: '\e8e0'; } /* '' */
.bpmn-icon-default-flow:before { content: '\e8e1'; } /* '' */

/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/bpmn-js/dist/assets/bpmn-font/css/bpmn.css ***!
  \*************************************************************************************************************************************************************************************************************************************************/
@charset "utf-8";
@font-face {
  font-family: 'bpmn';
  src: url('bpmn.07cc7b0a618a038c.eot?21877404');
  src: url('bpmn.07cc7b0a618a038c.eot?21877404#iefix') format('embedded-opentype'),
       url('bpmn.76ecdcbd4787fcd7.woff2?21877404') format('woff2'),
       url('bpmn.6746de2af36ee96b.woff?21877404') format('woff'),
       url('bpmn.be10e9359d979ef1.ttf?21877404') format('truetype'),
       url('bpmn.7fe555eb41dfd38c.svg?21877404#bpmn') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'bpmn';
    src: url('../font/bpmn.svg?21877404#bpmn') format('svg');
  }
}
*/
[class^="bpmn-icon-"]:before, [class*=" bpmn-icon-"]:before {
  font-family: "bpmn";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  /* margin-right: .2em; */
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* margin-left: .2em; */

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.bpmn-icon-trash:before { content: '\e801'; } /* '' */
.bpmn-icon-gateway-parallel:before { content: '\e804'; } /* '' */
.bpmn-icon-intermediate-event-catch-cancel:before { content: '\e805'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-message:before { content: '\e806'; } /* '' */
.bpmn-icon-start-event-compensation:before { content: '\e807'; } /* '' */
.bpmn-icon-start-event-non-interrupting-parallel-multiple:before { content: '\e808'; } /* '' */
.bpmn-icon-loop-marker:before { content: '\e809'; } /* '' */
.bpmn-icon-parallel-mi-marker:before { content: '\e80a'; } /* '' */
.bpmn-icon-start-event-non-interrupting-signal:before { content: '\e80b'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-timer:before { content: '\e80c'; } /* '' */
.bpmn-icon-intermediate-event-catch-parallel-multiple:before { content: '\e80d'; } /* '' */
.bpmn-icon-intermediate-event-catch-compensation:before { content: '\e80e'; } /* '' */
.bpmn-icon-gateway-xor:before { content: '\e80f'; } /* '' */
.bpmn-icon-end-event-cancel:before { content: '\e811'; } /* '' */
.bpmn-icon-intermediate-event-catch-condition:before { content: '\e812'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-parallel-multiple:before { content: '\e813'; } /* '' */
.bpmn-icon-start-event-condition:before { content: '\e814'; } /* '' */
.bpmn-icon-start-event-non-interrupting-timer:before { content: '\e815'; } /* '' */
.bpmn-icon-sequential-mi-marker:before { content: '\e816'; } /* '' */
.bpmn-icon-user-task:before { content: '\e817'; } /* '' */
.bpmn-icon-business-rule:before { content: '\e818'; } /* '' */
.bpmn-icon-sub-process-marker:before { content: '\e819'; } /* '' */
.bpmn-icon-start-event-parallel-multiple:before { content: '\e81a'; } /* '' */
.bpmn-icon-start-event-error:before { content: '\e81b'; } /* '' */
.bpmn-icon-intermediate-event-catch-signal:before { content: '\e81c'; } /* '' */
.bpmn-icon-intermediate-event-catch-error:before { content: '\e81d'; } /* '' */
.bpmn-icon-end-event-compensation:before { content: '\e81e'; } /* '' */
.bpmn-icon-subprocess-collapsed:before { content: '\e81f'; } /* '' */
.bpmn-icon-subprocess-expanded:before { content: '\e820'; } /* '' */
.bpmn-icon-task:before { content: '\e821'; } /* '' */
.bpmn-icon-end-event-error:before { content: '\e822'; } /* '' */
.bpmn-icon-intermediate-event-catch-escalation:before { content: '\e823'; } /* '' */
.bpmn-icon-intermediate-event-catch-timer:before { content: '\e824'; } /* '' */
.bpmn-icon-start-event-escalation:before { content: '\e825'; } /* '' */
.bpmn-icon-start-event-signal:before { content: '\e826'; } /* '' */
.bpmn-icon-business-rule-task:before { content: '\e827'; } /* '' */
.bpmn-icon-manual:before { content: '\e828'; } /* '' */
.bpmn-icon-receive:before { content: '\e829'; } /* '' */
.bpmn-icon-call-activity:before { content: '\e82a'; } /* '' */
.bpmn-icon-start-event-timer:before { content: '\e82b'; } /* '' */
.bpmn-icon-start-event-message:before { content: '\e82c'; } /* '' */
.bpmn-icon-intermediate-event-none:before { content: '\e82d'; } /* '' */
.bpmn-icon-intermediate-event-catch-link:before { content: '\e82e'; } /* '' */
.bpmn-icon-end-event-escalation:before { content: '\e82f'; } /* '' */
.bpmn-icon-bpmn-io:before { content: '\e831'; } /* '' */
.bpmn-icon-gateway-complex:before { content: '\e832'; } /* '' */
.bpmn-icon-gateway-eventbased:before { content: '\e833'; } /* '' */
.bpmn-icon-gateway-none:before { content: '\e834'; } /* '' */
.bpmn-icon-gateway-or:before { content: '\e835'; } /* '' */
.bpmn-icon-end-event-terminate:before { content: '\e836'; } /* '' */
.bpmn-icon-end-event-signal:before { content: '\e837'; } /* '' */
.bpmn-icon-end-event-none:before { content: '\e838'; } /* '' */
.bpmn-icon-end-event-multiple:before { content: '\e839'; } /* '' */
.bpmn-icon-end-event-message:before { content: '\e83a'; } /* '' */
.bpmn-icon-end-event-link:before { content: '\e83b'; } /* '' */
.bpmn-icon-intermediate-event-catch-message:before { content: '\e83c'; } /* '' */
.bpmn-icon-intermediate-event-throw-compensation:before { content: '\e83d'; } /* '' */
.bpmn-icon-start-event-multiple:before { content: '\e83e'; } /* '' */
.bpmn-icon-script:before { content: '\e83f'; } /* '' */
.bpmn-icon-manual-task:before { content: '\e840'; } /* '' */
.bpmn-icon-send:before { content: '\e841'; } /* '' */
.bpmn-icon-service:before { content: '\e842'; } /* '' */
.bpmn-icon-receive-task:before { content: '\e843'; } /* '' */
.bpmn-icon-user:before { content: '\e844'; } /* '' */
.bpmn-icon-start-event-none:before { content: '\e845'; } /* '' */
.bpmn-icon-intermediate-event-throw-escalation:before { content: '\e846'; } /* '' */
.bpmn-icon-intermediate-event-catch-multiple:before { content: '\e847'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-escalation:before { content: '\e848'; } /* '' */
.bpmn-icon-intermediate-event-throw-link:before { content: '\e849'; } /* '' */
.bpmn-icon-start-event-non-interrupting-condition:before { content: '\e84a'; } /* '' */
.bpmn-icon-data-object:before { content: '\e84b'; } /* '' */
.bpmn-icon-script-task:before { content: '\e84c'; } /* '' */
.bpmn-icon-send-task:before { content: '\e84d'; } /* '' */
.bpmn-icon-data-store:before { content: '\e84e'; } /* '' */
.bpmn-icon-start-event-non-interrupting-escalation:before { content: '\e84f'; } /* '' */
.bpmn-icon-intermediate-event-throw-message:before { content: '\e850'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-multiple:before { content: '\e851'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-signal:before { content: '\e852'; } /* '' */
.bpmn-icon-intermediate-event-throw-multiple:before { content: '\e853'; } /* '' */
.bpmn-icon-start-event-non-interrupting-message:before { content: '\e854'; } /* '' */
.bpmn-icon-ad-hoc-marker:before { content: '\e855'; } /* '' */
.bpmn-icon-service-task:before { content: '\e856'; } /* '' */
.bpmn-icon-task-none:before { content: '\e857'; } /* '' */
.bpmn-icon-compensation-marker:before { content: '\e858'; } /* '' */
.bpmn-icon-start-event-non-interrupting-multiple:before { content: '\e859'; } /* '' */
.bpmn-icon-intermediate-event-throw-signal:before { content: '\e85a'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-condition:before { content: '\e85b'; } /* '' */
.bpmn-icon-participant:before { content: '\e85c'; } /* '' */
.bpmn-icon-event-subprocess-expanded:before { content: '\e85d'; } /* '' */
.bpmn-icon-lane-insert-below:before { content: '\e85e'; } /* '' */
.bpmn-icon-space-tool:before { content: '\e85f'; } /* '' */
.bpmn-icon-connection-multi:before { content: '\e860'; } /* '' */
.bpmn-icon-lane:before { content: '\e861'; } /* '' */
.bpmn-icon-lasso-tool:before { content: '\e862'; } /* '' */
.bpmn-icon-lane-insert-above:before { content: '\e863'; } /* '' */
.bpmn-icon-lane-divide-three:before { content: '\e864'; } /* '' */
.bpmn-icon-lane-divide-two:before { content: '\e865'; } /* '' */
.bpmn-icon-data-input:before { content: '\e866'; } /* '' */
.bpmn-icon-data-output:before { content: '\e867'; } /* '' */
.bpmn-icon-hand-tool:before { content: '\e868'; } /* '' */
.bpmn-icon-group:before { content: '\e869'; } /* '' */
.bpmn-icon-text-annotation:before { content: '\e86b'; } /* '' */
.bpmn-icon-transaction:before { content: '\e8c4'; } /* '' */
.bpmn-icon-screw-wrench:before { content: '\e8db'; } /* '' */
.bpmn-icon-connection:before { content: '\e8dc'; } /* '' */
.bpmn-icon-conditional-flow:before { content: '\e8e0'; } /* '' */
.bpmn-icon-default-flow:before { content: '\e8e1'; } /* '' */

/*!*******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************/

.bpmn-icon-trash:before { content: '\e801'; } /* '' */
.bpmn-icon-gateway-parallel:before { content: '\e804'; } /* '' */
.bpmn-icon-intermediate-event-catch-cancel:before { content: '\e805'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-message:before { content: '\e806'; } /* '' */
.bpmn-icon-start-event-compensation:before { content: '\e807'; } /* '' */
.bpmn-icon-start-event-non-interrupting-parallel-multiple:before { content: '\e808'; } /* '' */
.bpmn-icon-loop-marker:before { content: '\e809'; } /* '' */
.bpmn-icon-parallel-mi-marker:before { content: '\e80a'; } /* '' */
.bpmn-icon-start-event-non-interrupting-signal:before { content: '\e80b'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-timer:before { content: '\e80c'; } /* '' */
.bpmn-icon-intermediate-event-catch-parallel-multiple:before { content: '\e80d'; } /* '' */
.bpmn-icon-intermediate-event-catch-compensation:before { content: '\e80e'; } /* '' */
.bpmn-icon-gateway-xor:before { content: '\e80f'; } /* '' */
.bpmn-icon-end-event-cancel:before { content: '\e811'; } /* '' */
.bpmn-icon-intermediate-event-catch-condition:before { content: '\e812'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-parallel-multiple:before { content: '\e813'; } /* '' */
.bpmn-icon-start-event-condition:before { content: '\e814'; } /* '' */
.bpmn-icon-start-event-non-interrupting-timer:before { content: '\e815'; } /* '' */
.bpmn-icon-sequential-mi-marker:before { content: '\e816'; } /* '' */
.bpmn-icon-user-task:before { content: '\e817'; } /* '' */
.bpmn-icon-business-rule:before { content: '\e818'; } /* '' */
.bpmn-icon-sub-process-marker:before { content: '\e819'; } /* '' */
.bpmn-icon-start-event-parallel-multiple:before { content: '\e81a'; } /* '' */
.bpmn-icon-start-event-error:before { content: '\e81b'; } /* '' */
.bpmn-icon-intermediate-event-catch-signal:before { content: '\e81c'; } /* '' */
.bpmn-icon-intermediate-event-catch-error:before { content: '\e81d'; } /* '' */
.bpmn-icon-end-event-compensation:before { content: '\e81e'; } /* '' */
.bpmn-icon-subprocess-collapsed:before { content: '\e81f'; } /* '' */
.bpmn-icon-subprocess-expanded:before { content: '\e820'; } /* '' */
.bpmn-icon-task:before { content: '\e821'; } /* '' */
.bpmn-icon-end-event-error:before { content: '\e822'; } /* '' */
.bpmn-icon-intermediate-event-catch-escalation:before { content: '\e823'; } /* '' */
.bpmn-icon-intermediate-event-catch-timer:before { content: '\e824'; } /* '' */
.bpmn-icon-start-event-escalation:before { content: '\e825'; } /* '' */
.bpmn-icon-start-event-signal:before { content: '\e826'; } /* '' */
.bpmn-icon-business-rule-task:before { content: '\e827'; } /* '' */
.bpmn-icon-manual:before { content: '\e828'; } /* '' */
.bpmn-icon-receive:before { content: '\e829'; } /* '' */
.bpmn-icon-call-activity:before { content: '\e82a'; } /* '' */
.bpmn-icon-start-event-timer:before { content: '\e82b'; } /* '' */
.bpmn-icon-start-event-message:before { content: '\e82c'; } /* '' */
.bpmn-icon-intermediate-event-none:before { content: '\e82d'; } /* '' */
.bpmn-icon-intermediate-event-catch-link:before { content: '\e82e'; } /* '' */
.bpmn-icon-end-event-escalation:before { content: '\e82f'; } /* '' */
.bpmn-icon-bpmn-io:before { content: '\e831'; } /* '' */
.bpmn-icon-gateway-complex:before { content: '\e832'; } /* '' */
.bpmn-icon-gateway-eventbased:before { content: '\e833'; } /* '' */
.bpmn-icon-gateway-none:before { content: '\e834'; } /* '' */
.bpmn-icon-gateway-or:before { content: '\e835'; } /* '' */
.bpmn-icon-end-event-terminate:before { content: '\e836'; } /* '' */
.bpmn-icon-end-event-signal:before { content: '\e837'; } /* '' */
.bpmn-icon-end-event-none:before { content: '\e838'; } /* '' */
.bpmn-icon-end-event-multiple:before { content: '\e839'; } /* '' */
.bpmn-icon-end-event-message:before { content: '\e83a'; } /* '' */
.bpmn-icon-end-event-link:before { content: '\e83b'; } /* '' */
.bpmn-icon-intermediate-event-catch-message:before { content: '\e83c'; } /* '' */
.bpmn-icon-intermediate-event-throw-compensation:before { content: '\e83d'; } /* '' */
.bpmn-icon-start-event-multiple:before { content: '\e83e'; } /* '' */
.bpmn-icon-script:before { content: '\e83f'; } /* '' */
.bpmn-icon-manual-task:before { content: '\e840'; } /* '' */
.bpmn-icon-send:before { content: '\e841'; } /* '' */
.bpmn-icon-service:before { content: '\e842'; } /* '' */
.bpmn-icon-receive-task:before { content: '\e843'; } /* '' */
.bpmn-icon-user:before { content: '\e844'; } /* '' */
.bpmn-icon-start-event-none:before { content: '\e845'; } /* '' */
.bpmn-icon-intermediate-event-throw-escalation:before { content: '\e846'; } /* '' */
.bpmn-icon-intermediate-event-catch-multiple:before { content: '\e847'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-escalation:before { content: '\e848'; } /* '' */
.bpmn-icon-intermediate-event-throw-link:before { content: '\e849'; } /* '' */
.bpmn-icon-start-event-non-interrupting-condition:before { content: '\e84a'; } /* '' */
.bpmn-icon-data-object:before { content: '\e84b'; } /* '' */
.bpmn-icon-script-task:before { content: '\e84c'; } /* '' */
.bpmn-icon-send-task:before { content: '\e84d'; } /* '' */
.bpmn-icon-data-store:before { content: '\e84e'; } /* '' */
.bpmn-icon-start-event-non-interrupting-escalation:before { content: '\e84f'; } /* '' */
.bpmn-icon-intermediate-event-throw-message:before { content: '\e850'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-multiple:before { content: '\e851'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-signal:before { content: '\e852'; } /* '' */
.bpmn-icon-intermediate-event-throw-multiple:before { content: '\e853'; } /* '' */
.bpmn-icon-start-event-non-interrupting-message:before { content: '\e854'; } /* '' */
.bpmn-icon-ad-hoc-marker:before { content: '\e855'; } /* '' */
.bpmn-icon-service-task:before { content: '\e856'; } /* '' */
.bpmn-icon-task-none:before { content: '\e857'; } /* '' */
.bpmn-icon-compensation-marker:before { content: '\e858'; } /* '' */
.bpmn-icon-start-event-non-interrupting-multiple:before { content: '\e859'; } /* '' */
.bpmn-icon-intermediate-event-throw-signal:before { content: '\e85a'; } /* '' */
.bpmn-icon-intermediate-event-catch-non-interrupting-condition:before { content: '\e85b'; } /* '' */
.bpmn-icon-participant:before { content: '\e85c'; } /* '' */
.bpmn-icon-event-subprocess-expanded:before { content: '\e85d'; } /* '' */
.bpmn-icon-lane-insert-below:before { content: '\e85e'; } /* '' */
.bpmn-icon-space-tool:before { content: '\e85f'; } /* '' */
.bpmn-icon-connection-multi:before { content: '\e860'; } /* '' */
.bpmn-icon-lane:before { content: '\e861'; } /* '' */
.bpmn-icon-lasso-tool:before { content: '\e862'; } /* '' */
.bpmn-icon-lane-insert-above:before { content: '\e863'; } /* '' */
.bpmn-icon-lane-divide-three:before { content: '\e864'; } /* '' */
.bpmn-icon-lane-divide-two:before { content: '\e865'; } /* '' */
.bpmn-icon-data-input:before { content: '\e866'; } /* '' */
.bpmn-icon-data-output:before { content: '\e867'; } /* '' */
.bpmn-icon-hand-tool:before { content: '\e868'; } /* '' */
.bpmn-icon-group:before { content: '\e869'; } /* '' */
.bpmn-icon-text-annotation:before { content: '\e86b'; } /* '' */
.bpmn-icon-transaction:before { content: '\e8c4'; } /* '' */
.bpmn-icon-screw-wrench:before { content: '\e8db'; } /* '' */
.bpmn-icon-connection:before { content: '\e8dc'; } /* '' */
.bpmn-icon-conditional-flow:before { content: '\e8e0'; } /* '' */
.bpmn-icon-default-flow:before { content: '\e8e1'; } /* '' */

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*
* Font Face
*/
@font-face {
  font-family: "simple-line-icons";
  src: url('Simple-Line-Icons.eaf4ee541957b80f.eot?v=2.4.0');
  src: url('Simple-Line-Icons.eaf4ee541957b80f.eot?v=2.4.0#iefix') format("embedded-opentype"), url('Simple-Line-Icons.5689ee571bc3ae7f.woff2?v=2.4.0') format("woff2"), url('Simple-Line-Icons.c12706c1c29891ed.ttf?v=2.4.0') format("truetype"), url('Simple-Line-Icons.85169f9d8957e2e5.woff?v=2.4.0') format("woff"), url('Simple-Line-Icons.52d717ba24b0987a.svg?v=2.4.0#simple-line-icons') format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
 Use the following code if you want to have a class per icon.
 Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector,
 but it's slower.
*/
.icon-user, .icon-people, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-event, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox, .icon-social-vkontakte, .icon-social-steam {
  font-family: "simple-line-icons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-user:before {
  content: "\e005";
}

.icon-people:before {
  content: "\e001";
}

.icon-user-female:before {
  content: "\e000";
}

.icon-user-follow:before {
  content: "\e002";
}

.icon-user-following:before {
  content: "\e003";
}

.icon-user-unfollow:before {
  content: "\e004";
}

.icon-login:before {
  content: "\e066";
}

.icon-logout:before {
  content: "\e065";
}

.icon-emotsmile:before {
  content: "\e021";
}

.icon-phone:before {
  content: "\e600";
}

.icon-call-end:before {
  content: "\e048";
}

.icon-call-in:before {
  content: "\e047";
}

.icon-call-out:before {
  content: "\e046";
}

.icon-map:before {
  content: "\e033";
}

.icon-location-pin:before {
  content: "\e096";
}

.icon-direction:before {
  content: "\e042";
}

.icon-directions:before {
  content: "\e041";
}

.icon-compass:before {
  content: "\e045";
}

.icon-layers:before {
  content: "\e034";
}

.icon-menu:before {
  content: "\e601";
}

.icon-list:before {
  content: "\e067";
}

.icon-options-vertical:before {
  content: "\e602";
}

.icon-options:before {
  content: "\e603";
}

.icon-arrow-down:before {
  content: "\e604";
}

.icon-arrow-left:before {
  content: "\e605";
}

.icon-arrow-right:before {
  content: "\e606";
}

.icon-arrow-up:before {
  content: "\e607";
}

.icon-arrow-up-circle:before {
  content: "\e078";
}

.icon-arrow-left-circle:before {
  content: "\e07a";
}

.icon-arrow-right-circle:before {
  content: "\e079";
}

.icon-arrow-down-circle:before {
  content: "\e07b";
}

.icon-check:before {
  content: "\e080";
}

.icon-clock:before {
  content: "\e081";
}

.icon-plus:before {
  content: "\e095";
}

.icon-minus:before {
  content: "\e615";
}

.icon-close:before {
  content: "\e082";
}

.icon-event:before {
  content: "\e619";
}

.icon-exclamation:before {
  content: "\e617";
}

.icon-organization:before {
  content: "\e616";
}

.icon-trophy:before {
  content: "\e006";
}

.icon-screen-smartphone:before {
  content: "\e010";
}

.icon-screen-desktop:before {
  content: "\e011";
}

.icon-plane:before {
  content: "\e012";
}

.icon-notebook:before {
  content: "\e013";
}

.icon-mustache:before {
  content: "\e014";
}

.icon-mouse:before {
  content: "\e015";
}

.icon-magnet:before {
  content: "\e016";
}

.icon-energy:before {
  content: "\e020";
}

.icon-disc:before {
  content: "\e022";
}

.icon-cursor:before {
  content: "\e06e";
}

.icon-cursor-move:before {
  content: "\e023";
}

.icon-crop:before {
  content: "\e024";
}

.icon-chemistry:before {
  content: "\e026";
}

.icon-speedometer:before {
  content: "\e007";
}

.icon-shield:before {
  content: "\e00e";
}

.icon-screen-tablet:before {
  content: "\e00f";
}

.icon-magic-wand:before {
  content: "\e017";
}

.icon-hourglass:before {
  content: "\e018";
}

.icon-graduation:before {
  content: "\e019";
}

.icon-ghost:before {
  content: "\e01a";
}

.icon-game-controller:before {
  content: "\e01b";
}

.icon-fire:before {
  content: "\e01c";
}

.icon-eyeglass:before {
  content: "\e01d";
}

.icon-envelope-open:before {
  content: "\e01e";
}

.icon-envelope-letter:before {
  content: "\e01f";
}

.icon-bell:before {
  content: "\e027";
}

.icon-badge:before {
  content: "\e028";
}

.icon-anchor:before {
  content: "\e029";
}

.icon-wallet:before {
  content: "\e02a";
}

.icon-vector:before {
  content: "\e02b";
}

.icon-speech:before {
  content: "\e02c";
}

.icon-puzzle:before {
  content: "\e02d";
}

.icon-printer:before {
  content: "\e02e";
}

.icon-present:before {
  content: "\e02f";
}

.icon-playlist:before {
  content: "\e030";
}

.icon-pin:before {
  content: "\e031";
}

.icon-picture:before {
  content: "\e032";
}

.icon-handbag:before {
  content: "\e035";
}

.icon-globe-alt:before {
  content: "\e036";
}

.icon-globe:before {
  content: "\e037";
}

.icon-folder-alt:before {
  content: "\e039";
}

.icon-folder:before {
  content: "\e089";
}

.icon-film:before {
  content: "\e03a";
}

.icon-feed:before {
  content: "\e03b";
}

.icon-drop:before {
  content: "\e03e";
}

.icon-drawer:before {
  content: "\e03f";
}

.icon-docs:before {
  content: "\e040";
}

.icon-doc:before {
  content: "\e085";
}

.icon-diamond:before {
  content: "\e043";
}

.icon-cup:before {
  content: "\e044";
}

.icon-calculator:before {
  content: "\e049";
}

.icon-bubbles:before {
  content: "\e04a";
}

.icon-briefcase:before {
  content: "\e04b";
}

.icon-book-open:before {
  content: "\e04c";
}

.icon-basket-loaded:before {
  content: "\e04d";
}

.icon-basket:before {
  content: "\e04e";
}

.icon-bag:before {
  content: "\e04f";
}

.icon-action-undo:before {
  content: "\e050";
}

.icon-action-redo:before {
  content: "\e051";
}

.icon-wrench:before {
  content: "\e052";
}

.icon-umbrella:before {
  content: "\e053";
}

.icon-trash:before {
  content: "\e054";
}

.icon-tag:before {
  content: "\e055";
}

.icon-support:before {
  content: "\e056";
}

.icon-frame:before {
  content: "\e038";
}

.icon-size-fullscreen:before {
  content: "\e057";
}

.icon-size-actual:before {
  content: "\e058";
}

.icon-shuffle:before {
  content: "\e059";
}

.icon-share-alt:before {
  content: "\e05a";
}

.icon-share:before {
  content: "\e05b";
}

.icon-rocket:before {
  content: "\e05c";
}

.icon-question:before {
  content: "\e05d";
}

.icon-pie-chart:before {
  content: "\e05e";
}

.icon-pencil:before {
  content: "\e05f";
}

.icon-note:before {
  content: "\e060";
}

.icon-loop:before {
  content: "\e064";
}

.icon-home:before {
  content: "\e069";
}

.icon-grid:before {
  content: "\e06a";
}

.icon-graph:before {
  content: "\e06b";
}

.icon-microphone:before {
  content: "\e063";
}

.icon-music-tone-alt:before {
  content: "\e061";
}

.icon-music-tone:before {
  content: "\e062";
}

.icon-earphones-alt:before {
  content: "\e03c";
}

.icon-earphones:before {
  content: "\e03d";
}

.icon-equalizer:before {
  content: "\e06c";
}

.icon-like:before {
  content: "\e068";
}

.icon-dislike:before {
  content: "\e06d";
}

.icon-control-start:before {
  content: "\e06f";
}

.icon-control-rewind:before {
  content: "\e070";
}

.icon-control-play:before {
  content: "\e071";
}

.icon-control-pause:before {
  content: "\e072";
}

.icon-control-forward:before {
  content: "\e073";
}

.icon-control-end:before {
  content: "\e074";
}

.icon-volume-1:before {
  content: "\e09f";
}

.icon-volume-2:before {
  content: "\e0a0";
}

.icon-volume-off:before {
  content: "\e0a1";
}

.icon-calendar:before {
  content: "\e075";
}

.icon-bulb:before {
  content: "\e076";
}

.icon-chart:before {
  content: "\e077";
}

.icon-ban:before {
  content: "\e07c";
}

.icon-bubble:before {
  content: "\e07d";
}

.icon-camrecorder:before {
  content: "\e07e";
}

.icon-camera:before {
  content: "\e07f";
}

.icon-cloud-download:before {
  content: "\e083";
}

.icon-cloud-upload:before {
  content: "\e084";
}

.icon-envelope:before {
  content: "\e086";
}

.icon-eye:before {
  content: "\e087";
}

.icon-flag:before {
  content: "\e088";
}

.icon-heart:before {
  content: "\e08a";
}

.icon-info:before {
  content: "\e08b";
}

.icon-key:before {
  content: "\e08c";
}

.icon-link:before {
  content: "\e08d";
}

.icon-lock:before {
  content: "\e08e";
}

.icon-lock-open:before {
  content: "\e08f";
}

.icon-magnifier:before {
  content: "\e090";
}

.icon-magnifier-add:before {
  content: "\e091";
}

.icon-magnifier-remove:before {
  content: "\e092";
}

.icon-paper-clip:before {
  content: "\e093";
}

.icon-paper-plane:before {
  content: "\e094";
}

.icon-power:before {
  content: "\e097";
}

.icon-refresh:before {
  content: "\e098";
}

.icon-reload:before {
  content: "\e099";
}

.icon-settings:before {
  content: "\e09a";
}

.icon-star:before {
  content: "\e09b";
}

.icon-symbol-female:before {
  content: "\e09c";
}

.icon-symbol-male:before {
  content: "\e09d";
}

.icon-target:before {
  content: "\e09e";
}

.icon-credit-card:before {
  content: "\e025";
}

.icon-paypal:before {
  content: "\e608";
}

.icon-social-tumblr:before {
  content: "\e00a";
}

.icon-social-twitter:before {
  content: "\e009";
}

.icon-social-facebook:before {
  content: "\e00b";
}

.icon-social-instagram:before {
  content: "\e609";
}

.icon-social-linkedin:before {
  content: "\e60a";
}

.icon-social-pinterest:before {
  content: "\e60b";
}

.icon-social-github:before {
  content: "\e60c";
}

.icon-social-google:before {
  content: "\e60d";
}

.icon-social-reddit:before {
  content: "\e60e";
}

.icon-social-skype:before {
  content: "\e60f";
}

.icon-social-dribbble:before {
  content: "\e00d";
}

.icon-social-behance:before {
  content: "\e610";
}

.icon-social-foursqare:before {
  content: "\e611";
}

.icon-social-soundcloud:before {
  content: "\e612";
}

.icon-social-spotify:before {
  content: "\e613";
}

.icon-social-stumbleupon:before {
  content: "\e614";
}

.icon-social-youtube:before {
  content: "\e008";
}

.icon-social-dropbox:before {
  content: "\e00c";
}

.icon-social-vkontakte:before {
  content: "\e618";
}

.icon-social-steam:before {
  content: "\e620";
}

/*start project specific Variabls.sass*/
/* ===============================
   Roboto Variable Font
   Supports: wght (100–900), wdth (75%–100%)
   =============================== */
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/roboto/Roboto-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("/assets/fonts/roboto/Roboto-Italic-VariableFont_wdth,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-stretch: 75% 100%;
  font-style: italic;
  font-display: swap;
}
/* ===============================
   Nunito Sans Variable Font
   Supports: wght (200–1000)
   =============================== */
@font-face {
  font-family: "Nunito Sans";
  src: url("/assets/fonts/nunito/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("/assets/fonts/nunito/NunitoSans-Italic-VariableFont_YTLC,opsz,wdth,wght.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: italic;
  font-display: swap;
}
/* ===============================
   Almarai Static Fonts
   =============================== */
@font-face {
  font-family: "Almarai";
  src: url("/assets/fonts/almarai/Almarai-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Almarai";
  src: url("/assets/fonts/almarai/Almarai-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Almarai";
  src: url("/assets/fonts/almarai/Almarai-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Almarai";
  src: url("/assets/fonts/almarai/Almarai-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* ===============================
   Cairo Variable Font (slnt + wght)
   =============================== */
@font-face {
  font-family: "Cairo";
  src: url("/assets/fonts/cairo/Cairo-VariableFont_slnt,wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: oblique 0deg 10deg; /* enable slnt axis */
  font-display: swap;
}
:root {
  --foo-roboto-font: "Roboto", sans-serif;
  --foo-nunito-font: "Nunito Sans", sans-serif;
  --foo-almarai-font: "Almarai", sans-serif;
  --foo-cairo-font: "Cairo", sans-serif;
  --foo-primary-font: var(--foo-roboto-font);
}

.font-roboto {
  font-family: var(--foo-roboto-font) !important;
}

.font-nunito {
  font-family: var(--foo-nunito-font) !important;
}

.font-almarai {
  font-family: var(--foo-almarai-font) !important;
}

.font-cairo {
  font-family: var(--foo-cairo-font) !important;
}

/* Start Foo Main Colors */
/* End Foo Main Colors */
/*
 * @PACKAGE foo-text-buttons
 *
 * TABLE OF CONTENT:
 * ----------------
 * 1. Loop main theme colors, check $foo-main-theme-colors in (_foo-colors-map.scss)
 * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors
 * 3. Add Custom classes related button/text
 *
 * Buttons Classes Example:
 * -----------------------
 * .foo-btn-primary
 * .foo-btn-secondary
 * .
 *
 * Text Classes Example:
 * --------------------
 * .foo-text-primary
 * .foo-text-secondary
 * .
 * .
 * .
 */
/* * ----------------------------------------------------------------------------- * *
 * * 1. Loop main theme colors, check $foo-main-theme-colors in (_foo-colors-map.scss) * *
 * * ----------------------------------------------------------------------------- * */
/* * --------------------------------------------------------------------------------- * *
 * * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors * *
 * * --------------------------------------------------------------------------------- * */
.foo-btn-primary {
  background: var(--foo-primary-color) !important;
  color: var(--foo-white-color) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0px 20px !important;
  width: max-content;
  min-width: 175px !important;
  min-height: 40px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}
.foo-btn-primary:not([disabled]):hover, .foo-btn-primary:not([disabled]):focus, .foo-btn-primary:not([disabled]):active {
  background: var(--foo-primary-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 10px 10px -4px rgba(2, 178, 218, 0.4) !important;
}

.foo-btn-outline-primary {
  background: var(--foo-white-color) !important;
  color: var(--foo-primary-color) !important;
  border: 1px solid var(--foo-primary-color) !important;
  border-radius: 10px !important;
  min-width: 175px !important;
  width: max-content !important;
  height: 40px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  display: inline-flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  outline: 0 !important;
  padding: 0 15px !important;
}
.foo-btn-outline-primary:not([disabled]):hover, .foo-btn-outline-primary:not([disabled]):focus, .foo-btn-outline-primary:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-primary-color) !important;
  box-shadow: 0px 19px 10px -14px rgba(2, 178, 218, 0.2) !important;
}

.foo-text-primary {
  color: var(--foo-primary-color) !important;
}
.foo-text-primary * {
  color: var(--foo-primary-color) !important;
}

/* * --------------------------------------------------------------------------------- * *
 * * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors * *
 * * --------------------------------------------------------------------------------- * */
.foo-btn-secondary {
  background: var(--foo-secondary-color) !important;
  color: var(--foo-white-color) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0px 20px !important;
  width: max-content;
  min-width: 175px !important;
  min-height: 40px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}
.foo-btn-secondary:not([disabled]):hover, .foo-btn-secondary:not([disabled]):focus, .foo-btn-secondary:not([disabled]):active {
  background: var(--foo-secondary-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 10px 10px -4px rgba(1, 25, 54, 0.4) !important;
}

.foo-btn-outline-secondary {
  background: var(--foo-white-color) !important;
  color: var(--foo-secondary-color) !important;
  border: 1px solid var(--foo-secondary-color) !important;
  border-radius: 10px !important;
  min-width: 175px !important;
  width: max-content !important;
  height: 40px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  display: inline-flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  outline: 0 !important;
  padding: 0 15px !important;
}
.foo-btn-outline-secondary:not([disabled]):hover, .foo-btn-outline-secondary:not([disabled]):focus, .foo-btn-outline-secondary:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-secondary-color) !important;
  box-shadow: 0px 19px 10px -14px rgba(1, 25, 54, 0.2) !important;
}

.foo-text-secondary {
  color: var(--foo-secondary-color) !important;
}
.foo-text-secondary * {
  color: var(--foo-secondary-color) !important;
}

/* * --------------------------------------------------------------------------------- * *
 * * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors * *
 * * --------------------------------------------------------------------------------- * */
.foo-btn-third {
  background: var(--foo-third-color) !important;
  color: var(--foo-white-color) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0px 20px !important;
  width: max-content;
  min-width: 175px !important;
  min-height: 40px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}
.foo-btn-third:not([disabled]):hover, .foo-btn-third:not([disabled]):focus, .foo-btn-third:not([disabled]):active {
  background: var(--foo-third-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 10px 10px -4px rgba(46, 62, 86, 0.4) !important;
}

.foo-btn-outline-third {
  background: var(--foo-white-color) !important;
  color: var(--foo-third-color) !important;
  border: 1px solid var(--foo-third-color) !important;
  border-radius: 10px !important;
  min-width: 175px !important;
  width: max-content !important;
  height: 40px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  display: inline-flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  outline: 0 !important;
  padding: 0 15px !important;
}
.foo-btn-outline-third:not([disabled]):hover, .foo-btn-outline-third:not([disabled]):focus, .foo-btn-outline-third:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-third-color) !important;
  box-shadow: 0px 19px 10px -14px rgba(46, 62, 86, 0.2) !important;
}

.foo-text-third {
  color: var(--foo-third-color) !important;
}
.foo-text-third * {
  color: var(--foo-third-color) !important;
}

/* * --------------------------------------------------------------------------------- * *
 * * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors * *
 * * --------------------------------------------------------------------------------- * */
.foo-btn-success {
  background: var(--foo-success-color) !important;
  color: var(--foo-white-color) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0px 20px !important;
  width: max-content;
  min-width: 175px !important;
  min-height: 40px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}
.foo-btn-success:not([disabled]):hover, .foo-btn-success:not([disabled]):focus, .foo-btn-success:not([disabled]):active {
  background: var(--foo-success-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 10px 10px -4px rgba(87, 202, 153, 0.4) !important;
}

.foo-btn-outline-success {
  background: var(--foo-white-color) !important;
  color: var(--foo-success-color) !important;
  border: 1px solid var(--foo-success-color) !important;
  border-radius: 10px !important;
  min-width: 175px !important;
  width: max-content !important;
  height: 40px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  display: inline-flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  outline: 0 !important;
  padding: 0 15px !important;
}
.foo-btn-outline-success:not([disabled]):hover, .foo-btn-outline-success:not([disabled]):focus, .foo-btn-outline-success:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-success-color) !important;
  box-shadow: 0px 19px 10px -14px rgba(87, 202, 153, 0.2) !important;
}

.foo-text-success {
  color: var(--foo-success-color) !important;
}
.foo-text-success * {
  color: var(--foo-success-color) !important;
}

/* * --------------------------------------------------------------------------------- * *
 * * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors * *
 * * --------------------------------------------------------------------------------- * */
.foo-btn-info {
  background: var(--foo-info-color) !important;
  color: var(--foo-white-color) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0px 20px !important;
  width: max-content;
  min-width: 175px !important;
  min-height: 40px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}
.foo-btn-info:not([disabled]):hover, .foo-btn-info:not([disabled]):focus, .foo-btn-info:not([disabled]):active {
  background: var(--foo-info-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 10px 10px -4px rgba(2, 178, 218, 0.4) !important;
}

.foo-btn-outline-info {
  background: var(--foo-white-color) !important;
  color: var(--foo-info-color) !important;
  border: 1px solid var(--foo-info-color) !important;
  border-radius: 10px !important;
  min-width: 175px !important;
  width: max-content !important;
  height: 40px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  display: inline-flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  outline: 0 !important;
  padding: 0 15px !important;
}
.foo-btn-outline-info:not([disabled]):hover, .foo-btn-outline-info:not([disabled]):focus, .foo-btn-outline-info:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-info-color) !important;
  box-shadow: 0px 19px 10px -14px rgba(2, 178, 218, 0.2) !important;
}

.foo-text-info {
  color: var(--foo-info-color) !important;
}
.foo-text-info * {
  color: var(--foo-info-color) !important;
}

/* * --------------------------------------------------------------------------------- * *
 * * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors * *
 * * --------------------------------------------------------------------------------- * */
.foo-btn-warning {
  background: var(--foo-warning-color) !important;
  color: var(--foo-white-color) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0px 20px !important;
  width: max-content;
  min-width: 175px !important;
  min-height: 40px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}
.foo-btn-warning:not([disabled]):hover, .foo-btn-warning:not([disabled]):focus, .foo-btn-warning:not([disabled]):active {
  background: var(--foo-warning-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 10px 10px -4px rgba(255, 184, 0, 0.4) !important;
}

.foo-btn-outline-warning {
  background: var(--foo-white-color) !important;
  color: var(--foo-warning-color) !important;
  border: 1px solid var(--foo-warning-color) !important;
  border-radius: 10px !important;
  min-width: 175px !important;
  width: max-content !important;
  height: 40px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  display: inline-flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  outline: 0 !important;
  padding: 0 15px !important;
}
.foo-btn-outline-warning:not([disabled]):hover, .foo-btn-outline-warning:not([disabled]):focus, .foo-btn-outline-warning:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-warning-color) !important;
  box-shadow: 0px 19px 10px -14px rgba(255, 184, 0, 0.2) !important;
}

.foo-text-warning {
  color: var(--foo-warning-color) !important;
}
.foo-text-warning * {
  color: var(--foo-warning-color) !important;
}

/* * --------------------------------------------------------------------------------- * *
 * * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors * *
 * * --------------------------------------------------------------------------------- * */
.foo-btn-danger {
  background: var(--foo-danger-color) !important;
  color: var(--foo-white-color) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0px 20px !important;
  width: max-content;
  min-width: 175px !important;
  min-height: 40px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}
.foo-btn-danger:not([disabled]):hover, .foo-btn-danger:not([disabled]):focus, .foo-btn-danger:not([disabled]):active {
  background: var(--foo-danger-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 10px 10px -4px rgba(255, 0, 0, 0.4) !important;
}

.foo-btn-outline-danger {
  background: var(--foo-white-color) !important;
  color: var(--foo-danger-color) !important;
  border: 1px solid var(--foo-danger-color) !important;
  border-radius: 10px !important;
  min-width: 175px !important;
  width: max-content !important;
  height: 40px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  display: inline-flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  outline: 0 !important;
  padding: 0 15px !important;
}
.foo-btn-outline-danger:not([disabled]):hover, .foo-btn-outline-danger:not([disabled]):focus, .foo-btn-outline-danger:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-danger-color) !important;
  box-shadow: 0px 19px 10px -14px rgba(255, 0, 0, 0.2) !important;
}

.foo-text-danger {
  color: var(--foo-danger-color) !important;
}
.foo-text-danger * {
  color: var(--foo-danger-color) !important;
}

/* * --------------------------------------------------------------------------------- * *
 * * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors * *
 * * --------------------------------------------------------------------------------- * */
.foo-btn-light {
  background: var(--foo-light-color) !important;
  color: var(--foo-white-color) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0px 20px !important;
  width: max-content;
  min-width: 175px !important;
  min-height: 40px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}
.foo-btn-light:not([disabled]):hover, .foo-btn-light:not([disabled]):focus, .foo-btn-light:not([disabled]):active {
  background: var(--foo-light-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 10px 10px -4px rgba(175, 183, 197, 0.4) !important;
}

.foo-btn-outline-light {
  background: var(--foo-white-color) !important;
  color: var(--foo-light-color) !important;
  border: 1px solid var(--foo-light-color) !important;
  border-radius: 10px !important;
  min-width: 175px !important;
  width: max-content !important;
  height: 40px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  display: inline-flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  outline: 0 !important;
  padding: 0 15px !important;
}
.foo-btn-outline-light:not([disabled]):hover, .foo-btn-outline-light:not([disabled]):focus, .foo-btn-outline-light:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-light-color) !important;
  box-shadow: 0px 19px 10px -14px rgba(175, 183, 197, 0.2) !important;
}

.foo-text-light {
  color: var(--foo-light-color) !important;
}
.foo-text-light * {
  color: var(--foo-light-color) !important;
}

/* * --------------------------------------------------------------------------------- * *
 * * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors * *
 * * --------------------------------------------------------------------------------- * */
.foo-btn-dark {
  background: var(--foo-dark-color) !important;
  color: var(--foo-white-color) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0px 20px !important;
  width: max-content;
  min-width: 175px !important;
  min-height: 40px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}
.foo-btn-dark:not([disabled]):hover, .foo-btn-dark:not([disabled]):focus, .foo-btn-dark:not([disabled]):active {
  background: var(--foo-dark-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 10px 10px -4px rgba(1, 25, 54, 0.4) !important;
}

.foo-btn-outline-dark {
  background: var(--foo-white-color) !important;
  color: var(--foo-dark-color) !important;
  border: 1px solid var(--foo-dark-color) !important;
  border-radius: 10px !important;
  min-width: 175px !important;
  width: max-content !important;
  height: 40px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  display: inline-flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  outline: 0 !important;
  padding: 0 15px !important;
}
.foo-btn-outline-dark:not([disabled]):hover, .foo-btn-outline-dark:not([disabled]):focus, .foo-btn-outline-dark:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-dark-color) !important;
  box-shadow: 0px 19px 10px -14px rgba(1, 25, 54, 0.2) !important;
}

.foo-text-dark {
  color: var(--foo-dark-color) !important;
}
.foo-text-dark * {
  color: var(--foo-dark-color) !important;
}

/* * --------------------------------------------------------------------------------- * *
 * * 2. Add Button/Text Classes in the loop to set dynmic classes of main theme colors * *
 * * --------------------------------------------------------------------------------- * */
.foo-btn-white {
  background: var(--foo-white-color) !important;
  color: var(--foo-white-color) !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 0px 20px !important;
  width: max-content;
  min-width: 175px !important;
  min-height: 40px !important;
  font-weight: normal !important;
  font-size: 14px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
}
.foo-btn-white:not([disabled]):hover, .foo-btn-white:not([disabled]):focus, .foo-btn-white:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 10px 10px -4px rgba(255, 255, 255, 0.4) !important;
}

.foo-btn-outline-white {
  background: var(--foo-white-color) !important;
  color: var(--foo-white-color) !important;
  border: 1px solid var(--foo-white-color) !important;
  border-radius: 10px !important;
  min-width: 175px !important;
  width: max-content !important;
  height: 40px !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  line-height: 22px !important;
  text-align: center !important;
  text-transform: capitalize !important;
  display: inline-flex !important;
  justify-content: center !important;
  flex-direction: row !important;
  align-items: center !important;
  outline: 0 !important;
  padding: 0 15px !important;
}
.foo-btn-outline-white:not([disabled]):hover, .foo-btn-outline-white:not([disabled]):focus, .foo-btn-outline-white:not([disabled]):active {
  background: var(--foo-white-color) !important;
  color: var(--foo-white-color) !important;
  box-shadow: 0px 19px 10px -14px rgba(255, 255, 255, 0.2) !important;
}

.foo-text-white {
  color: var(--foo-white-color) !important;
}
.foo-text-white * {
  color: var(--foo-white-color) !important;
}

/* * ----------------------------------------- * *
 * * 3. Add Custom classes related button/text * *
 * * ----------------------------------------- * */
.foo-btn-center {
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}

.foo-btn-listing-sm {
  height: fit-content !important;
  min-width: 50px !important;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  border-radius: 4px !important;
  padding: 3px 13px !important;
}

.foo-btn-no-shadow {
  box-shadow: none !important;
}

.foo-btn-icon {
  width: 100% !important;
  min-width: unset !important;
  padding: 0px !important;
  opacity: 1 !important;
}

.foo-text-no-overflow {
  overflow: hidden;
}
.foo-text-no-overflow * {
  overflow: hidden;
}
.foo-text-no-overflow .foo-text-ellipsis {
  text-wrap: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  align-self: normal;
}

.foo-shadow-primary {
  box-shadow: 0px 6px 19px var(--foo-primary-opacity-2);
}

.foo-bg-primary {
  background: var(--foo-primary-bg);
}

.foo-shadow-secondary {
  box-shadow: 0px 6px 19px var(--foo-secondary-opacity-2);
}

.foo-bg-secondary {
  background: var(--foo-secondary-bg);
}

.foo-shadow-third {
  box-shadow: 0px 6px 19px var(--foo-third-opacity-2);
}

.foo-bg-third {
  background: var(--foo-third-bg);
}

.foo-shadow-success {
  box-shadow: 0px 6px 19px var(--foo-success-opacity-2);
}

.foo-bg-success {
  background: var(--foo-success-bg);
}

.foo-shadow-info {
  box-shadow: 0px 6px 19px var(--foo-info-opacity-2);
}

.foo-bg-info {
  background: var(--foo-info-bg);
}

.foo-shadow-warning {
  box-shadow: 0px 6px 19px var(--foo-warning-opacity-2);
}

.foo-bg-warning {
  background: var(--foo-warning-bg);
}

.foo-shadow-danger {
  box-shadow: 0px 6px 19px var(--foo-danger-opacity-2);
}

.foo-bg-danger {
  background: var(--foo-danger-bg);
}

.foo-shadow-light {
  box-shadow: 0px 6px 19px var(--foo-light-opacity-2);
}

.foo-bg-light {
  background: var(--foo-light-bg);
}

.foo-shadow-dark {
  box-shadow: 0px 6px 19px var(--foo-dark-opacity-2);
}

.foo-bg-dark {
  background: var(--foo-dark-bg);
}

.foo-shadow-white {
  box-shadow: 0px 6px 19px var(--foo-white-opacity-2);
}

.foo-bg-white {
  background: var(--foo-white-bg);
}

.foo-shadow-btn-shadow {
  box-shadow: 0px 6px 19px var(--foo-btn-shadow-opacity-2);
}

.foo-bg-btn-shadow {
  background: var(--foo-btn-shadow-bg);
}

.foo-shadow-btn-outline-shadow {
  box-shadow: 0px 6px 19px var(--foo-btn-outline-shadow-opacity-2);
}

.foo-bg-btn-outline-shadow {
  background: var(--foo-btn-outline-shadow-bg);
}

.foo-shadow-left-menu-primary {
  box-shadow: 0px 6px 19px var(--foo-left-menu-primary-opacity-2);
}

.foo-bg-left-menu-primary {
  background: var(--foo-left-menu-primary-bg);
}

.foo-shadow-left-menu-secondary {
  box-shadow: 0px 6px 19px var(--foo-left-menu-secondary-opacity-2);
}

.foo-bg-left-menu-secondary {
  background: var(--foo-left-menu-secondary-bg);
}

.foo-shadow-left-menu-active {
  box-shadow: 0px 6px 19px var(--foo-left-menu-active-opacity-2);
}

.foo-bg-left-menu-active {
  background: var(--foo-left-menu-active-bg);
}

.foo-shadow-sub-left-menu-primary {
  box-shadow: 0px 6px 19px var(--foo-sub-left-menu-primary-opacity-2);
}

.foo-bg-sub-left-menu-primary {
  background: var(--foo-sub-left-menu-primary-bg);
}

.foo-shadow-sub-left-menu-secondary {
  box-shadow: 0px 6px 19px var(--foo-sub-left-menu-secondary-opacity-2);
}

.foo-bg-sub-left-menu-secondary {
  background: var(--foo-sub-left-menu-secondary-bg);
}

.foo-shadow-sub-left-menu-active {
  box-shadow: 0px 6px 19px var(--foo-sub-left-menu-active-opacity-2);
}

.foo-bg-sub-left-menu-active {
  background: var(--foo-sub-left-menu-active-bg);
}

.foo-shadow-sub-left-menu-hover {
  box-shadow: 0px 6px 19px var(--foo-sub-left-menu-hover-opacity-2);
}

.foo-bg-sub-left-menu-hover {
  background: var(--foo-sub-left-menu-hover-bg);
}

.foo-shadow-tab-active {
  box-shadow: 0px 6px 19px var(--foo-tab-active-opacity-2);
}

.foo-bg-tab-active {
  background: var(--foo-tab-active-bg);
}

.foo-shadow-list-row-hover {
  box-shadow: 0px 6px 19px var(--foo-list-row-hover-opacity-2);
}

.foo-bg-list-row-hover {
  background: var(--foo-list-row-hover-bg);
}

.foo-shadow-item-tag-hover {
  box-shadow: 0px 6px 19px var(--foo-item-tag-hover-opacity-2);
}

.foo-bg-item-tag-hover {
  background: var(--foo-item-tag-hover-bg);
}

.foo-shadow-shimmer {
  box-shadow: 0px 6px 19px var(--foo-shimmer-opacity-2);
}

.foo-bg-shimmer {
  background: var(--foo-shimmer-bg);
}

.foo-shadow-shimmer-secondary {
  box-shadow: 0px 6px 19px var(--foo-shimmer-secondary-opacity-2);
}

.foo-bg-shimmer-secondary {
  background: var(--foo-shimmer-secondary-bg);
}

.foo-shadow-shimmer-light {
  box-shadow: 0px 6px 19px var(--foo-shimmer-light-opacity-2);
}

.foo-bg-shimmer-light {
  background: var(--foo-shimmer-light-bg);
}

.foo-shadow-shimmer-none {
  box-shadow: 0px 6px 19px var(--foo-shimmer-none-opacity-2);
}

.foo-bg-shimmer-none {
  background: var(--foo-shimmer-none-bg);
}

.foo-shadow-border {
  box-shadow: 0px 6px 19px var(--foo-border-opacity-2);
}

.foo-bg-border {
  background: var(--foo-border-bg);
}

.foo-shadow-tags {
  box-shadow: 0px 6px 19px var(--foo-tags-opacity-2);
}

.foo-bg-tags {
  background: var(--foo-tags-bg);
}

.foo-shadow-dialog-overlay {
  box-shadow: 0px 6px 19px var(--foo-dialog-overlay-opacity-2);
}

.foo-bg-dialog-overlay {
  background: var(--foo-dialog-overlay-bg);
}

.foo-shadow-loader {
  box-shadow: 0px 6px 19px var(--foo-loader-opacity-2);
}

.foo-bg-loader {
  background: var(--foo-loader-bg);
}

.foo-shadow-readonly {
  box-shadow: 0px 6px 19px var(--foo-readonly-opacity-2);
}

.foo-bg-readonly {
  background: var(--foo-readonly-bg);
}

.foo-shadow-container-border {
  box-shadow: 0px 6px 19px var(--foo-container-border-opacity-2);
}

.foo-bg-container-border {
  background: var(--foo-container-border-bg);
}

.foo-shadow-container-shadow {
  box-shadow: 0px 6px 19px var(--foo-container-shadow-opacity-2);
}

.foo-bg-container-shadow {
  background: var(--foo-container-shadow-bg);
}

.foo-shadow-box-border {
  box-shadow: 0px 6px 19px var(--foo-box-border-opacity-2);
}

.foo-bg-box-border {
  background: var(--foo-box-border-bg);
}

.foo-shadow-box-shadow {
  box-shadow: 0px 6px 19px var(--foo-box-shadow-opacity-2);
}

.foo-bg-box-shadow {
  background: var(--foo-box-shadow-bg);
}

.foo-shadow-scrollbar {
  box-shadow: 0px 6px 19px var(--foo-scrollbar-opacity-2);
}

.foo-bg-scrollbar {
  background: var(--foo-scrollbar-bg);
}

.foo-shadow-scrollbar-track {
  box-shadow: 0px 6px 19px var(--foo-scrollbar-track-opacity-2);
}

.foo-bg-scrollbar-track {
  background: var(--foo-scrollbar-track-bg);
}

.foo-w-1 {
  width: 1px !important;
}

.foo-h-1 {
  height: 1px !important;
}

.foo-min-w-1 {
  min-width: 1px !important;
}

.foo-min-h-1 {
  min-height: 1px !important;
}

.foo-w-2 {
  width: 2px !important;
}

.foo-h-2 {
  height: 2px !important;
}

.foo-min-w-2 {
  min-width: 2px !important;
}

.foo-min-h-2 {
  min-height: 2px !important;
}

.foo-w-3 {
  width: 3px !important;
}

.foo-h-3 {
  height: 3px !important;
}

.foo-min-w-3 {
  min-width: 3px !important;
}

.foo-min-h-3 {
  min-height: 3px !important;
}

.foo-w-4 {
  width: 4px !important;
}

.foo-h-4 {
  height: 4px !important;
}

.foo-min-w-4 {
  min-width: 4px !important;
}

.foo-min-h-4 {
  min-height: 4px !important;
}

.foo-w-5 {
  width: 5px !important;
}

.foo-h-5 {
  height: 5px !important;
}

.foo-min-w-5 {
  min-width: 5px !important;
}

.foo-min-h-5 {
  min-height: 5px !important;
}

.foo-w-6 {
  width: 6px !important;
}

.foo-h-6 {
  height: 6px !important;
}

.foo-min-w-6 {
  min-width: 6px !important;
}

.foo-min-h-6 {
  min-height: 6px !important;
}

.foo-w-7 {
  width: 7px !important;
}

.foo-h-7 {
  height: 7px !important;
}

.foo-min-w-7 {
  min-width: 7px !important;
}

.foo-min-h-7 {
  min-height: 7px !important;
}

.foo-w-8 {
  width: 8px !important;
}

.foo-h-8 {
  height: 8px !important;
}

.foo-min-w-8 {
  min-width: 8px !important;
}

.foo-min-h-8 {
  min-height: 8px !important;
}

.foo-w-9 {
  width: 9px !important;
}

.foo-h-9 {
  height: 9px !important;
}

.foo-min-w-9 {
  min-width: 9px !important;
}

.foo-min-h-9 {
  min-height: 9px !important;
}

.foo-w-10 {
  width: 10px !important;
}

.foo-h-10 {
  height: 10px !important;
}

.foo-min-w-10 {
  min-width: 10px !important;
}

.foo-min-h-10 {
  min-height: 10px !important;
}

.foo-w-11 {
  width: 11px !important;
}

.foo-h-11 {
  height: 11px !important;
}

.foo-min-w-11 {
  min-width: 11px !important;
}

.foo-min-h-11 {
  min-height: 11px !important;
}

.foo-w-12 {
  width: 12px !important;
}

.foo-h-12 {
  height: 12px !important;
}

.foo-min-w-12 {
  min-width: 12px !important;
}

.foo-min-h-12 {
  min-height: 12px !important;
}

.foo-w-13 {
  width: 13px !important;
}

.foo-h-13 {
  height: 13px !important;
}

.foo-min-w-13 {
  min-width: 13px !important;
}

.foo-min-h-13 {
  min-height: 13px !important;
}

.foo-w-14 {
  width: 14px !important;
}

.foo-h-14 {
  height: 14px !important;
}

.foo-min-w-14 {
  min-width: 14px !important;
}

.foo-min-h-14 {
  min-height: 14px !important;
}

.foo-w-15 {
  width: 15px !important;
}

.foo-h-15 {
  height: 15px !important;
}

.foo-min-w-15 {
  min-width: 15px !important;
}

.foo-min-h-15 {
  min-height: 15px !important;
}

.foo-w-16 {
  width: 16px !important;
}

.foo-h-16 {
  height: 16px !important;
}

.foo-min-w-16 {
  min-width: 16px !important;
}

.foo-min-h-16 {
  min-height: 16px !important;
}

.foo-w-17 {
  width: 17px !important;
}

.foo-h-17 {
  height: 17px !important;
}

.foo-min-w-17 {
  min-width: 17px !important;
}

.foo-min-h-17 {
  min-height: 17px !important;
}

.foo-w-18 {
  width: 18px !important;
}

.foo-h-18 {
  height: 18px !important;
}

.foo-min-w-18 {
  min-width: 18px !important;
}

.foo-min-h-18 {
  min-height: 18px !important;
}

.foo-w-19 {
  width: 19px !important;
}

.foo-h-19 {
  height: 19px !important;
}

.foo-min-w-19 {
  min-width: 19px !important;
}

.foo-min-h-19 {
  min-height: 19px !important;
}

.foo-w-20 {
  width: 20px !important;
}

.foo-h-20 {
  height: 20px !important;
}

.foo-min-w-20 {
  min-width: 20px !important;
}

.foo-min-h-20 {
  min-height: 20px !important;
}

.foo-w-21 {
  width: 21px !important;
}

.foo-h-21 {
  height: 21px !important;
}

.foo-min-w-21 {
  min-width: 21px !important;
}

.foo-min-h-21 {
  min-height: 21px !important;
}

.foo-w-22 {
  width: 22px !important;
}

.foo-h-22 {
  height: 22px !important;
}

.foo-min-w-22 {
  min-width: 22px !important;
}

.foo-min-h-22 {
  min-height: 22px !important;
}

.foo-w-23 {
  width: 23px !important;
}

.foo-h-23 {
  height: 23px !important;
}

.foo-min-w-23 {
  min-width: 23px !important;
}

.foo-min-h-23 {
  min-height: 23px !important;
}

.foo-w-24 {
  width: 24px !important;
}

.foo-h-24 {
  height: 24px !important;
}

.foo-min-w-24 {
  min-width: 24px !important;
}

.foo-min-h-24 {
  min-height: 24px !important;
}

.foo-w-25 {
  width: 25px !important;
}

.foo-h-25 {
  height: 25px !important;
}

.foo-min-w-25 {
  min-width: 25px !important;
}

.foo-min-h-25 {
  min-height: 25px !important;
}

.foo-w-26 {
  width: 26px !important;
}

.foo-h-26 {
  height: 26px !important;
}

.foo-min-w-26 {
  min-width: 26px !important;
}

.foo-min-h-26 {
  min-height: 26px !important;
}

.foo-w-27 {
  width: 27px !important;
}

.foo-h-27 {
  height: 27px !important;
}

.foo-min-w-27 {
  min-width: 27px !important;
}

.foo-min-h-27 {
  min-height: 27px !important;
}

.foo-w-28 {
  width: 28px !important;
}

.foo-h-28 {
  height: 28px !important;
}

.foo-min-w-28 {
  min-width: 28px !important;
}

.foo-min-h-28 {
  min-height: 28px !important;
}

.foo-w-29 {
  width: 29px !important;
}

.foo-h-29 {
  height: 29px !important;
}

.foo-min-w-29 {
  min-width: 29px !important;
}

.foo-min-h-29 {
  min-height: 29px !important;
}

.foo-w-30 {
  width: 30px !important;
}

.foo-h-30 {
  height: 30px !important;
}

.foo-min-w-30 {
  min-width: 30px !important;
}

.foo-min-h-30 {
  min-height: 30px !important;
}

.foo-w-31 {
  width: 31px !important;
}

.foo-h-31 {
  height: 31px !important;
}

.foo-min-w-31 {
  min-width: 31px !important;
}

.foo-min-h-31 {
  min-height: 31px !important;
}

.foo-w-32 {
  width: 32px !important;
}

.foo-h-32 {
  height: 32px !important;
}

.foo-min-w-32 {
  min-width: 32px !important;
}

.foo-min-h-32 {
  min-height: 32px !important;
}

.foo-w-33 {
  width: 33px !important;
}

.foo-h-33 {
  height: 33px !important;
}

.foo-min-w-33 {
  min-width: 33px !important;
}

.foo-min-h-33 {
  min-height: 33px !important;
}

.foo-w-34 {
  width: 34px !important;
}

.foo-h-34 {
  height: 34px !important;
}

.foo-min-w-34 {
  min-width: 34px !important;
}

.foo-min-h-34 {
  min-height: 34px !important;
}

.foo-w-35 {
  width: 35px !important;
}

.foo-h-35 {
  height: 35px !important;
}

.foo-min-w-35 {
  min-width: 35px !important;
}

.foo-min-h-35 {
  min-height: 35px !important;
}

.foo-w-36 {
  width: 36px !important;
}

.foo-h-36 {
  height: 36px !important;
}

.foo-min-w-36 {
  min-width: 36px !important;
}

.foo-min-h-36 {
  min-height: 36px !important;
}

.foo-w-37 {
  width: 37px !important;
}

.foo-h-37 {
  height: 37px !important;
}

.foo-min-w-37 {
  min-width: 37px !important;
}

.foo-min-h-37 {
  min-height: 37px !important;
}

.foo-w-38 {
  width: 38px !important;
}

.foo-h-38 {
  height: 38px !important;
}

.foo-min-w-38 {
  min-width: 38px !important;
}

.foo-min-h-38 {
  min-height: 38px !important;
}

.foo-w-39 {
  width: 39px !important;
}

.foo-h-39 {
  height: 39px !important;
}

.foo-min-w-39 {
  min-width: 39px !important;
}

.foo-min-h-39 {
  min-height: 39px !important;
}

.foo-w-40 {
  width: 40px !important;
}

.foo-h-40 {
  height: 40px !important;
}

.foo-min-w-40 {
  min-width: 40px !important;
}

.foo-min-h-40 {
  min-height: 40px !important;
}

.foo-w-41 {
  width: 41px !important;
}

.foo-h-41 {
  height: 41px !important;
}

.foo-min-w-41 {
  min-width: 41px !important;
}

.foo-min-h-41 {
  min-height: 41px !important;
}

.foo-w-42 {
  width: 42px !important;
}

.foo-h-42 {
  height: 42px !important;
}

.foo-min-w-42 {
  min-width: 42px !important;
}

.foo-min-h-42 {
  min-height: 42px !important;
}

.foo-w-43 {
  width: 43px !important;
}

.foo-h-43 {
  height: 43px !important;
}

.foo-min-w-43 {
  min-width: 43px !important;
}

.foo-min-h-43 {
  min-height: 43px !important;
}

.foo-w-44 {
  width: 44px !important;
}

.foo-h-44 {
  height: 44px !important;
}

.foo-min-w-44 {
  min-width: 44px !important;
}

.foo-min-h-44 {
  min-height: 44px !important;
}

.foo-w-45 {
  width: 45px !important;
}

.foo-h-45 {
  height: 45px !important;
}

.foo-min-w-45 {
  min-width: 45px !important;
}

.foo-min-h-45 {
  min-height: 45px !important;
}

.foo-w-46 {
  width: 46px !important;
}

.foo-h-46 {
  height: 46px !important;
}

.foo-min-w-46 {
  min-width: 46px !important;
}

.foo-min-h-46 {
  min-height: 46px !important;
}

.foo-w-47 {
  width: 47px !important;
}

.foo-h-47 {
  height: 47px !important;
}

.foo-min-w-47 {
  min-width: 47px !important;
}

.foo-min-h-47 {
  min-height: 47px !important;
}

.foo-w-48 {
  width: 48px !important;
}

.foo-h-48 {
  height: 48px !important;
}

.foo-min-w-48 {
  min-width: 48px !important;
}

.foo-min-h-48 {
  min-height: 48px !important;
}

.foo-w-49 {
  width: 49px !important;
}

.foo-h-49 {
  height: 49px !important;
}

.foo-min-w-49 {
  min-width: 49px !important;
}

.foo-min-h-49 {
  min-height: 49px !important;
}

.foo-w-50 {
  width: 50px !important;
}

.foo-h-50 {
  height: 50px !important;
}

.foo-min-w-50 {
  min-width: 50px !important;
}

.foo-min-h-50 {
  min-height: 50px !important;
}

.foo-w-51 {
  width: 51px !important;
}

.foo-h-51 {
  height: 51px !important;
}

.foo-min-w-51 {
  min-width: 51px !important;
}

.foo-min-h-51 {
  min-height: 51px !important;
}

.foo-w-52 {
  width: 52px !important;
}

.foo-h-52 {
  height: 52px !important;
}

.foo-min-w-52 {
  min-width: 52px !important;
}

.foo-min-h-52 {
  min-height: 52px !important;
}

.foo-w-53 {
  width: 53px !important;
}

.foo-h-53 {
  height: 53px !important;
}

.foo-min-w-53 {
  min-width: 53px !important;
}

.foo-min-h-53 {
  min-height: 53px !important;
}

.foo-w-54 {
  width: 54px !important;
}

.foo-h-54 {
  height: 54px !important;
}

.foo-min-w-54 {
  min-width: 54px !important;
}

.foo-min-h-54 {
  min-height: 54px !important;
}

.foo-w-55 {
  width: 55px !important;
}

.foo-h-55 {
  height: 55px !important;
}

.foo-min-w-55 {
  min-width: 55px !important;
}

.foo-min-h-55 {
  min-height: 55px !important;
}

.foo-w-56 {
  width: 56px !important;
}

.foo-h-56 {
  height: 56px !important;
}

.foo-min-w-56 {
  min-width: 56px !important;
}

.foo-min-h-56 {
  min-height: 56px !important;
}

.foo-w-57 {
  width: 57px !important;
}

.foo-h-57 {
  height: 57px !important;
}

.foo-min-w-57 {
  min-width: 57px !important;
}

.foo-min-h-57 {
  min-height: 57px !important;
}

.foo-w-58 {
  width: 58px !important;
}

.foo-h-58 {
  height: 58px !important;
}

.foo-min-w-58 {
  min-width: 58px !important;
}

.foo-min-h-58 {
  min-height: 58px !important;
}

.foo-w-59 {
  width: 59px !important;
}

.foo-h-59 {
  height: 59px !important;
}

.foo-min-w-59 {
  min-width: 59px !important;
}

.foo-min-h-59 {
  min-height: 59px !important;
}

.foo-w-60 {
  width: 60px !important;
}

.foo-h-60 {
  height: 60px !important;
}

.foo-min-w-60 {
  min-width: 60px !important;
}

.foo-min-h-60 {
  min-height: 60px !important;
}

.foo-w-61 {
  width: 61px !important;
}

.foo-h-61 {
  height: 61px !important;
}

.foo-min-w-61 {
  min-width: 61px !important;
}

.foo-min-h-61 {
  min-height: 61px !important;
}

.foo-w-62 {
  width: 62px !important;
}

.foo-h-62 {
  height: 62px !important;
}

.foo-min-w-62 {
  min-width: 62px !important;
}

.foo-min-h-62 {
  min-height: 62px !important;
}

.foo-w-63 {
  width: 63px !important;
}

.foo-h-63 {
  height: 63px !important;
}

.foo-min-w-63 {
  min-width: 63px !important;
}

.foo-min-h-63 {
  min-height: 63px !important;
}

.foo-w-64 {
  width: 64px !important;
}

.foo-h-64 {
  height: 64px !important;
}

.foo-min-w-64 {
  min-width: 64px !important;
}

.foo-min-h-64 {
  min-height: 64px !important;
}

.foo-w-65 {
  width: 65px !important;
}

.foo-h-65 {
  height: 65px !important;
}

.foo-min-w-65 {
  min-width: 65px !important;
}

.foo-min-h-65 {
  min-height: 65px !important;
}

.foo-w-66 {
  width: 66px !important;
}

.foo-h-66 {
  height: 66px !important;
}

.foo-min-w-66 {
  min-width: 66px !important;
}

.foo-min-h-66 {
  min-height: 66px !important;
}

.foo-w-67 {
  width: 67px !important;
}

.foo-h-67 {
  height: 67px !important;
}

.foo-min-w-67 {
  min-width: 67px !important;
}

.foo-min-h-67 {
  min-height: 67px !important;
}

.foo-w-68 {
  width: 68px !important;
}

.foo-h-68 {
  height: 68px !important;
}

.foo-min-w-68 {
  min-width: 68px !important;
}

.foo-min-h-68 {
  min-height: 68px !important;
}

.foo-w-69 {
  width: 69px !important;
}

.foo-h-69 {
  height: 69px !important;
}

.foo-min-w-69 {
  min-width: 69px !important;
}

.foo-min-h-69 {
  min-height: 69px !important;
}

.foo-w-70 {
  width: 70px !important;
}

.foo-h-70 {
  height: 70px !important;
}

.foo-min-w-70 {
  min-width: 70px !important;
}

.foo-min-h-70 {
  min-height: 70px !important;
}

.foo-w-71 {
  width: 71px !important;
}

.foo-h-71 {
  height: 71px !important;
}

.foo-min-w-71 {
  min-width: 71px !important;
}

.foo-min-h-71 {
  min-height: 71px !important;
}

.foo-w-72 {
  width: 72px !important;
}

.foo-h-72 {
  height: 72px !important;
}

.foo-min-w-72 {
  min-width: 72px !important;
}

.foo-min-h-72 {
  min-height: 72px !important;
}

.foo-w-73 {
  width: 73px !important;
}

.foo-h-73 {
  height: 73px !important;
}

.foo-min-w-73 {
  min-width: 73px !important;
}

.foo-min-h-73 {
  min-height: 73px !important;
}

.foo-w-74 {
  width: 74px !important;
}

.foo-h-74 {
  height: 74px !important;
}

.foo-min-w-74 {
  min-width: 74px !important;
}

.foo-min-h-74 {
  min-height: 74px !important;
}

.foo-w-75 {
  width: 75px !important;
}

.foo-h-75 {
  height: 75px !important;
}

.foo-min-w-75 {
  min-width: 75px !important;
}

.foo-min-h-75 {
  min-height: 75px !important;
}

.foo-w-76 {
  width: 76px !important;
}

.foo-h-76 {
  height: 76px !important;
}

.foo-min-w-76 {
  min-width: 76px !important;
}

.foo-min-h-76 {
  min-height: 76px !important;
}

.foo-w-77 {
  width: 77px !important;
}

.foo-h-77 {
  height: 77px !important;
}

.foo-min-w-77 {
  min-width: 77px !important;
}

.foo-min-h-77 {
  min-height: 77px !important;
}

.foo-w-78 {
  width: 78px !important;
}

.foo-h-78 {
  height: 78px !important;
}

.foo-min-w-78 {
  min-width: 78px !important;
}

.foo-min-h-78 {
  min-height: 78px !important;
}

.foo-w-79 {
  width: 79px !important;
}

.foo-h-79 {
  height: 79px !important;
}

.foo-min-w-79 {
  min-width: 79px !important;
}

.foo-min-h-79 {
  min-height: 79px !important;
}

.foo-w-80 {
  width: 80px !important;
}

.foo-h-80 {
  height: 80px !important;
}

.foo-min-w-80 {
  min-width: 80px !important;
}

.foo-min-h-80 {
  min-height: 80px !important;
}

.foo-w-81 {
  width: 81px !important;
}

.foo-h-81 {
  height: 81px !important;
}

.foo-min-w-81 {
  min-width: 81px !important;
}

.foo-min-h-81 {
  min-height: 81px !important;
}

.foo-w-82 {
  width: 82px !important;
}

.foo-h-82 {
  height: 82px !important;
}

.foo-min-w-82 {
  min-width: 82px !important;
}

.foo-min-h-82 {
  min-height: 82px !important;
}

.foo-w-83 {
  width: 83px !important;
}

.foo-h-83 {
  height: 83px !important;
}

.foo-min-w-83 {
  min-width: 83px !important;
}

.foo-min-h-83 {
  min-height: 83px !important;
}

.foo-w-84 {
  width: 84px !important;
}

.foo-h-84 {
  height: 84px !important;
}

.foo-min-w-84 {
  min-width: 84px !important;
}

.foo-min-h-84 {
  min-height: 84px !important;
}

.foo-w-85 {
  width: 85px !important;
}

.foo-h-85 {
  height: 85px !important;
}

.foo-min-w-85 {
  min-width: 85px !important;
}

.foo-min-h-85 {
  min-height: 85px !important;
}

.foo-w-86 {
  width: 86px !important;
}

.foo-h-86 {
  height: 86px !important;
}

.foo-min-w-86 {
  min-width: 86px !important;
}

.foo-min-h-86 {
  min-height: 86px !important;
}

.foo-w-87 {
  width: 87px !important;
}

.foo-h-87 {
  height: 87px !important;
}

.foo-min-w-87 {
  min-width: 87px !important;
}

.foo-min-h-87 {
  min-height: 87px !important;
}

.foo-w-88 {
  width: 88px !important;
}

.foo-h-88 {
  height: 88px !important;
}

.foo-min-w-88 {
  min-width: 88px !important;
}

.foo-min-h-88 {
  min-height: 88px !important;
}

.foo-w-89 {
  width: 89px !important;
}

.foo-h-89 {
  height: 89px !important;
}

.foo-min-w-89 {
  min-width: 89px !important;
}

.foo-min-h-89 {
  min-height: 89px !important;
}

.foo-w-90 {
  width: 90px !important;
}

.foo-h-90 {
  height: 90px !important;
}

.foo-min-w-90 {
  min-width: 90px !important;
}

.foo-min-h-90 {
  min-height: 90px !important;
}

.foo-w-91 {
  width: 91px !important;
}

.foo-h-91 {
  height: 91px !important;
}

.foo-min-w-91 {
  min-width: 91px !important;
}

.foo-min-h-91 {
  min-height: 91px !important;
}

.foo-w-92 {
  width: 92px !important;
}

.foo-h-92 {
  height: 92px !important;
}

.foo-min-w-92 {
  min-width: 92px !important;
}

.foo-min-h-92 {
  min-height: 92px !important;
}

.foo-w-93 {
  width: 93px !important;
}

.foo-h-93 {
  height: 93px !important;
}

.foo-min-w-93 {
  min-width: 93px !important;
}

.foo-min-h-93 {
  min-height: 93px !important;
}

.foo-w-94 {
  width: 94px !important;
}

.foo-h-94 {
  height: 94px !important;
}

.foo-min-w-94 {
  min-width: 94px !important;
}

.foo-min-h-94 {
  min-height: 94px !important;
}

.foo-w-95 {
  width: 95px !important;
}

.foo-h-95 {
  height: 95px !important;
}

.foo-min-w-95 {
  min-width: 95px !important;
}

.foo-min-h-95 {
  min-height: 95px !important;
}

.foo-w-96 {
  width: 96px !important;
}

.foo-h-96 {
  height: 96px !important;
}

.foo-min-w-96 {
  min-width: 96px !important;
}

.foo-min-h-96 {
  min-height: 96px !important;
}

.foo-w-97 {
  width: 97px !important;
}

.foo-h-97 {
  height: 97px !important;
}

.foo-min-w-97 {
  min-width: 97px !important;
}

.foo-min-h-97 {
  min-height: 97px !important;
}

.foo-w-98 {
  width: 98px !important;
}

.foo-h-98 {
  height: 98px !important;
}

.foo-min-w-98 {
  min-width: 98px !important;
}

.foo-min-h-98 {
  min-height: 98px !important;
}

.foo-w-99 {
  width: 99px !important;
}

.foo-h-99 {
  height: 99px !important;
}

.foo-min-w-99 {
  min-width: 99px !important;
}

.foo-min-h-99 {
  min-height: 99px !important;
}

.foo-w-100 {
  width: 100px !important;
}

.foo-h-100 {
  height: 100px !important;
}

.foo-min-w-100 {
  min-width: 100px !important;
}

.foo-min-h-100 {
  min-height: 100px !important;
}

.foo-w-101 {
  width: 101px !important;
}

.foo-h-101 {
  height: 101px !important;
}

.foo-min-w-101 {
  min-width: 101px !important;
}

.foo-min-h-101 {
  min-height: 101px !important;
}

.foo-w-102 {
  width: 102px !important;
}

.foo-h-102 {
  height: 102px !important;
}

.foo-min-w-102 {
  min-width: 102px !important;
}

.foo-min-h-102 {
  min-height: 102px !important;
}

.foo-w-103 {
  width: 103px !important;
}

.foo-h-103 {
  height: 103px !important;
}

.foo-min-w-103 {
  min-width: 103px !important;
}

.foo-min-h-103 {
  min-height: 103px !important;
}

.foo-w-104 {
  width: 104px !important;
}

.foo-h-104 {
  height: 104px !important;
}

.foo-min-w-104 {
  min-width: 104px !important;
}

.foo-min-h-104 {
  min-height: 104px !important;
}

.foo-w-105 {
  width: 105px !important;
}

.foo-h-105 {
  height: 105px !important;
}

.foo-min-w-105 {
  min-width: 105px !important;
}

.foo-min-h-105 {
  min-height: 105px !important;
}

.foo-w-106 {
  width: 106px !important;
}

.foo-h-106 {
  height: 106px !important;
}

.foo-min-w-106 {
  min-width: 106px !important;
}

.foo-min-h-106 {
  min-height: 106px !important;
}

.foo-w-107 {
  width: 107px !important;
}

.foo-h-107 {
  height: 107px !important;
}

.foo-min-w-107 {
  min-width: 107px !important;
}

.foo-min-h-107 {
  min-height: 107px !important;
}

.foo-w-108 {
  width: 108px !important;
}

.foo-h-108 {
  height: 108px !important;
}

.foo-min-w-108 {
  min-width: 108px !important;
}

.foo-min-h-108 {
  min-height: 108px !important;
}

.foo-w-109 {
  width: 109px !important;
}

.foo-h-109 {
  height: 109px !important;
}

.foo-min-w-109 {
  min-width: 109px !important;
}

.foo-min-h-109 {
  min-height: 109px !important;
}

.foo-w-110 {
  width: 110px !important;
}

.foo-h-110 {
  height: 110px !important;
}

.foo-min-w-110 {
  min-width: 110px !important;
}

.foo-min-h-110 {
  min-height: 110px !important;
}

.foo-w-111 {
  width: 111px !important;
}

.foo-h-111 {
  height: 111px !important;
}

.foo-min-w-111 {
  min-width: 111px !important;
}

.foo-min-h-111 {
  min-height: 111px !important;
}

.foo-w-112 {
  width: 112px !important;
}

.foo-h-112 {
  height: 112px !important;
}

.foo-min-w-112 {
  min-width: 112px !important;
}

.foo-min-h-112 {
  min-height: 112px !important;
}

.foo-w-113 {
  width: 113px !important;
}

.foo-h-113 {
  height: 113px !important;
}

.foo-min-w-113 {
  min-width: 113px !important;
}

.foo-min-h-113 {
  min-height: 113px !important;
}

.foo-w-114 {
  width: 114px !important;
}

.foo-h-114 {
  height: 114px !important;
}

.foo-min-w-114 {
  min-width: 114px !important;
}

.foo-min-h-114 {
  min-height: 114px !important;
}

.foo-w-115 {
  width: 115px !important;
}

.foo-h-115 {
  height: 115px !important;
}

.foo-min-w-115 {
  min-width: 115px !important;
}

.foo-min-h-115 {
  min-height: 115px !important;
}

.foo-w-116 {
  width: 116px !important;
}

.foo-h-116 {
  height: 116px !important;
}

.foo-min-w-116 {
  min-width: 116px !important;
}

.foo-min-h-116 {
  min-height: 116px !important;
}

.foo-w-117 {
  width: 117px !important;
}

.foo-h-117 {
  height: 117px !important;
}

.foo-min-w-117 {
  min-width: 117px !important;
}

.foo-min-h-117 {
  min-height: 117px !important;
}

.foo-w-118 {
  width: 118px !important;
}

.foo-h-118 {
  height: 118px !important;
}

.foo-min-w-118 {
  min-width: 118px !important;
}

.foo-min-h-118 {
  min-height: 118px !important;
}

.foo-w-119 {
  width: 119px !important;
}

.foo-h-119 {
  height: 119px !important;
}

.foo-min-w-119 {
  min-width: 119px !important;
}

.foo-min-h-119 {
  min-height: 119px !important;
}

.foo-w-120 {
  width: 120px !important;
}

.foo-h-120 {
  height: 120px !important;
}

.foo-min-w-120 {
  min-width: 120px !important;
}

.foo-min-h-120 {
  min-height: 120px !important;
}

.foo-w-121 {
  width: 121px !important;
}

.foo-h-121 {
  height: 121px !important;
}

.foo-min-w-121 {
  min-width: 121px !important;
}

.foo-min-h-121 {
  min-height: 121px !important;
}

.foo-w-122 {
  width: 122px !important;
}

.foo-h-122 {
  height: 122px !important;
}

.foo-min-w-122 {
  min-width: 122px !important;
}

.foo-min-h-122 {
  min-height: 122px !important;
}

.foo-w-123 {
  width: 123px !important;
}

.foo-h-123 {
  height: 123px !important;
}

.foo-min-w-123 {
  min-width: 123px !important;
}

.foo-min-h-123 {
  min-height: 123px !important;
}

.foo-w-124 {
  width: 124px !important;
}

.foo-h-124 {
  height: 124px !important;
}

.foo-min-w-124 {
  min-width: 124px !important;
}

.foo-min-h-124 {
  min-height: 124px !important;
}

.foo-w-125 {
  width: 125px !important;
}

.foo-h-125 {
  height: 125px !important;
}

.foo-min-w-125 {
  min-width: 125px !important;
}

.foo-min-h-125 {
  min-height: 125px !important;
}

.foo-w-126 {
  width: 126px !important;
}

.foo-h-126 {
  height: 126px !important;
}

.foo-min-w-126 {
  min-width: 126px !important;
}

.foo-min-h-126 {
  min-height: 126px !important;
}

.foo-w-127 {
  width: 127px !important;
}

.foo-h-127 {
  height: 127px !important;
}

.foo-min-w-127 {
  min-width: 127px !important;
}

.foo-min-h-127 {
  min-height: 127px !important;
}

.foo-w-128 {
  width: 128px !important;
}

.foo-h-128 {
  height: 128px !important;
}

.foo-min-w-128 {
  min-width: 128px !important;
}

.foo-min-h-128 {
  min-height: 128px !important;
}

.foo-w-129 {
  width: 129px !important;
}

.foo-h-129 {
  height: 129px !important;
}

.foo-min-w-129 {
  min-width: 129px !important;
}

.foo-min-h-129 {
  min-height: 129px !important;
}

.foo-w-130 {
  width: 130px !important;
}

.foo-h-130 {
  height: 130px !important;
}

.foo-min-w-130 {
  min-width: 130px !important;
}

.foo-min-h-130 {
  min-height: 130px !important;
}

.foo-w-131 {
  width: 131px !important;
}

.foo-h-131 {
  height: 131px !important;
}

.foo-min-w-131 {
  min-width: 131px !important;
}

.foo-min-h-131 {
  min-height: 131px !important;
}

.foo-w-132 {
  width: 132px !important;
}

.foo-h-132 {
  height: 132px !important;
}

.foo-min-w-132 {
  min-width: 132px !important;
}

.foo-min-h-132 {
  min-height: 132px !important;
}

.foo-w-133 {
  width: 133px !important;
}

.foo-h-133 {
  height: 133px !important;
}

.foo-min-w-133 {
  min-width: 133px !important;
}

.foo-min-h-133 {
  min-height: 133px !important;
}

.foo-w-134 {
  width: 134px !important;
}

.foo-h-134 {
  height: 134px !important;
}

.foo-min-w-134 {
  min-width: 134px !important;
}

.foo-min-h-134 {
  min-height: 134px !important;
}

.foo-w-135 {
  width: 135px !important;
}

.foo-h-135 {
  height: 135px !important;
}

.foo-min-w-135 {
  min-width: 135px !important;
}

.foo-min-h-135 {
  min-height: 135px !important;
}

.foo-w-136 {
  width: 136px !important;
}

.foo-h-136 {
  height: 136px !important;
}

.foo-min-w-136 {
  min-width: 136px !important;
}

.foo-min-h-136 {
  min-height: 136px !important;
}

.foo-w-137 {
  width: 137px !important;
}

.foo-h-137 {
  height: 137px !important;
}

.foo-min-w-137 {
  min-width: 137px !important;
}

.foo-min-h-137 {
  min-height: 137px !important;
}

.foo-w-138 {
  width: 138px !important;
}

.foo-h-138 {
  height: 138px !important;
}

.foo-min-w-138 {
  min-width: 138px !important;
}

.foo-min-h-138 {
  min-height: 138px !important;
}

.foo-w-139 {
  width: 139px !important;
}

.foo-h-139 {
  height: 139px !important;
}

.foo-min-w-139 {
  min-width: 139px !important;
}

.foo-min-h-139 {
  min-height: 139px !important;
}

.foo-w-140 {
  width: 140px !important;
}

.foo-h-140 {
  height: 140px !important;
}

.foo-min-w-140 {
  min-width: 140px !important;
}

.foo-min-h-140 {
  min-height: 140px !important;
}

.foo-w-141 {
  width: 141px !important;
}

.foo-h-141 {
  height: 141px !important;
}

.foo-min-w-141 {
  min-width: 141px !important;
}

.foo-min-h-141 {
  min-height: 141px !important;
}

.foo-w-142 {
  width: 142px !important;
}

.foo-h-142 {
  height: 142px !important;
}

.foo-min-w-142 {
  min-width: 142px !important;
}

.foo-min-h-142 {
  min-height: 142px !important;
}

.foo-w-143 {
  width: 143px !important;
}

.foo-h-143 {
  height: 143px !important;
}

.foo-min-w-143 {
  min-width: 143px !important;
}

.foo-min-h-143 {
  min-height: 143px !important;
}

.foo-w-144 {
  width: 144px !important;
}

.foo-h-144 {
  height: 144px !important;
}

.foo-min-w-144 {
  min-width: 144px !important;
}

.foo-min-h-144 {
  min-height: 144px !important;
}

.foo-w-145 {
  width: 145px !important;
}

.foo-h-145 {
  height: 145px !important;
}

.foo-min-w-145 {
  min-width: 145px !important;
}

.foo-min-h-145 {
  min-height: 145px !important;
}

.foo-w-146 {
  width: 146px !important;
}

.foo-h-146 {
  height: 146px !important;
}

.foo-min-w-146 {
  min-width: 146px !important;
}

.foo-min-h-146 {
  min-height: 146px !important;
}

.foo-w-147 {
  width: 147px !important;
}

.foo-h-147 {
  height: 147px !important;
}

.foo-min-w-147 {
  min-width: 147px !important;
}

.foo-min-h-147 {
  min-height: 147px !important;
}

.foo-w-148 {
  width: 148px !important;
}

.foo-h-148 {
  height: 148px !important;
}

.foo-min-w-148 {
  min-width: 148px !important;
}

.foo-min-h-148 {
  min-height: 148px !important;
}

.foo-w-149 {
  width: 149px !important;
}

.foo-h-149 {
  height: 149px !important;
}

.foo-min-w-149 {
  min-width: 149px !important;
}

.foo-min-h-149 {
  min-height: 149px !important;
}

.foo-w-150 {
  width: 150px !important;
}

.foo-h-150 {
  height: 150px !important;
}

.foo-min-w-150 {
  min-width: 150px !important;
}

.foo-min-h-150 {
  min-height: 150px !important;
}

.foo-w-151 {
  width: 151px !important;
}

.foo-h-151 {
  height: 151px !important;
}

.foo-min-w-151 {
  min-width: 151px !important;
}

.foo-min-h-151 {
  min-height: 151px !important;
}

.foo-w-152 {
  width: 152px !important;
}

.foo-h-152 {
  height: 152px !important;
}

.foo-min-w-152 {
  min-width: 152px !important;
}

.foo-min-h-152 {
  min-height: 152px !important;
}

.foo-w-153 {
  width: 153px !important;
}

.foo-h-153 {
  height: 153px !important;
}

.foo-min-w-153 {
  min-width: 153px !important;
}

.foo-min-h-153 {
  min-height: 153px !important;
}

.foo-w-154 {
  width: 154px !important;
}

.foo-h-154 {
  height: 154px !important;
}

.foo-min-w-154 {
  min-width: 154px !important;
}

.foo-min-h-154 {
  min-height: 154px !important;
}

.foo-w-155 {
  width: 155px !important;
}

.foo-h-155 {
  height: 155px !important;
}

.foo-min-w-155 {
  min-width: 155px !important;
}

.foo-min-h-155 {
  min-height: 155px !important;
}

.foo-w-156 {
  width: 156px !important;
}

.foo-h-156 {
  height: 156px !important;
}

.foo-min-w-156 {
  min-width: 156px !important;
}

.foo-min-h-156 {
  min-height: 156px !important;
}

.foo-w-157 {
  width: 157px !important;
}

.foo-h-157 {
  height: 157px !important;
}

.foo-min-w-157 {
  min-width: 157px !important;
}

.foo-min-h-157 {
  min-height: 157px !important;
}

.foo-w-158 {
  width: 158px !important;
}

.foo-h-158 {
  height: 158px !important;
}

.foo-min-w-158 {
  min-width: 158px !important;
}

.foo-min-h-158 {
  min-height: 158px !important;
}

.foo-w-159 {
  width: 159px !important;
}

.foo-h-159 {
  height: 159px !important;
}

.foo-min-w-159 {
  min-width: 159px !important;
}

.foo-min-h-159 {
  min-height: 159px !important;
}

.foo-w-160 {
  width: 160px !important;
}

.foo-h-160 {
  height: 160px !important;
}

.foo-min-w-160 {
  min-width: 160px !important;
}

.foo-min-h-160 {
  min-height: 160px !important;
}

.foo-w-161 {
  width: 161px !important;
}

.foo-h-161 {
  height: 161px !important;
}

.foo-min-w-161 {
  min-width: 161px !important;
}

.foo-min-h-161 {
  min-height: 161px !important;
}

.foo-w-162 {
  width: 162px !important;
}

.foo-h-162 {
  height: 162px !important;
}

.foo-min-w-162 {
  min-width: 162px !important;
}

.foo-min-h-162 {
  min-height: 162px !important;
}

.foo-w-163 {
  width: 163px !important;
}

.foo-h-163 {
  height: 163px !important;
}

.foo-min-w-163 {
  min-width: 163px !important;
}

.foo-min-h-163 {
  min-height: 163px !important;
}

.foo-w-164 {
  width: 164px !important;
}

.foo-h-164 {
  height: 164px !important;
}

.foo-min-w-164 {
  min-width: 164px !important;
}

.foo-min-h-164 {
  min-height: 164px !important;
}

.foo-w-165 {
  width: 165px !important;
}

.foo-h-165 {
  height: 165px !important;
}

.foo-min-w-165 {
  min-width: 165px !important;
}

.foo-min-h-165 {
  min-height: 165px !important;
}

.foo-w-166 {
  width: 166px !important;
}

.foo-h-166 {
  height: 166px !important;
}

.foo-min-w-166 {
  min-width: 166px !important;
}

.foo-min-h-166 {
  min-height: 166px !important;
}

.foo-w-167 {
  width: 167px !important;
}

.foo-h-167 {
  height: 167px !important;
}

.foo-min-w-167 {
  min-width: 167px !important;
}

.foo-min-h-167 {
  min-height: 167px !important;
}

.foo-w-168 {
  width: 168px !important;
}

.foo-h-168 {
  height: 168px !important;
}

.foo-min-w-168 {
  min-width: 168px !important;
}

.foo-min-h-168 {
  min-height: 168px !important;
}

.foo-w-169 {
  width: 169px !important;
}

.foo-h-169 {
  height: 169px !important;
}

.foo-min-w-169 {
  min-width: 169px !important;
}

.foo-min-h-169 {
  min-height: 169px !important;
}

.foo-w-170 {
  width: 170px !important;
}

.foo-h-170 {
  height: 170px !important;
}

.foo-min-w-170 {
  min-width: 170px !important;
}

.foo-min-h-170 {
  min-height: 170px !important;
}

.foo-w-171 {
  width: 171px !important;
}

.foo-h-171 {
  height: 171px !important;
}

.foo-min-w-171 {
  min-width: 171px !important;
}

.foo-min-h-171 {
  min-height: 171px !important;
}

.foo-w-172 {
  width: 172px !important;
}

.foo-h-172 {
  height: 172px !important;
}

.foo-min-w-172 {
  min-width: 172px !important;
}

.foo-min-h-172 {
  min-height: 172px !important;
}

.foo-w-173 {
  width: 173px !important;
}

.foo-h-173 {
  height: 173px !important;
}

.foo-min-w-173 {
  min-width: 173px !important;
}

.foo-min-h-173 {
  min-height: 173px !important;
}

.foo-w-174 {
  width: 174px !important;
}

.foo-h-174 {
  height: 174px !important;
}

.foo-min-w-174 {
  min-width: 174px !important;
}

.foo-min-h-174 {
  min-height: 174px !important;
}

.foo-w-175 {
  width: 175px !important;
}

.foo-h-175 {
  height: 175px !important;
}

.foo-min-w-175 {
  min-width: 175px !important;
}

.foo-min-h-175 {
  min-height: 175px !important;
}

.foo-w-176 {
  width: 176px !important;
}

.foo-h-176 {
  height: 176px !important;
}

.foo-min-w-176 {
  min-width: 176px !important;
}

.foo-min-h-176 {
  min-height: 176px !important;
}

.foo-w-177 {
  width: 177px !important;
}

.foo-h-177 {
  height: 177px !important;
}

.foo-min-w-177 {
  min-width: 177px !important;
}

.foo-min-h-177 {
  min-height: 177px !important;
}

.foo-w-178 {
  width: 178px !important;
}

.foo-h-178 {
  height: 178px !important;
}

.foo-min-w-178 {
  min-width: 178px !important;
}

.foo-min-h-178 {
  min-height: 178px !important;
}

.foo-w-179 {
  width: 179px !important;
}

.foo-h-179 {
  height: 179px !important;
}

.foo-min-w-179 {
  min-width: 179px !important;
}

.foo-min-h-179 {
  min-height: 179px !important;
}

.foo-w-180 {
  width: 180px !important;
}

.foo-h-180 {
  height: 180px !important;
}

.foo-min-w-180 {
  min-width: 180px !important;
}

.foo-min-h-180 {
  min-height: 180px !important;
}

.foo-w-181 {
  width: 181px !important;
}

.foo-h-181 {
  height: 181px !important;
}

.foo-min-w-181 {
  min-width: 181px !important;
}

.foo-min-h-181 {
  min-height: 181px !important;
}

.foo-w-182 {
  width: 182px !important;
}

.foo-h-182 {
  height: 182px !important;
}

.foo-min-w-182 {
  min-width: 182px !important;
}

.foo-min-h-182 {
  min-height: 182px !important;
}

.foo-w-183 {
  width: 183px !important;
}

.foo-h-183 {
  height: 183px !important;
}

.foo-min-w-183 {
  min-width: 183px !important;
}

.foo-min-h-183 {
  min-height: 183px !important;
}

.foo-w-184 {
  width: 184px !important;
}

.foo-h-184 {
  height: 184px !important;
}

.foo-min-w-184 {
  min-width: 184px !important;
}

.foo-min-h-184 {
  min-height: 184px !important;
}

.foo-w-185 {
  width: 185px !important;
}

.foo-h-185 {
  height: 185px !important;
}

.foo-min-w-185 {
  min-width: 185px !important;
}

.foo-min-h-185 {
  min-height: 185px !important;
}

.foo-w-186 {
  width: 186px !important;
}

.foo-h-186 {
  height: 186px !important;
}

.foo-min-w-186 {
  min-width: 186px !important;
}

.foo-min-h-186 {
  min-height: 186px !important;
}

.foo-w-187 {
  width: 187px !important;
}

.foo-h-187 {
  height: 187px !important;
}

.foo-min-w-187 {
  min-width: 187px !important;
}

.foo-min-h-187 {
  min-height: 187px !important;
}

.foo-w-188 {
  width: 188px !important;
}

.foo-h-188 {
  height: 188px !important;
}

.foo-min-w-188 {
  min-width: 188px !important;
}

.foo-min-h-188 {
  min-height: 188px !important;
}

.foo-w-189 {
  width: 189px !important;
}

.foo-h-189 {
  height: 189px !important;
}

.foo-min-w-189 {
  min-width: 189px !important;
}

.foo-min-h-189 {
  min-height: 189px !important;
}

.foo-w-190 {
  width: 190px !important;
}

.foo-h-190 {
  height: 190px !important;
}

.foo-min-w-190 {
  min-width: 190px !important;
}

.foo-min-h-190 {
  min-height: 190px !important;
}

.foo-w-191 {
  width: 191px !important;
}

.foo-h-191 {
  height: 191px !important;
}

.foo-min-w-191 {
  min-width: 191px !important;
}

.foo-min-h-191 {
  min-height: 191px !important;
}

.foo-w-192 {
  width: 192px !important;
}

.foo-h-192 {
  height: 192px !important;
}

.foo-min-w-192 {
  min-width: 192px !important;
}

.foo-min-h-192 {
  min-height: 192px !important;
}

.foo-w-193 {
  width: 193px !important;
}

.foo-h-193 {
  height: 193px !important;
}

.foo-min-w-193 {
  min-width: 193px !important;
}

.foo-min-h-193 {
  min-height: 193px !important;
}

.foo-w-194 {
  width: 194px !important;
}

.foo-h-194 {
  height: 194px !important;
}

.foo-min-w-194 {
  min-width: 194px !important;
}

.foo-min-h-194 {
  min-height: 194px !important;
}

.foo-w-195 {
  width: 195px !important;
}

.foo-h-195 {
  height: 195px !important;
}

.foo-min-w-195 {
  min-width: 195px !important;
}

.foo-min-h-195 {
  min-height: 195px !important;
}

.foo-w-196 {
  width: 196px !important;
}

.foo-h-196 {
  height: 196px !important;
}

.foo-min-w-196 {
  min-width: 196px !important;
}

.foo-min-h-196 {
  min-height: 196px !important;
}

.foo-w-197 {
  width: 197px !important;
}

.foo-h-197 {
  height: 197px !important;
}

.foo-min-w-197 {
  min-width: 197px !important;
}

.foo-min-h-197 {
  min-height: 197px !important;
}

.foo-w-198 {
  width: 198px !important;
}

.foo-h-198 {
  height: 198px !important;
}

.foo-min-w-198 {
  min-width: 198px !important;
}

.foo-min-h-198 {
  min-height: 198px !important;
}

.foo-w-199 {
  width: 199px !important;
}

.foo-h-199 {
  height: 199px !important;
}

.foo-min-w-199 {
  min-width: 199px !important;
}

.foo-min-h-199 {
  min-height: 199px !important;
}

.foo-w-200 {
  width: 200px !important;
}

.foo-h-200 {
  height: 200px !important;
}

.foo-min-w-200 {
  min-width: 200px !important;
}

.foo-min-h-200 {
  min-height: 200px !important;
}

.foo-w-201 {
  width: 201px !important;
}

.foo-h-201 {
  height: 201px !important;
}

.foo-min-w-201 {
  min-width: 201px !important;
}

.foo-min-h-201 {
  min-height: 201px !important;
}

.foo-w-202 {
  width: 202px !important;
}

.foo-h-202 {
  height: 202px !important;
}

.foo-min-w-202 {
  min-width: 202px !important;
}

.foo-min-h-202 {
  min-height: 202px !important;
}

.foo-w-203 {
  width: 203px !important;
}

.foo-h-203 {
  height: 203px !important;
}

.foo-min-w-203 {
  min-width: 203px !important;
}

.foo-min-h-203 {
  min-height: 203px !important;
}

.foo-w-204 {
  width: 204px !important;
}

.foo-h-204 {
  height: 204px !important;
}

.foo-min-w-204 {
  min-width: 204px !important;
}

.foo-min-h-204 {
  min-height: 204px !important;
}

.foo-w-205 {
  width: 205px !important;
}

.foo-h-205 {
  height: 205px !important;
}

.foo-min-w-205 {
  min-width: 205px !important;
}

.foo-min-h-205 {
  min-height: 205px !important;
}

.foo-w-206 {
  width: 206px !important;
}

.foo-h-206 {
  height: 206px !important;
}

.foo-min-w-206 {
  min-width: 206px !important;
}

.foo-min-h-206 {
  min-height: 206px !important;
}

.foo-w-207 {
  width: 207px !important;
}

.foo-h-207 {
  height: 207px !important;
}

.foo-min-w-207 {
  min-width: 207px !important;
}

.foo-min-h-207 {
  min-height: 207px !important;
}

.foo-w-208 {
  width: 208px !important;
}

.foo-h-208 {
  height: 208px !important;
}

.foo-min-w-208 {
  min-width: 208px !important;
}

.foo-min-h-208 {
  min-height: 208px !important;
}

.foo-w-209 {
  width: 209px !important;
}

.foo-h-209 {
  height: 209px !important;
}

.foo-min-w-209 {
  min-width: 209px !important;
}

.foo-min-h-209 {
  min-height: 209px !important;
}

.foo-w-210 {
  width: 210px !important;
}

.foo-h-210 {
  height: 210px !important;
}

.foo-min-w-210 {
  min-width: 210px !important;
}

.foo-min-h-210 {
  min-height: 210px !important;
}

.foo-w-211 {
  width: 211px !important;
}

.foo-h-211 {
  height: 211px !important;
}

.foo-min-w-211 {
  min-width: 211px !important;
}

.foo-min-h-211 {
  min-height: 211px !important;
}

.foo-w-212 {
  width: 212px !important;
}

.foo-h-212 {
  height: 212px !important;
}

.foo-min-w-212 {
  min-width: 212px !important;
}

.foo-min-h-212 {
  min-height: 212px !important;
}

.foo-w-213 {
  width: 213px !important;
}

.foo-h-213 {
  height: 213px !important;
}

.foo-min-w-213 {
  min-width: 213px !important;
}

.foo-min-h-213 {
  min-height: 213px !important;
}

.foo-w-214 {
  width: 214px !important;
}

.foo-h-214 {
  height: 214px !important;
}

.foo-min-w-214 {
  min-width: 214px !important;
}

.foo-min-h-214 {
  min-height: 214px !important;
}

.foo-w-215 {
  width: 215px !important;
}

.foo-h-215 {
  height: 215px !important;
}

.foo-min-w-215 {
  min-width: 215px !important;
}

.foo-min-h-215 {
  min-height: 215px !important;
}

.foo-w-216 {
  width: 216px !important;
}

.foo-h-216 {
  height: 216px !important;
}

.foo-min-w-216 {
  min-width: 216px !important;
}

.foo-min-h-216 {
  min-height: 216px !important;
}

.foo-w-217 {
  width: 217px !important;
}

.foo-h-217 {
  height: 217px !important;
}

.foo-min-w-217 {
  min-width: 217px !important;
}

.foo-min-h-217 {
  min-height: 217px !important;
}

.foo-w-218 {
  width: 218px !important;
}

.foo-h-218 {
  height: 218px !important;
}

.foo-min-w-218 {
  min-width: 218px !important;
}

.foo-min-h-218 {
  min-height: 218px !important;
}

.foo-w-219 {
  width: 219px !important;
}

.foo-h-219 {
  height: 219px !important;
}

.foo-min-w-219 {
  min-width: 219px !important;
}

.foo-min-h-219 {
  min-height: 219px !important;
}

.foo-w-220 {
  width: 220px !important;
}

.foo-h-220 {
  height: 220px !important;
}

.foo-min-w-220 {
  min-width: 220px !important;
}

.foo-min-h-220 {
  min-height: 220px !important;
}

.foo-w-221 {
  width: 221px !important;
}

.foo-h-221 {
  height: 221px !important;
}

.foo-min-w-221 {
  min-width: 221px !important;
}

.foo-min-h-221 {
  min-height: 221px !important;
}

.foo-w-222 {
  width: 222px !important;
}

.foo-h-222 {
  height: 222px !important;
}

.foo-min-w-222 {
  min-width: 222px !important;
}

.foo-min-h-222 {
  min-height: 222px !important;
}

.foo-w-223 {
  width: 223px !important;
}

.foo-h-223 {
  height: 223px !important;
}

.foo-min-w-223 {
  min-width: 223px !important;
}

.foo-min-h-223 {
  min-height: 223px !important;
}

.foo-w-224 {
  width: 224px !important;
}

.foo-h-224 {
  height: 224px !important;
}

.foo-min-w-224 {
  min-width: 224px !important;
}

.foo-min-h-224 {
  min-height: 224px !important;
}

.foo-w-225 {
  width: 225px !important;
}

.foo-h-225 {
  height: 225px !important;
}

.foo-min-w-225 {
  min-width: 225px !important;
}

.foo-min-h-225 {
  min-height: 225px !important;
}

.foo-w-226 {
  width: 226px !important;
}

.foo-h-226 {
  height: 226px !important;
}

.foo-min-w-226 {
  min-width: 226px !important;
}

.foo-min-h-226 {
  min-height: 226px !important;
}

.foo-w-227 {
  width: 227px !important;
}

.foo-h-227 {
  height: 227px !important;
}

.foo-min-w-227 {
  min-width: 227px !important;
}

.foo-min-h-227 {
  min-height: 227px !important;
}

.foo-w-228 {
  width: 228px !important;
}

.foo-h-228 {
  height: 228px !important;
}

.foo-min-w-228 {
  min-width: 228px !important;
}

.foo-min-h-228 {
  min-height: 228px !important;
}

.foo-w-229 {
  width: 229px !important;
}

.foo-h-229 {
  height: 229px !important;
}

.foo-min-w-229 {
  min-width: 229px !important;
}

.foo-min-h-229 {
  min-height: 229px !important;
}

.foo-w-230 {
  width: 230px !important;
}

.foo-h-230 {
  height: 230px !important;
}

.foo-min-w-230 {
  min-width: 230px !important;
}

.foo-min-h-230 {
  min-height: 230px !important;
}

.foo-w-231 {
  width: 231px !important;
}

.foo-h-231 {
  height: 231px !important;
}

.foo-min-w-231 {
  min-width: 231px !important;
}

.foo-min-h-231 {
  min-height: 231px !important;
}

.foo-w-232 {
  width: 232px !important;
}

.foo-h-232 {
  height: 232px !important;
}

.foo-min-w-232 {
  min-width: 232px !important;
}

.foo-min-h-232 {
  min-height: 232px !important;
}

.foo-w-233 {
  width: 233px !important;
}

.foo-h-233 {
  height: 233px !important;
}

.foo-min-w-233 {
  min-width: 233px !important;
}

.foo-min-h-233 {
  min-height: 233px !important;
}

.foo-w-234 {
  width: 234px !important;
}

.foo-h-234 {
  height: 234px !important;
}

.foo-min-w-234 {
  min-width: 234px !important;
}

.foo-min-h-234 {
  min-height: 234px !important;
}

.foo-w-235 {
  width: 235px !important;
}

.foo-h-235 {
  height: 235px !important;
}

.foo-min-w-235 {
  min-width: 235px !important;
}

.foo-min-h-235 {
  min-height: 235px !important;
}

.foo-w-236 {
  width: 236px !important;
}

.foo-h-236 {
  height: 236px !important;
}

.foo-min-w-236 {
  min-width: 236px !important;
}

.foo-min-h-236 {
  min-height: 236px !important;
}

.foo-w-237 {
  width: 237px !important;
}

.foo-h-237 {
  height: 237px !important;
}

.foo-min-w-237 {
  min-width: 237px !important;
}

.foo-min-h-237 {
  min-height: 237px !important;
}

.foo-w-238 {
  width: 238px !important;
}

.foo-h-238 {
  height: 238px !important;
}

.foo-min-w-238 {
  min-width: 238px !important;
}

.foo-min-h-238 {
  min-height: 238px !important;
}

.foo-w-239 {
  width: 239px !important;
}

.foo-h-239 {
  height: 239px !important;
}

.foo-min-w-239 {
  min-width: 239px !important;
}

.foo-min-h-239 {
  min-height: 239px !important;
}

.foo-w-240 {
  width: 240px !important;
}

.foo-h-240 {
  height: 240px !important;
}

.foo-min-w-240 {
  min-width: 240px !important;
}

.foo-min-h-240 {
  min-height: 240px !important;
}

.foo-w-241 {
  width: 241px !important;
}

.foo-h-241 {
  height: 241px !important;
}

.foo-min-w-241 {
  min-width: 241px !important;
}

.foo-min-h-241 {
  min-height: 241px !important;
}

.foo-w-242 {
  width: 242px !important;
}

.foo-h-242 {
  height: 242px !important;
}

.foo-min-w-242 {
  min-width: 242px !important;
}

.foo-min-h-242 {
  min-height: 242px !important;
}

.foo-w-243 {
  width: 243px !important;
}

.foo-h-243 {
  height: 243px !important;
}

.foo-min-w-243 {
  min-width: 243px !important;
}

.foo-min-h-243 {
  min-height: 243px !important;
}

.foo-w-244 {
  width: 244px !important;
}

.foo-h-244 {
  height: 244px !important;
}

.foo-min-w-244 {
  min-width: 244px !important;
}

.foo-min-h-244 {
  min-height: 244px !important;
}

.foo-w-245 {
  width: 245px !important;
}

.foo-h-245 {
  height: 245px !important;
}

.foo-min-w-245 {
  min-width: 245px !important;
}

.foo-min-h-245 {
  min-height: 245px !important;
}

.foo-w-246 {
  width: 246px !important;
}

.foo-h-246 {
  height: 246px !important;
}

.foo-min-w-246 {
  min-width: 246px !important;
}

.foo-min-h-246 {
  min-height: 246px !important;
}

.foo-w-247 {
  width: 247px !important;
}

.foo-h-247 {
  height: 247px !important;
}

.foo-min-w-247 {
  min-width: 247px !important;
}

.foo-min-h-247 {
  min-height: 247px !important;
}

.foo-w-248 {
  width: 248px !important;
}

.foo-h-248 {
  height: 248px !important;
}

.foo-min-w-248 {
  min-width: 248px !important;
}

.foo-min-h-248 {
  min-height: 248px !important;
}

.foo-w-249 {
  width: 249px !important;
}

.foo-h-249 {
  height: 249px !important;
}

.foo-min-w-249 {
  min-width: 249px !important;
}

.foo-min-h-249 {
  min-height: 249px !important;
}

.foo-w-250 {
  width: 250px !important;
}

.foo-h-250 {
  height: 250px !important;
}

.foo-min-w-250 {
  min-width: 250px !important;
}

.foo-min-h-250 {
  min-height: 250px !important;
}

.foo-w-251 {
  width: 251px !important;
}

.foo-h-251 {
  height: 251px !important;
}

.foo-min-w-251 {
  min-width: 251px !important;
}

.foo-min-h-251 {
  min-height: 251px !important;
}

.foo-w-252 {
  width: 252px !important;
}

.foo-h-252 {
  height: 252px !important;
}

.foo-min-w-252 {
  min-width: 252px !important;
}

.foo-min-h-252 {
  min-height: 252px !important;
}

.foo-w-253 {
  width: 253px !important;
}

.foo-h-253 {
  height: 253px !important;
}

.foo-min-w-253 {
  min-width: 253px !important;
}

.foo-min-h-253 {
  min-height: 253px !important;
}

.foo-w-254 {
  width: 254px !important;
}

.foo-h-254 {
  height: 254px !important;
}

.foo-min-w-254 {
  min-width: 254px !important;
}

.foo-min-h-254 {
  min-height: 254px !important;
}

.foo-w-255 {
  width: 255px !important;
}

.foo-h-255 {
  height: 255px !important;
}

.foo-min-w-255 {
  min-width: 255px !important;
}

.foo-min-h-255 {
  min-height: 255px !important;
}

.foo-w-256 {
  width: 256px !important;
}

.foo-h-256 {
  height: 256px !important;
}

.foo-min-w-256 {
  min-width: 256px !important;
}

.foo-min-h-256 {
  min-height: 256px !important;
}

.foo-w-257 {
  width: 257px !important;
}

.foo-h-257 {
  height: 257px !important;
}

.foo-min-w-257 {
  min-width: 257px !important;
}

.foo-min-h-257 {
  min-height: 257px !important;
}

.foo-w-258 {
  width: 258px !important;
}

.foo-h-258 {
  height: 258px !important;
}

.foo-min-w-258 {
  min-width: 258px !important;
}

.foo-min-h-258 {
  min-height: 258px !important;
}

.foo-w-259 {
  width: 259px !important;
}

.foo-h-259 {
  height: 259px !important;
}

.foo-min-w-259 {
  min-width: 259px !important;
}

.foo-min-h-259 {
  min-height: 259px !important;
}

.foo-w-260 {
  width: 260px !important;
}

.foo-h-260 {
  height: 260px !important;
}

.foo-min-w-260 {
  min-width: 260px !important;
}

.foo-min-h-260 {
  min-height: 260px !important;
}

.foo-w-261 {
  width: 261px !important;
}

.foo-h-261 {
  height: 261px !important;
}

.foo-min-w-261 {
  min-width: 261px !important;
}

.foo-min-h-261 {
  min-height: 261px !important;
}

.foo-w-262 {
  width: 262px !important;
}

.foo-h-262 {
  height: 262px !important;
}

.foo-min-w-262 {
  min-width: 262px !important;
}

.foo-min-h-262 {
  min-height: 262px !important;
}

.foo-w-263 {
  width: 263px !important;
}

.foo-h-263 {
  height: 263px !important;
}

.foo-min-w-263 {
  min-width: 263px !important;
}

.foo-min-h-263 {
  min-height: 263px !important;
}

.foo-w-264 {
  width: 264px !important;
}

.foo-h-264 {
  height: 264px !important;
}

.foo-min-w-264 {
  min-width: 264px !important;
}

.foo-min-h-264 {
  min-height: 264px !important;
}

.foo-w-265 {
  width: 265px !important;
}

.foo-h-265 {
  height: 265px !important;
}

.foo-min-w-265 {
  min-width: 265px !important;
}

.foo-min-h-265 {
  min-height: 265px !important;
}

.foo-w-266 {
  width: 266px !important;
}

.foo-h-266 {
  height: 266px !important;
}

.foo-min-w-266 {
  min-width: 266px !important;
}

.foo-min-h-266 {
  min-height: 266px !important;
}

.foo-w-267 {
  width: 267px !important;
}

.foo-h-267 {
  height: 267px !important;
}

.foo-min-w-267 {
  min-width: 267px !important;
}

.foo-min-h-267 {
  min-height: 267px !important;
}

.foo-w-268 {
  width: 268px !important;
}

.foo-h-268 {
  height: 268px !important;
}

.foo-min-w-268 {
  min-width: 268px !important;
}

.foo-min-h-268 {
  min-height: 268px !important;
}

.foo-w-269 {
  width: 269px !important;
}

.foo-h-269 {
  height: 269px !important;
}

.foo-min-w-269 {
  min-width: 269px !important;
}

.foo-min-h-269 {
  min-height: 269px !important;
}

.foo-w-270 {
  width: 270px !important;
}

.foo-h-270 {
  height: 270px !important;
}

.foo-min-w-270 {
  min-width: 270px !important;
}

.foo-min-h-270 {
  min-height: 270px !important;
}

.foo-w-271 {
  width: 271px !important;
}

.foo-h-271 {
  height: 271px !important;
}

.foo-min-w-271 {
  min-width: 271px !important;
}

.foo-min-h-271 {
  min-height: 271px !important;
}

.foo-w-272 {
  width: 272px !important;
}

.foo-h-272 {
  height: 272px !important;
}

.foo-min-w-272 {
  min-width: 272px !important;
}

.foo-min-h-272 {
  min-height: 272px !important;
}

.foo-w-273 {
  width: 273px !important;
}

.foo-h-273 {
  height: 273px !important;
}

.foo-min-w-273 {
  min-width: 273px !important;
}

.foo-min-h-273 {
  min-height: 273px !important;
}

.foo-w-274 {
  width: 274px !important;
}

.foo-h-274 {
  height: 274px !important;
}

.foo-min-w-274 {
  min-width: 274px !important;
}

.foo-min-h-274 {
  min-height: 274px !important;
}

.foo-w-275 {
  width: 275px !important;
}

.foo-h-275 {
  height: 275px !important;
}

.foo-min-w-275 {
  min-width: 275px !important;
}

.foo-min-h-275 {
  min-height: 275px !important;
}

.foo-w-276 {
  width: 276px !important;
}

.foo-h-276 {
  height: 276px !important;
}

.foo-min-w-276 {
  min-width: 276px !important;
}

.foo-min-h-276 {
  min-height: 276px !important;
}

.foo-w-277 {
  width: 277px !important;
}

.foo-h-277 {
  height: 277px !important;
}

.foo-min-w-277 {
  min-width: 277px !important;
}

.foo-min-h-277 {
  min-height: 277px !important;
}

.foo-w-278 {
  width: 278px !important;
}

.foo-h-278 {
  height: 278px !important;
}

.foo-min-w-278 {
  min-width: 278px !important;
}

.foo-min-h-278 {
  min-height: 278px !important;
}

.foo-w-279 {
  width: 279px !important;
}

.foo-h-279 {
  height: 279px !important;
}

.foo-min-w-279 {
  min-width: 279px !important;
}

.foo-min-h-279 {
  min-height: 279px !important;
}

.foo-w-280 {
  width: 280px !important;
}

.foo-h-280 {
  height: 280px !important;
}

.foo-min-w-280 {
  min-width: 280px !important;
}

.foo-min-h-280 {
  min-height: 280px !important;
}

.foo-w-281 {
  width: 281px !important;
}

.foo-h-281 {
  height: 281px !important;
}

.foo-min-w-281 {
  min-width: 281px !important;
}

.foo-min-h-281 {
  min-height: 281px !important;
}

.foo-w-282 {
  width: 282px !important;
}

.foo-h-282 {
  height: 282px !important;
}

.foo-min-w-282 {
  min-width: 282px !important;
}

.foo-min-h-282 {
  min-height: 282px !important;
}

.foo-w-283 {
  width: 283px !important;
}

.foo-h-283 {
  height: 283px !important;
}

.foo-min-w-283 {
  min-width: 283px !important;
}

.foo-min-h-283 {
  min-height: 283px !important;
}

.foo-w-284 {
  width: 284px !important;
}

.foo-h-284 {
  height: 284px !important;
}

.foo-min-w-284 {
  min-width: 284px !important;
}

.foo-min-h-284 {
  min-height: 284px !important;
}

.foo-w-285 {
  width: 285px !important;
}

.foo-h-285 {
  height: 285px !important;
}

.foo-min-w-285 {
  min-width: 285px !important;
}

.foo-min-h-285 {
  min-height: 285px !important;
}

.foo-w-286 {
  width: 286px !important;
}

.foo-h-286 {
  height: 286px !important;
}

.foo-min-w-286 {
  min-width: 286px !important;
}

.foo-min-h-286 {
  min-height: 286px !important;
}

.foo-w-287 {
  width: 287px !important;
}

.foo-h-287 {
  height: 287px !important;
}

.foo-min-w-287 {
  min-width: 287px !important;
}

.foo-min-h-287 {
  min-height: 287px !important;
}

.foo-w-288 {
  width: 288px !important;
}

.foo-h-288 {
  height: 288px !important;
}

.foo-min-w-288 {
  min-width: 288px !important;
}

.foo-min-h-288 {
  min-height: 288px !important;
}

.foo-w-289 {
  width: 289px !important;
}

.foo-h-289 {
  height: 289px !important;
}

.foo-min-w-289 {
  min-width: 289px !important;
}

.foo-min-h-289 {
  min-height: 289px !important;
}

.foo-w-290 {
  width: 290px !important;
}

.foo-h-290 {
  height: 290px !important;
}

.foo-min-w-290 {
  min-width: 290px !important;
}

.foo-min-h-290 {
  min-height: 290px !important;
}

.foo-w-291 {
  width: 291px !important;
}

.foo-h-291 {
  height: 291px !important;
}

.foo-min-w-291 {
  min-width: 291px !important;
}

.foo-min-h-291 {
  min-height: 291px !important;
}

.foo-w-292 {
  width: 292px !important;
}

.foo-h-292 {
  height: 292px !important;
}

.foo-min-w-292 {
  min-width: 292px !important;
}

.foo-min-h-292 {
  min-height: 292px !important;
}

.foo-w-293 {
  width: 293px !important;
}

.foo-h-293 {
  height: 293px !important;
}

.foo-min-w-293 {
  min-width: 293px !important;
}

.foo-min-h-293 {
  min-height: 293px !important;
}

.foo-w-294 {
  width: 294px !important;
}

.foo-h-294 {
  height: 294px !important;
}

.foo-min-w-294 {
  min-width: 294px !important;
}

.foo-min-h-294 {
  min-height: 294px !important;
}

.foo-w-295 {
  width: 295px !important;
}

.foo-h-295 {
  height: 295px !important;
}

.foo-min-w-295 {
  min-width: 295px !important;
}

.foo-min-h-295 {
  min-height: 295px !important;
}

.foo-w-296 {
  width: 296px !important;
}

.foo-h-296 {
  height: 296px !important;
}

.foo-min-w-296 {
  min-width: 296px !important;
}

.foo-min-h-296 {
  min-height: 296px !important;
}

.foo-w-297 {
  width: 297px !important;
}

.foo-h-297 {
  height: 297px !important;
}

.foo-min-w-297 {
  min-width: 297px !important;
}

.foo-min-h-297 {
  min-height: 297px !important;
}

.foo-w-298 {
  width: 298px !important;
}

.foo-h-298 {
  height: 298px !important;
}

.foo-min-w-298 {
  min-width: 298px !important;
}

.foo-min-h-298 {
  min-height: 298px !important;
}

.foo-w-299 {
  width: 299px !important;
}

.foo-h-299 {
  height: 299px !important;
}

.foo-min-w-299 {
  min-width: 299px !important;
}

.foo-min-h-299 {
  min-height: 299px !important;
}

.foo-w-300 {
  width: 300px !important;
}

.foo-h-300 {
  height: 300px !important;
}

.foo-min-w-300 {
  min-width: 300px !important;
}

.foo-min-h-300 {
  min-height: 300px !important;
}

.foo-w-301 {
  width: 301px !important;
}

.foo-h-301 {
  height: 301px !important;
}

.foo-min-w-301 {
  min-width: 301px !important;
}

.foo-min-h-301 {
  min-height: 301px !important;
}

.foo-w-302 {
  width: 302px !important;
}

.foo-h-302 {
  height: 302px !important;
}

.foo-min-w-302 {
  min-width: 302px !important;
}

.foo-min-h-302 {
  min-height: 302px !important;
}

.foo-w-303 {
  width: 303px !important;
}

.foo-h-303 {
  height: 303px !important;
}

.foo-min-w-303 {
  min-width: 303px !important;
}

.foo-min-h-303 {
  min-height: 303px !important;
}

.foo-w-304 {
  width: 304px !important;
}

.foo-h-304 {
  height: 304px !important;
}

.foo-min-w-304 {
  min-width: 304px !important;
}

.foo-min-h-304 {
  min-height: 304px !important;
}

.foo-w-305 {
  width: 305px !important;
}

.foo-h-305 {
  height: 305px !important;
}

.foo-min-w-305 {
  min-width: 305px !important;
}

.foo-min-h-305 {
  min-height: 305px !important;
}

.foo-w-306 {
  width: 306px !important;
}

.foo-h-306 {
  height: 306px !important;
}

.foo-min-w-306 {
  min-width: 306px !important;
}

.foo-min-h-306 {
  min-height: 306px !important;
}

.foo-w-307 {
  width: 307px !important;
}

.foo-h-307 {
  height: 307px !important;
}

.foo-min-w-307 {
  min-width: 307px !important;
}

.foo-min-h-307 {
  min-height: 307px !important;
}

.foo-w-308 {
  width: 308px !important;
}

.foo-h-308 {
  height: 308px !important;
}

.foo-min-w-308 {
  min-width: 308px !important;
}

.foo-min-h-308 {
  min-height: 308px !important;
}

.foo-w-309 {
  width: 309px !important;
}

.foo-h-309 {
  height: 309px !important;
}

.foo-min-w-309 {
  min-width: 309px !important;
}

.foo-min-h-309 {
  min-height: 309px !important;
}

.foo-w-310 {
  width: 310px !important;
}

.foo-h-310 {
  height: 310px !important;
}

.foo-min-w-310 {
  min-width: 310px !important;
}

.foo-min-h-310 {
  min-height: 310px !important;
}

.foo-w-311 {
  width: 311px !important;
}

.foo-h-311 {
  height: 311px !important;
}

.foo-min-w-311 {
  min-width: 311px !important;
}

.foo-min-h-311 {
  min-height: 311px !important;
}

.foo-w-312 {
  width: 312px !important;
}

.foo-h-312 {
  height: 312px !important;
}

.foo-min-w-312 {
  min-width: 312px !important;
}

.foo-min-h-312 {
  min-height: 312px !important;
}

.foo-w-313 {
  width: 313px !important;
}

.foo-h-313 {
  height: 313px !important;
}

.foo-min-w-313 {
  min-width: 313px !important;
}

.foo-min-h-313 {
  min-height: 313px !important;
}

.foo-w-314 {
  width: 314px !important;
}

.foo-h-314 {
  height: 314px !important;
}

.foo-min-w-314 {
  min-width: 314px !important;
}

.foo-min-h-314 {
  min-height: 314px !important;
}

.foo-w-315 {
  width: 315px !important;
}

.foo-h-315 {
  height: 315px !important;
}

.foo-min-w-315 {
  min-width: 315px !important;
}

.foo-min-h-315 {
  min-height: 315px !important;
}

.foo-w-316 {
  width: 316px !important;
}

.foo-h-316 {
  height: 316px !important;
}

.foo-min-w-316 {
  min-width: 316px !important;
}

.foo-min-h-316 {
  min-height: 316px !important;
}

.foo-w-317 {
  width: 317px !important;
}

.foo-h-317 {
  height: 317px !important;
}

.foo-min-w-317 {
  min-width: 317px !important;
}

.foo-min-h-317 {
  min-height: 317px !important;
}

.foo-w-318 {
  width: 318px !important;
}

.foo-h-318 {
  height: 318px !important;
}

.foo-min-w-318 {
  min-width: 318px !important;
}

.foo-min-h-318 {
  min-height: 318px !important;
}

.foo-w-319 {
  width: 319px !important;
}

.foo-h-319 {
  height: 319px !important;
}

.foo-min-w-319 {
  min-width: 319px !important;
}

.foo-min-h-319 {
  min-height: 319px !important;
}

.foo-w-320 {
  width: 320px !important;
}

.foo-h-320 {
  height: 320px !important;
}

.foo-min-w-320 {
  min-width: 320px !important;
}

.foo-min-h-320 {
  min-height: 320px !important;
}

.foo-w-321 {
  width: 321px !important;
}

.foo-h-321 {
  height: 321px !important;
}

.foo-min-w-321 {
  min-width: 321px !important;
}

.foo-min-h-321 {
  min-height: 321px !important;
}

.foo-w-322 {
  width: 322px !important;
}

.foo-h-322 {
  height: 322px !important;
}

.foo-min-w-322 {
  min-width: 322px !important;
}

.foo-min-h-322 {
  min-height: 322px !important;
}

.foo-w-323 {
  width: 323px !important;
}

.foo-h-323 {
  height: 323px !important;
}

.foo-min-w-323 {
  min-width: 323px !important;
}

.foo-min-h-323 {
  min-height: 323px !important;
}

.foo-w-324 {
  width: 324px !important;
}

.foo-h-324 {
  height: 324px !important;
}

.foo-min-w-324 {
  min-width: 324px !important;
}

.foo-min-h-324 {
  min-height: 324px !important;
}

.foo-w-325 {
  width: 325px !important;
}

.foo-h-325 {
  height: 325px !important;
}

.foo-min-w-325 {
  min-width: 325px !important;
}

.foo-min-h-325 {
  min-height: 325px !important;
}

.foo-w-326 {
  width: 326px !important;
}

.foo-h-326 {
  height: 326px !important;
}

.foo-min-w-326 {
  min-width: 326px !important;
}

.foo-min-h-326 {
  min-height: 326px !important;
}

.foo-w-327 {
  width: 327px !important;
}

.foo-h-327 {
  height: 327px !important;
}

.foo-min-w-327 {
  min-width: 327px !important;
}

.foo-min-h-327 {
  min-height: 327px !important;
}

.foo-w-328 {
  width: 328px !important;
}

.foo-h-328 {
  height: 328px !important;
}

.foo-min-w-328 {
  min-width: 328px !important;
}

.foo-min-h-328 {
  min-height: 328px !important;
}

.foo-w-329 {
  width: 329px !important;
}

.foo-h-329 {
  height: 329px !important;
}

.foo-min-w-329 {
  min-width: 329px !important;
}

.foo-min-h-329 {
  min-height: 329px !important;
}

.foo-w-330 {
  width: 330px !important;
}

.foo-h-330 {
  height: 330px !important;
}

.foo-min-w-330 {
  min-width: 330px !important;
}

.foo-min-h-330 {
  min-height: 330px !important;
}

.foo-w-331 {
  width: 331px !important;
}

.foo-h-331 {
  height: 331px !important;
}

.foo-min-w-331 {
  min-width: 331px !important;
}

.foo-min-h-331 {
  min-height: 331px !important;
}

.foo-w-332 {
  width: 332px !important;
}

.foo-h-332 {
  height: 332px !important;
}

.foo-min-w-332 {
  min-width: 332px !important;
}

.foo-min-h-332 {
  min-height: 332px !important;
}

.foo-w-333 {
  width: 333px !important;
}

.foo-h-333 {
  height: 333px !important;
}

.foo-min-w-333 {
  min-width: 333px !important;
}

.foo-min-h-333 {
  min-height: 333px !important;
}

.foo-w-334 {
  width: 334px !important;
}

.foo-h-334 {
  height: 334px !important;
}

.foo-min-w-334 {
  min-width: 334px !important;
}

.foo-min-h-334 {
  min-height: 334px !important;
}

.foo-w-335 {
  width: 335px !important;
}

.foo-h-335 {
  height: 335px !important;
}

.foo-min-w-335 {
  min-width: 335px !important;
}

.foo-min-h-335 {
  min-height: 335px !important;
}

.foo-w-336 {
  width: 336px !important;
}

.foo-h-336 {
  height: 336px !important;
}

.foo-min-w-336 {
  min-width: 336px !important;
}

.foo-min-h-336 {
  min-height: 336px !important;
}

.foo-w-337 {
  width: 337px !important;
}

.foo-h-337 {
  height: 337px !important;
}

.foo-min-w-337 {
  min-width: 337px !important;
}

.foo-min-h-337 {
  min-height: 337px !important;
}

.foo-w-338 {
  width: 338px !important;
}

.foo-h-338 {
  height: 338px !important;
}

.foo-min-w-338 {
  min-width: 338px !important;
}

.foo-min-h-338 {
  min-height: 338px !important;
}

.foo-w-339 {
  width: 339px !important;
}

.foo-h-339 {
  height: 339px !important;
}

.foo-min-w-339 {
  min-width: 339px !important;
}

.foo-min-h-339 {
  min-height: 339px !important;
}

.foo-w-340 {
  width: 340px !important;
}

.foo-h-340 {
  height: 340px !important;
}

.foo-min-w-340 {
  min-width: 340px !important;
}

.foo-min-h-340 {
  min-height: 340px !important;
}

.foo-w-341 {
  width: 341px !important;
}

.foo-h-341 {
  height: 341px !important;
}

.foo-min-w-341 {
  min-width: 341px !important;
}

.foo-min-h-341 {
  min-height: 341px !important;
}

.foo-w-342 {
  width: 342px !important;
}

.foo-h-342 {
  height: 342px !important;
}

.foo-min-w-342 {
  min-width: 342px !important;
}

.foo-min-h-342 {
  min-height: 342px !important;
}

.foo-w-343 {
  width: 343px !important;
}

.foo-h-343 {
  height: 343px !important;
}

.foo-min-w-343 {
  min-width: 343px !important;
}

.foo-min-h-343 {
  min-height: 343px !important;
}

.foo-w-344 {
  width: 344px !important;
}

.foo-h-344 {
  height: 344px !important;
}

.foo-min-w-344 {
  min-width: 344px !important;
}

.foo-min-h-344 {
  min-height: 344px !important;
}

.foo-w-345 {
  width: 345px !important;
}

.foo-h-345 {
  height: 345px !important;
}

.foo-min-w-345 {
  min-width: 345px !important;
}

.foo-min-h-345 {
  min-height: 345px !important;
}

.foo-w-346 {
  width: 346px !important;
}

.foo-h-346 {
  height: 346px !important;
}

.foo-min-w-346 {
  min-width: 346px !important;
}

.foo-min-h-346 {
  min-height: 346px !important;
}

.foo-w-347 {
  width: 347px !important;
}

.foo-h-347 {
  height: 347px !important;
}

.foo-min-w-347 {
  min-width: 347px !important;
}

.foo-min-h-347 {
  min-height: 347px !important;
}

.foo-w-348 {
  width: 348px !important;
}

.foo-h-348 {
  height: 348px !important;
}

.foo-min-w-348 {
  min-width: 348px !important;
}

.foo-min-h-348 {
  min-height: 348px !important;
}

.foo-w-349 {
  width: 349px !important;
}

.foo-h-349 {
  height: 349px !important;
}

.foo-min-w-349 {
  min-width: 349px !important;
}

.foo-min-h-349 {
  min-height: 349px !important;
}

.foo-w-350 {
  width: 350px !important;
}

.foo-h-350 {
  height: 350px !important;
}

.foo-min-w-350 {
  min-width: 350px !important;
}

.foo-min-h-350 {
  min-height: 350px !important;
}

.foo-w-351 {
  width: 351px !important;
}

.foo-h-351 {
  height: 351px !important;
}

.foo-min-w-351 {
  min-width: 351px !important;
}

.foo-min-h-351 {
  min-height: 351px !important;
}

.foo-w-352 {
  width: 352px !important;
}

.foo-h-352 {
  height: 352px !important;
}

.foo-min-w-352 {
  min-width: 352px !important;
}

.foo-min-h-352 {
  min-height: 352px !important;
}

.foo-w-353 {
  width: 353px !important;
}

.foo-h-353 {
  height: 353px !important;
}

.foo-min-w-353 {
  min-width: 353px !important;
}

.foo-min-h-353 {
  min-height: 353px !important;
}

.foo-w-354 {
  width: 354px !important;
}

.foo-h-354 {
  height: 354px !important;
}

.foo-min-w-354 {
  min-width: 354px !important;
}

.foo-min-h-354 {
  min-height: 354px !important;
}

.foo-w-355 {
  width: 355px !important;
}

.foo-h-355 {
  height: 355px !important;
}

.foo-min-w-355 {
  min-width: 355px !important;
}

.foo-min-h-355 {
  min-height: 355px !important;
}

.foo-w-356 {
  width: 356px !important;
}

.foo-h-356 {
  height: 356px !important;
}

.foo-min-w-356 {
  min-width: 356px !important;
}

.foo-min-h-356 {
  min-height: 356px !important;
}

.foo-w-357 {
  width: 357px !important;
}

.foo-h-357 {
  height: 357px !important;
}

.foo-min-w-357 {
  min-width: 357px !important;
}

.foo-min-h-357 {
  min-height: 357px !important;
}

.foo-w-358 {
  width: 358px !important;
}

.foo-h-358 {
  height: 358px !important;
}

.foo-min-w-358 {
  min-width: 358px !important;
}

.foo-min-h-358 {
  min-height: 358px !important;
}

.foo-w-359 {
  width: 359px !important;
}

.foo-h-359 {
  height: 359px !important;
}

.foo-min-w-359 {
  min-width: 359px !important;
}

.foo-min-h-359 {
  min-height: 359px !important;
}

.foo-w-360 {
  width: 360px !important;
}

.foo-h-360 {
  height: 360px !important;
}

.foo-min-w-360 {
  min-width: 360px !important;
}

.foo-min-h-360 {
  min-height: 360px !important;
}

.foo-w-361 {
  width: 361px !important;
}

.foo-h-361 {
  height: 361px !important;
}

.foo-min-w-361 {
  min-width: 361px !important;
}

.foo-min-h-361 {
  min-height: 361px !important;
}

.foo-w-362 {
  width: 362px !important;
}

.foo-h-362 {
  height: 362px !important;
}

.foo-min-w-362 {
  min-width: 362px !important;
}

.foo-min-h-362 {
  min-height: 362px !important;
}

.foo-w-363 {
  width: 363px !important;
}

.foo-h-363 {
  height: 363px !important;
}

.foo-min-w-363 {
  min-width: 363px !important;
}

.foo-min-h-363 {
  min-height: 363px !important;
}

.foo-w-364 {
  width: 364px !important;
}

.foo-h-364 {
  height: 364px !important;
}

.foo-min-w-364 {
  min-width: 364px !important;
}

.foo-min-h-364 {
  min-height: 364px !important;
}

.foo-w-365 {
  width: 365px !important;
}

.foo-h-365 {
  height: 365px !important;
}

.foo-min-w-365 {
  min-width: 365px !important;
}

.foo-min-h-365 {
  min-height: 365px !important;
}

.foo-w-366 {
  width: 366px !important;
}

.foo-h-366 {
  height: 366px !important;
}

.foo-min-w-366 {
  min-width: 366px !important;
}

.foo-min-h-366 {
  min-height: 366px !important;
}

.foo-w-367 {
  width: 367px !important;
}

.foo-h-367 {
  height: 367px !important;
}

.foo-min-w-367 {
  min-width: 367px !important;
}

.foo-min-h-367 {
  min-height: 367px !important;
}

.foo-w-368 {
  width: 368px !important;
}

.foo-h-368 {
  height: 368px !important;
}

.foo-min-w-368 {
  min-width: 368px !important;
}

.foo-min-h-368 {
  min-height: 368px !important;
}

.foo-w-369 {
  width: 369px !important;
}

.foo-h-369 {
  height: 369px !important;
}

.foo-min-w-369 {
  min-width: 369px !important;
}

.foo-min-h-369 {
  min-height: 369px !important;
}

.foo-w-370 {
  width: 370px !important;
}

.foo-h-370 {
  height: 370px !important;
}

.foo-min-w-370 {
  min-width: 370px !important;
}

.foo-min-h-370 {
  min-height: 370px !important;
}

.foo-w-371 {
  width: 371px !important;
}

.foo-h-371 {
  height: 371px !important;
}

.foo-min-w-371 {
  min-width: 371px !important;
}

.foo-min-h-371 {
  min-height: 371px !important;
}

.foo-w-372 {
  width: 372px !important;
}

.foo-h-372 {
  height: 372px !important;
}

.foo-min-w-372 {
  min-width: 372px !important;
}

.foo-min-h-372 {
  min-height: 372px !important;
}

.foo-w-373 {
  width: 373px !important;
}

.foo-h-373 {
  height: 373px !important;
}

.foo-min-w-373 {
  min-width: 373px !important;
}

.foo-min-h-373 {
  min-height: 373px !important;
}

.foo-w-374 {
  width: 374px !important;
}

.foo-h-374 {
  height: 374px !important;
}

.foo-min-w-374 {
  min-width: 374px !important;
}

.foo-min-h-374 {
  min-height: 374px !important;
}

.foo-w-375 {
  width: 375px !important;
}

.foo-h-375 {
  height: 375px !important;
}

.foo-min-w-375 {
  min-width: 375px !important;
}

.foo-min-h-375 {
  min-height: 375px !important;
}

.foo-w-376 {
  width: 376px !important;
}

.foo-h-376 {
  height: 376px !important;
}

.foo-min-w-376 {
  min-width: 376px !important;
}

.foo-min-h-376 {
  min-height: 376px !important;
}

.foo-w-377 {
  width: 377px !important;
}

.foo-h-377 {
  height: 377px !important;
}

.foo-min-w-377 {
  min-width: 377px !important;
}

.foo-min-h-377 {
  min-height: 377px !important;
}

.foo-w-378 {
  width: 378px !important;
}

.foo-h-378 {
  height: 378px !important;
}

.foo-min-w-378 {
  min-width: 378px !important;
}

.foo-min-h-378 {
  min-height: 378px !important;
}

.foo-w-379 {
  width: 379px !important;
}

.foo-h-379 {
  height: 379px !important;
}

.foo-min-w-379 {
  min-width: 379px !important;
}

.foo-min-h-379 {
  min-height: 379px !important;
}

.foo-w-380 {
  width: 380px !important;
}

.foo-h-380 {
  height: 380px !important;
}

.foo-min-w-380 {
  min-width: 380px !important;
}

.foo-min-h-380 {
  min-height: 380px !important;
}

.foo-w-381 {
  width: 381px !important;
}

.foo-h-381 {
  height: 381px !important;
}

.foo-min-w-381 {
  min-width: 381px !important;
}

.foo-min-h-381 {
  min-height: 381px !important;
}

.foo-w-382 {
  width: 382px !important;
}

.foo-h-382 {
  height: 382px !important;
}

.foo-min-w-382 {
  min-width: 382px !important;
}

.foo-min-h-382 {
  min-height: 382px !important;
}

.foo-w-383 {
  width: 383px !important;
}

.foo-h-383 {
  height: 383px !important;
}

.foo-min-w-383 {
  min-width: 383px !important;
}

.foo-min-h-383 {
  min-height: 383px !important;
}

.foo-w-384 {
  width: 384px !important;
}

.foo-h-384 {
  height: 384px !important;
}

.foo-min-w-384 {
  min-width: 384px !important;
}

.foo-min-h-384 {
  min-height: 384px !important;
}

.foo-w-385 {
  width: 385px !important;
}

.foo-h-385 {
  height: 385px !important;
}

.foo-min-w-385 {
  min-width: 385px !important;
}

.foo-min-h-385 {
  min-height: 385px !important;
}

.foo-w-386 {
  width: 386px !important;
}

.foo-h-386 {
  height: 386px !important;
}

.foo-min-w-386 {
  min-width: 386px !important;
}

.foo-min-h-386 {
  min-height: 386px !important;
}

.foo-w-387 {
  width: 387px !important;
}

.foo-h-387 {
  height: 387px !important;
}

.foo-min-w-387 {
  min-width: 387px !important;
}

.foo-min-h-387 {
  min-height: 387px !important;
}

.foo-w-388 {
  width: 388px !important;
}

.foo-h-388 {
  height: 388px !important;
}

.foo-min-w-388 {
  min-width: 388px !important;
}

.foo-min-h-388 {
  min-height: 388px !important;
}

.foo-w-389 {
  width: 389px !important;
}

.foo-h-389 {
  height: 389px !important;
}

.foo-min-w-389 {
  min-width: 389px !important;
}

.foo-min-h-389 {
  min-height: 389px !important;
}

.foo-w-390 {
  width: 390px !important;
}

.foo-h-390 {
  height: 390px !important;
}

.foo-min-w-390 {
  min-width: 390px !important;
}

.foo-min-h-390 {
  min-height: 390px !important;
}

.foo-w-391 {
  width: 391px !important;
}

.foo-h-391 {
  height: 391px !important;
}

.foo-min-w-391 {
  min-width: 391px !important;
}

.foo-min-h-391 {
  min-height: 391px !important;
}

.foo-w-392 {
  width: 392px !important;
}

.foo-h-392 {
  height: 392px !important;
}

.foo-min-w-392 {
  min-width: 392px !important;
}

.foo-min-h-392 {
  min-height: 392px !important;
}

.foo-w-393 {
  width: 393px !important;
}

.foo-h-393 {
  height: 393px !important;
}

.foo-min-w-393 {
  min-width: 393px !important;
}

.foo-min-h-393 {
  min-height: 393px !important;
}

.foo-w-394 {
  width: 394px !important;
}

.foo-h-394 {
  height: 394px !important;
}

.foo-min-w-394 {
  min-width: 394px !important;
}

.foo-min-h-394 {
  min-height: 394px !important;
}

.foo-w-395 {
  width: 395px !important;
}

.foo-h-395 {
  height: 395px !important;
}

.foo-min-w-395 {
  min-width: 395px !important;
}

.foo-min-h-395 {
  min-height: 395px !important;
}

.foo-w-396 {
  width: 396px !important;
}

.foo-h-396 {
  height: 396px !important;
}

.foo-min-w-396 {
  min-width: 396px !important;
}

.foo-min-h-396 {
  min-height: 396px !important;
}

.foo-w-397 {
  width: 397px !important;
}

.foo-h-397 {
  height: 397px !important;
}

.foo-min-w-397 {
  min-width: 397px !important;
}

.foo-min-h-397 {
  min-height: 397px !important;
}

.foo-w-398 {
  width: 398px !important;
}

.foo-h-398 {
  height: 398px !important;
}

.foo-min-w-398 {
  min-width: 398px !important;
}

.foo-min-h-398 {
  min-height: 398px !important;
}

.foo-w-399 {
  width: 399px !important;
}

.foo-h-399 {
  height: 399px !important;
}

.foo-min-w-399 {
  min-width: 399px !important;
}

.foo-min-h-399 {
  min-height: 399px !important;
}

.foo-w-400 {
  width: 400px !important;
}

.foo-h-400 {
  height: 400px !important;
}

.foo-min-w-400 {
  min-width: 400px !important;
}

.foo-min-h-400 {
  min-height: 400px !important;
}

.foo-w-401 {
  width: 401px !important;
}

.foo-h-401 {
  height: 401px !important;
}

.foo-min-w-401 {
  min-width: 401px !important;
}

.foo-min-h-401 {
  min-height: 401px !important;
}

.foo-w-402 {
  width: 402px !important;
}

.foo-h-402 {
  height: 402px !important;
}

.foo-min-w-402 {
  min-width: 402px !important;
}

.foo-min-h-402 {
  min-height: 402px !important;
}

.foo-w-403 {
  width: 403px !important;
}

.foo-h-403 {
  height: 403px !important;
}

.foo-min-w-403 {
  min-width: 403px !important;
}

.foo-min-h-403 {
  min-height: 403px !important;
}

.foo-w-404 {
  width: 404px !important;
}

.foo-h-404 {
  height: 404px !important;
}

.foo-min-w-404 {
  min-width: 404px !important;
}

.foo-min-h-404 {
  min-height: 404px !important;
}

.foo-w-405 {
  width: 405px !important;
}

.foo-h-405 {
  height: 405px !important;
}

.foo-min-w-405 {
  min-width: 405px !important;
}

.foo-min-h-405 {
  min-height: 405px !important;
}

.foo-w-406 {
  width: 406px !important;
}

.foo-h-406 {
  height: 406px !important;
}

.foo-min-w-406 {
  min-width: 406px !important;
}

.foo-min-h-406 {
  min-height: 406px !important;
}

.foo-w-407 {
  width: 407px !important;
}

.foo-h-407 {
  height: 407px !important;
}

.foo-min-w-407 {
  min-width: 407px !important;
}

.foo-min-h-407 {
  min-height: 407px !important;
}

.foo-w-408 {
  width: 408px !important;
}

.foo-h-408 {
  height: 408px !important;
}

.foo-min-w-408 {
  min-width: 408px !important;
}

.foo-min-h-408 {
  min-height: 408px !important;
}

.foo-w-409 {
  width: 409px !important;
}

.foo-h-409 {
  height: 409px !important;
}

.foo-min-w-409 {
  min-width: 409px !important;
}

.foo-min-h-409 {
  min-height: 409px !important;
}

.foo-w-410 {
  width: 410px !important;
}

.foo-h-410 {
  height: 410px !important;
}

.foo-min-w-410 {
  min-width: 410px !important;
}

.foo-min-h-410 {
  min-height: 410px !important;
}

.foo-w-411 {
  width: 411px !important;
}

.foo-h-411 {
  height: 411px !important;
}

.foo-min-w-411 {
  min-width: 411px !important;
}

.foo-min-h-411 {
  min-height: 411px !important;
}

.foo-w-412 {
  width: 412px !important;
}

.foo-h-412 {
  height: 412px !important;
}

.foo-min-w-412 {
  min-width: 412px !important;
}

.foo-min-h-412 {
  min-height: 412px !important;
}

.foo-w-413 {
  width: 413px !important;
}

.foo-h-413 {
  height: 413px !important;
}

.foo-min-w-413 {
  min-width: 413px !important;
}

.foo-min-h-413 {
  min-height: 413px !important;
}

.foo-w-414 {
  width: 414px !important;
}

.foo-h-414 {
  height: 414px !important;
}

.foo-min-w-414 {
  min-width: 414px !important;
}

.foo-min-h-414 {
  min-height: 414px !important;
}

.foo-w-415 {
  width: 415px !important;
}

.foo-h-415 {
  height: 415px !important;
}

.foo-min-w-415 {
  min-width: 415px !important;
}

.foo-min-h-415 {
  min-height: 415px !important;
}

.foo-w-416 {
  width: 416px !important;
}

.foo-h-416 {
  height: 416px !important;
}

.foo-min-w-416 {
  min-width: 416px !important;
}

.foo-min-h-416 {
  min-height: 416px !important;
}

.foo-w-417 {
  width: 417px !important;
}

.foo-h-417 {
  height: 417px !important;
}

.foo-min-w-417 {
  min-width: 417px !important;
}

.foo-min-h-417 {
  min-height: 417px !important;
}

.foo-w-418 {
  width: 418px !important;
}

.foo-h-418 {
  height: 418px !important;
}

.foo-min-w-418 {
  min-width: 418px !important;
}

.foo-min-h-418 {
  min-height: 418px !important;
}

.foo-w-419 {
  width: 419px !important;
}

.foo-h-419 {
  height: 419px !important;
}

.foo-min-w-419 {
  min-width: 419px !important;
}

.foo-min-h-419 {
  min-height: 419px !important;
}

.foo-w-420 {
  width: 420px !important;
}

.foo-h-420 {
  height: 420px !important;
}

.foo-min-w-420 {
  min-width: 420px !important;
}

.foo-min-h-420 {
  min-height: 420px !important;
}

.foo-w-421 {
  width: 421px !important;
}

.foo-h-421 {
  height: 421px !important;
}

.foo-min-w-421 {
  min-width: 421px !important;
}

.foo-min-h-421 {
  min-height: 421px !important;
}

.foo-w-422 {
  width: 422px !important;
}

.foo-h-422 {
  height: 422px !important;
}

.foo-min-w-422 {
  min-width: 422px !important;
}

.foo-min-h-422 {
  min-height: 422px !important;
}

.foo-w-423 {
  width: 423px !important;
}

.foo-h-423 {
  height: 423px !important;
}

.foo-min-w-423 {
  min-width: 423px !important;
}

.foo-min-h-423 {
  min-height: 423px !important;
}

.foo-w-424 {
  width: 424px !important;
}

.foo-h-424 {
  height: 424px !important;
}

.foo-min-w-424 {
  min-width: 424px !important;
}

.foo-min-h-424 {
  min-height: 424px !important;
}

.foo-w-425 {
  width: 425px !important;
}

.foo-h-425 {
  height: 425px !important;
}

.foo-min-w-425 {
  min-width: 425px !important;
}

.foo-min-h-425 {
  min-height: 425px !important;
}

.foo-w-426 {
  width: 426px !important;
}

.foo-h-426 {
  height: 426px !important;
}

.foo-min-w-426 {
  min-width: 426px !important;
}

.foo-min-h-426 {
  min-height: 426px !important;
}

.foo-w-427 {
  width: 427px !important;
}

.foo-h-427 {
  height: 427px !important;
}

.foo-min-w-427 {
  min-width: 427px !important;
}

.foo-min-h-427 {
  min-height: 427px !important;
}

.foo-w-428 {
  width: 428px !important;
}

.foo-h-428 {
  height: 428px !important;
}

.foo-min-w-428 {
  min-width: 428px !important;
}

.foo-min-h-428 {
  min-height: 428px !important;
}

.foo-w-429 {
  width: 429px !important;
}

.foo-h-429 {
  height: 429px !important;
}

.foo-min-w-429 {
  min-width: 429px !important;
}

.foo-min-h-429 {
  min-height: 429px !important;
}

.foo-w-430 {
  width: 430px !important;
}

.foo-h-430 {
  height: 430px !important;
}

.foo-min-w-430 {
  min-width: 430px !important;
}

.foo-min-h-430 {
  min-height: 430px !important;
}

.foo-w-431 {
  width: 431px !important;
}

.foo-h-431 {
  height: 431px !important;
}

.foo-min-w-431 {
  min-width: 431px !important;
}

.foo-min-h-431 {
  min-height: 431px !important;
}

.foo-w-432 {
  width: 432px !important;
}

.foo-h-432 {
  height: 432px !important;
}

.foo-min-w-432 {
  min-width: 432px !important;
}

.foo-min-h-432 {
  min-height: 432px !important;
}

.foo-w-433 {
  width: 433px !important;
}

.foo-h-433 {
  height: 433px !important;
}

.foo-min-w-433 {
  min-width: 433px !important;
}

.foo-min-h-433 {
  min-height: 433px !important;
}

.foo-w-434 {
  width: 434px !important;
}

.foo-h-434 {
  height: 434px !important;
}

.foo-min-w-434 {
  min-width: 434px !important;
}

.foo-min-h-434 {
  min-height: 434px !important;
}

.foo-w-435 {
  width: 435px !important;
}

.foo-h-435 {
  height: 435px !important;
}

.foo-min-w-435 {
  min-width: 435px !important;
}

.foo-min-h-435 {
  min-height: 435px !important;
}

.foo-w-436 {
  width: 436px !important;
}

.foo-h-436 {
  height: 436px !important;
}

.foo-min-w-436 {
  min-width: 436px !important;
}

.foo-min-h-436 {
  min-height: 436px !important;
}

.foo-w-437 {
  width: 437px !important;
}

.foo-h-437 {
  height: 437px !important;
}

.foo-min-w-437 {
  min-width: 437px !important;
}

.foo-min-h-437 {
  min-height: 437px !important;
}

.foo-w-438 {
  width: 438px !important;
}

.foo-h-438 {
  height: 438px !important;
}

.foo-min-w-438 {
  min-width: 438px !important;
}

.foo-min-h-438 {
  min-height: 438px !important;
}

.foo-w-439 {
  width: 439px !important;
}

.foo-h-439 {
  height: 439px !important;
}

.foo-min-w-439 {
  min-width: 439px !important;
}

.foo-min-h-439 {
  min-height: 439px !important;
}

.foo-w-440 {
  width: 440px !important;
}

.foo-h-440 {
  height: 440px !important;
}

.foo-min-w-440 {
  min-width: 440px !important;
}

.foo-min-h-440 {
  min-height: 440px !important;
}

.foo-w-441 {
  width: 441px !important;
}

.foo-h-441 {
  height: 441px !important;
}

.foo-min-w-441 {
  min-width: 441px !important;
}

.foo-min-h-441 {
  min-height: 441px !important;
}

.foo-w-442 {
  width: 442px !important;
}

.foo-h-442 {
  height: 442px !important;
}

.foo-min-w-442 {
  min-width: 442px !important;
}

.foo-min-h-442 {
  min-height: 442px !important;
}

.foo-w-443 {
  width: 443px !important;
}

.foo-h-443 {
  height: 443px !important;
}

.foo-min-w-443 {
  min-width: 443px !important;
}

.foo-min-h-443 {
  min-height: 443px !important;
}

.foo-w-444 {
  width: 444px !important;
}

.foo-h-444 {
  height: 444px !important;
}

.foo-min-w-444 {
  min-width: 444px !important;
}

.foo-min-h-444 {
  min-height: 444px !important;
}

.foo-w-445 {
  width: 445px !important;
}

.foo-h-445 {
  height: 445px !important;
}

.foo-min-w-445 {
  min-width: 445px !important;
}

.foo-min-h-445 {
  min-height: 445px !important;
}

.foo-w-446 {
  width: 446px !important;
}

.foo-h-446 {
  height: 446px !important;
}

.foo-min-w-446 {
  min-width: 446px !important;
}

.foo-min-h-446 {
  min-height: 446px !important;
}

.foo-w-447 {
  width: 447px !important;
}

.foo-h-447 {
  height: 447px !important;
}

.foo-min-w-447 {
  min-width: 447px !important;
}

.foo-min-h-447 {
  min-height: 447px !important;
}

.foo-w-448 {
  width: 448px !important;
}

.foo-h-448 {
  height: 448px !important;
}

.foo-min-w-448 {
  min-width: 448px !important;
}

.foo-min-h-448 {
  min-height: 448px !important;
}

.foo-w-449 {
  width: 449px !important;
}

.foo-h-449 {
  height: 449px !important;
}

.foo-min-w-449 {
  min-width: 449px !important;
}

.foo-min-h-449 {
  min-height: 449px !important;
}

.foo-w-450 {
  width: 450px !important;
}

.foo-h-450 {
  height: 450px !important;
}

.foo-min-w-450 {
  min-width: 450px !important;
}

.foo-min-h-450 {
  min-height: 450px !important;
}

.foo-w-451 {
  width: 451px !important;
}

.foo-h-451 {
  height: 451px !important;
}

.foo-min-w-451 {
  min-width: 451px !important;
}

.foo-min-h-451 {
  min-height: 451px !important;
}

.foo-w-452 {
  width: 452px !important;
}

.foo-h-452 {
  height: 452px !important;
}

.foo-min-w-452 {
  min-width: 452px !important;
}

.foo-min-h-452 {
  min-height: 452px !important;
}

.foo-w-453 {
  width: 453px !important;
}

.foo-h-453 {
  height: 453px !important;
}

.foo-min-w-453 {
  min-width: 453px !important;
}

.foo-min-h-453 {
  min-height: 453px !important;
}

.foo-w-454 {
  width: 454px !important;
}

.foo-h-454 {
  height: 454px !important;
}

.foo-min-w-454 {
  min-width: 454px !important;
}

.foo-min-h-454 {
  min-height: 454px !important;
}

.foo-w-455 {
  width: 455px !important;
}

.foo-h-455 {
  height: 455px !important;
}

.foo-min-w-455 {
  min-width: 455px !important;
}

.foo-min-h-455 {
  min-height: 455px !important;
}

.foo-w-456 {
  width: 456px !important;
}

.foo-h-456 {
  height: 456px !important;
}

.foo-min-w-456 {
  min-width: 456px !important;
}

.foo-min-h-456 {
  min-height: 456px !important;
}

.foo-w-457 {
  width: 457px !important;
}

.foo-h-457 {
  height: 457px !important;
}

.foo-min-w-457 {
  min-width: 457px !important;
}

.foo-min-h-457 {
  min-height: 457px !important;
}

.foo-w-458 {
  width: 458px !important;
}

.foo-h-458 {
  height: 458px !important;
}

.foo-min-w-458 {
  min-width: 458px !important;
}

.foo-min-h-458 {
  min-height: 458px !important;
}

.foo-w-459 {
  width: 459px !important;
}

.foo-h-459 {
  height: 459px !important;
}

.foo-min-w-459 {
  min-width: 459px !important;
}

.foo-min-h-459 {
  min-height: 459px !important;
}

.foo-w-460 {
  width: 460px !important;
}

.foo-h-460 {
  height: 460px !important;
}

.foo-min-w-460 {
  min-width: 460px !important;
}

.foo-min-h-460 {
  min-height: 460px !important;
}

.foo-w-461 {
  width: 461px !important;
}

.foo-h-461 {
  height: 461px !important;
}

.foo-min-w-461 {
  min-width: 461px !important;
}

.foo-min-h-461 {
  min-height: 461px !important;
}

.foo-w-462 {
  width: 462px !important;
}

.foo-h-462 {
  height: 462px !important;
}

.foo-min-w-462 {
  min-width: 462px !important;
}

.foo-min-h-462 {
  min-height: 462px !important;
}

.foo-w-463 {
  width: 463px !important;
}

.foo-h-463 {
  height: 463px !important;
}

.foo-min-w-463 {
  min-width: 463px !important;
}

.foo-min-h-463 {
  min-height: 463px !important;
}

.foo-w-464 {
  width: 464px !important;
}

.foo-h-464 {
  height: 464px !important;
}

.foo-min-w-464 {
  min-width: 464px !important;
}

.foo-min-h-464 {
  min-height: 464px !important;
}

.foo-w-465 {
  width: 465px !important;
}

.foo-h-465 {
  height: 465px !important;
}

.foo-min-w-465 {
  min-width: 465px !important;
}

.foo-min-h-465 {
  min-height: 465px !important;
}

.foo-w-466 {
  width: 466px !important;
}

.foo-h-466 {
  height: 466px !important;
}

.foo-min-w-466 {
  min-width: 466px !important;
}

.foo-min-h-466 {
  min-height: 466px !important;
}

.foo-w-467 {
  width: 467px !important;
}

.foo-h-467 {
  height: 467px !important;
}

.foo-min-w-467 {
  min-width: 467px !important;
}

.foo-min-h-467 {
  min-height: 467px !important;
}

.foo-w-468 {
  width: 468px !important;
}

.foo-h-468 {
  height: 468px !important;
}

.foo-min-w-468 {
  min-width: 468px !important;
}

.foo-min-h-468 {
  min-height: 468px !important;
}

.foo-w-469 {
  width: 469px !important;
}

.foo-h-469 {
  height: 469px !important;
}

.foo-min-w-469 {
  min-width: 469px !important;
}

.foo-min-h-469 {
  min-height: 469px !important;
}

.foo-w-470 {
  width: 470px !important;
}

.foo-h-470 {
  height: 470px !important;
}

.foo-min-w-470 {
  min-width: 470px !important;
}

.foo-min-h-470 {
  min-height: 470px !important;
}

.foo-w-471 {
  width: 471px !important;
}

.foo-h-471 {
  height: 471px !important;
}

.foo-min-w-471 {
  min-width: 471px !important;
}

.foo-min-h-471 {
  min-height: 471px !important;
}

.foo-w-472 {
  width: 472px !important;
}

.foo-h-472 {
  height: 472px !important;
}

.foo-min-w-472 {
  min-width: 472px !important;
}

.foo-min-h-472 {
  min-height: 472px !important;
}

.foo-w-473 {
  width: 473px !important;
}

.foo-h-473 {
  height: 473px !important;
}

.foo-min-w-473 {
  min-width: 473px !important;
}

.foo-min-h-473 {
  min-height: 473px !important;
}

.foo-w-474 {
  width: 474px !important;
}

.foo-h-474 {
  height: 474px !important;
}

.foo-min-w-474 {
  min-width: 474px !important;
}

.foo-min-h-474 {
  min-height: 474px !important;
}

.foo-w-475 {
  width: 475px !important;
}

.foo-h-475 {
  height: 475px !important;
}

.foo-min-w-475 {
  min-width: 475px !important;
}

.foo-min-h-475 {
  min-height: 475px !important;
}

.foo-w-476 {
  width: 476px !important;
}

.foo-h-476 {
  height: 476px !important;
}

.foo-min-w-476 {
  min-width: 476px !important;
}

.foo-min-h-476 {
  min-height: 476px !important;
}

.foo-w-477 {
  width: 477px !important;
}

.foo-h-477 {
  height: 477px !important;
}

.foo-min-w-477 {
  min-width: 477px !important;
}

.foo-min-h-477 {
  min-height: 477px !important;
}

.foo-w-478 {
  width: 478px !important;
}

.foo-h-478 {
  height: 478px !important;
}

.foo-min-w-478 {
  min-width: 478px !important;
}

.foo-min-h-478 {
  min-height: 478px !important;
}

.foo-w-479 {
  width: 479px !important;
}

.foo-h-479 {
  height: 479px !important;
}

.foo-min-w-479 {
  min-width: 479px !important;
}

.foo-min-h-479 {
  min-height: 479px !important;
}

.foo-w-480 {
  width: 480px !important;
}

.foo-h-480 {
  height: 480px !important;
}

.foo-min-w-480 {
  min-width: 480px !important;
}

.foo-min-h-480 {
  min-height: 480px !important;
}

.foo-w-481 {
  width: 481px !important;
}

.foo-h-481 {
  height: 481px !important;
}

.foo-min-w-481 {
  min-width: 481px !important;
}

.foo-min-h-481 {
  min-height: 481px !important;
}

.foo-w-482 {
  width: 482px !important;
}

.foo-h-482 {
  height: 482px !important;
}

.foo-min-w-482 {
  min-width: 482px !important;
}

.foo-min-h-482 {
  min-height: 482px !important;
}

.foo-w-483 {
  width: 483px !important;
}

.foo-h-483 {
  height: 483px !important;
}

.foo-min-w-483 {
  min-width: 483px !important;
}

.foo-min-h-483 {
  min-height: 483px !important;
}

.foo-w-484 {
  width: 484px !important;
}

.foo-h-484 {
  height: 484px !important;
}

.foo-min-w-484 {
  min-width: 484px !important;
}

.foo-min-h-484 {
  min-height: 484px !important;
}

.foo-w-485 {
  width: 485px !important;
}

.foo-h-485 {
  height: 485px !important;
}

.foo-min-w-485 {
  min-width: 485px !important;
}

.foo-min-h-485 {
  min-height: 485px !important;
}

.foo-w-486 {
  width: 486px !important;
}

.foo-h-486 {
  height: 486px !important;
}

.foo-min-w-486 {
  min-width: 486px !important;
}

.foo-min-h-486 {
  min-height: 486px !important;
}

.foo-w-487 {
  width: 487px !important;
}

.foo-h-487 {
  height: 487px !important;
}

.foo-min-w-487 {
  min-width: 487px !important;
}

.foo-min-h-487 {
  min-height: 487px !important;
}

.foo-w-488 {
  width: 488px !important;
}

.foo-h-488 {
  height: 488px !important;
}

.foo-min-w-488 {
  min-width: 488px !important;
}

.foo-min-h-488 {
  min-height: 488px !important;
}

.foo-w-489 {
  width: 489px !important;
}

.foo-h-489 {
  height: 489px !important;
}

.foo-min-w-489 {
  min-width: 489px !important;
}

.foo-min-h-489 {
  min-height: 489px !important;
}

.foo-w-490 {
  width: 490px !important;
}

.foo-h-490 {
  height: 490px !important;
}

.foo-min-w-490 {
  min-width: 490px !important;
}

.foo-min-h-490 {
  min-height: 490px !important;
}

.foo-w-491 {
  width: 491px !important;
}

.foo-h-491 {
  height: 491px !important;
}

.foo-min-w-491 {
  min-width: 491px !important;
}

.foo-min-h-491 {
  min-height: 491px !important;
}

.foo-w-492 {
  width: 492px !important;
}

.foo-h-492 {
  height: 492px !important;
}

.foo-min-w-492 {
  min-width: 492px !important;
}

.foo-min-h-492 {
  min-height: 492px !important;
}

.foo-w-493 {
  width: 493px !important;
}

.foo-h-493 {
  height: 493px !important;
}

.foo-min-w-493 {
  min-width: 493px !important;
}

.foo-min-h-493 {
  min-height: 493px !important;
}

.foo-w-494 {
  width: 494px !important;
}

.foo-h-494 {
  height: 494px !important;
}

.foo-min-w-494 {
  min-width: 494px !important;
}

.foo-min-h-494 {
  min-height: 494px !important;
}

.foo-w-495 {
  width: 495px !important;
}

.foo-h-495 {
  height: 495px !important;
}

.foo-min-w-495 {
  min-width: 495px !important;
}

.foo-min-h-495 {
  min-height: 495px !important;
}

.foo-w-496 {
  width: 496px !important;
}

.foo-h-496 {
  height: 496px !important;
}

.foo-min-w-496 {
  min-width: 496px !important;
}

.foo-min-h-496 {
  min-height: 496px !important;
}

.foo-w-497 {
  width: 497px !important;
}

.foo-h-497 {
  height: 497px !important;
}

.foo-min-w-497 {
  min-width: 497px !important;
}

.foo-min-h-497 {
  min-height: 497px !important;
}

.foo-w-498 {
  width: 498px !important;
}

.foo-h-498 {
  height: 498px !important;
}

.foo-min-w-498 {
  min-width: 498px !important;
}

.foo-min-h-498 {
  min-height: 498px !important;
}

.foo-w-499 {
  width: 499px !important;
}

.foo-h-499 {
  height: 499px !important;
}

.foo-min-w-499 {
  min-width: 499px !important;
}

.foo-min-h-499 {
  min-height: 499px !important;
}

.foo-w-500 {
  width: 500px !important;
}

.foo-h-500 {
  height: 500px !important;
}

.foo-min-w-500 {
  min-width: 500px !important;
}

.foo-min-h-500 {
  min-height: 500px !important;
}

.foo-w-501 {
  width: 501px !important;
}

.foo-h-501 {
  height: 501px !important;
}

.foo-min-w-501 {
  min-width: 501px !important;
}

.foo-min-h-501 {
  min-height: 501px !important;
}

.foo-w-502 {
  width: 502px !important;
}

.foo-h-502 {
  height: 502px !important;
}

.foo-min-w-502 {
  min-width: 502px !important;
}

.foo-min-h-502 {
  min-height: 502px !important;
}

.foo-w-503 {
  width: 503px !important;
}

.foo-h-503 {
  height: 503px !important;
}

.foo-min-w-503 {
  min-width: 503px !important;
}

.foo-min-h-503 {
  min-height: 503px !important;
}

.foo-w-504 {
  width: 504px !important;
}

.foo-h-504 {
  height: 504px !important;
}

.foo-min-w-504 {
  min-width: 504px !important;
}

.foo-min-h-504 {
  min-height: 504px !important;
}

.foo-w-505 {
  width: 505px !important;
}

.foo-h-505 {
  height: 505px !important;
}

.foo-min-w-505 {
  min-width: 505px !important;
}

.foo-min-h-505 {
  min-height: 505px !important;
}

.foo-w-506 {
  width: 506px !important;
}

.foo-h-506 {
  height: 506px !important;
}

.foo-min-w-506 {
  min-width: 506px !important;
}

.foo-min-h-506 {
  min-height: 506px !important;
}

.foo-w-507 {
  width: 507px !important;
}

.foo-h-507 {
  height: 507px !important;
}

.foo-min-w-507 {
  min-width: 507px !important;
}

.foo-min-h-507 {
  min-height: 507px !important;
}

.foo-w-508 {
  width: 508px !important;
}

.foo-h-508 {
  height: 508px !important;
}

.foo-min-w-508 {
  min-width: 508px !important;
}

.foo-min-h-508 {
  min-height: 508px !important;
}

.foo-w-509 {
  width: 509px !important;
}

.foo-h-509 {
  height: 509px !important;
}

.foo-min-w-509 {
  min-width: 509px !important;
}

.foo-min-h-509 {
  min-height: 509px !important;
}

.foo-w-510 {
  width: 510px !important;
}

.foo-h-510 {
  height: 510px !important;
}

.foo-min-w-510 {
  min-width: 510px !important;
}

.foo-min-h-510 {
  min-height: 510px !important;
}

.foo-w-511 {
  width: 511px !important;
}

.foo-h-511 {
  height: 511px !important;
}

.foo-min-w-511 {
  min-width: 511px !important;
}

.foo-min-h-511 {
  min-height: 511px !important;
}

.foo-w-512 {
  width: 512px !important;
}

.foo-h-512 {
  height: 512px !important;
}

.foo-min-w-512 {
  min-width: 512px !important;
}

.foo-min-h-512 {
  min-height: 512px !important;
}

.foo-w-513 {
  width: 513px !important;
}

.foo-h-513 {
  height: 513px !important;
}

.foo-min-w-513 {
  min-width: 513px !important;
}

.foo-min-h-513 {
  min-height: 513px !important;
}

.foo-w-514 {
  width: 514px !important;
}

.foo-h-514 {
  height: 514px !important;
}

.foo-min-w-514 {
  min-width: 514px !important;
}

.foo-min-h-514 {
  min-height: 514px !important;
}

.foo-w-515 {
  width: 515px !important;
}

.foo-h-515 {
  height: 515px !important;
}

.foo-min-w-515 {
  min-width: 515px !important;
}

.foo-min-h-515 {
  min-height: 515px !important;
}

.foo-w-516 {
  width: 516px !important;
}

.foo-h-516 {
  height: 516px !important;
}

.foo-min-w-516 {
  min-width: 516px !important;
}

.foo-min-h-516 {
  min-height: 516px !important;
}

.foo-w-517 {
  width: 517px !important;
}

.foo-h-517 {
  height: 517px !important;
}

.foo-min-w-517 {
  min-width: 517px !important;
}

.foo-min-h-517 {
  min-height: 517px !important;
}

.foo-w-518 {
  width: 518px !important;
}

.foo-h-518 {
  height: 518px !important;
}

.foo-min-w-518 {
  min-width: 518px !important;
}

.foo-min-h-518 {
  min-height: 518px !important;
}

.foo-w-519 {
  width: 519px !important;
}

.foo-h-519 {
  height: 519px !important;
}

.foo-min-w-519 {
  min-width: 519px !important;
}

.foo-min-h-519 {
  min-height: 519px !important;
}

.foo-w-520 {
  width: 520px !important;
}

.foo-h-520 {
  height: 520px !important;
}

.foo-min-w-520 {
  min-width: 520px !important;
}

.foo-min-h-520 {
  min-height: 520px !important;
}

.foo-w-521 {
  width: 521px !important;
}

.foo-h-521 {
  height: 521px !important;
}

.foo-min-w-521 {
  min-width: 521px !important;
}

.foo-min-h-521 {
  min-height: 521px !important;
}

.foo-w-522 {
  width: 522px !important;
}

.foo-h-522 {
  height: 522px !important;
}

.foo-min-w-522 {
  min-width: 522px !important;
}

.foo-min-h-522 {
  min-height: 522px !important;
}

.foo-w-523 {
  width: 523px !important;
}

.foo-h-523 {
  height: 523px !important;
}

.foo-min-w-523 {
  min-width: 523px !important;
}

.foo-min-h-523 {
  min-height: 523px !important;
}

.foo-w-524 {
  width: 524px !important;
}

.foo-h-524 {
  height: 524px !important;
}

.foo-min-w-524 {
  min-width: 524px !important;
}

.foo-min-h-524 {
  min-height: 524px !important;
}

.foo-w-525 {
  width: 525px !important;
}

.foo-h-525 {
  height: 525px !important;
}

.foo-min-w-525 {
  min-width: 525px !important;
}

.foo-min-h-525 {
  min-height: 525px !important;
}

.foo-w-526 {
  width: 526px !important;
}

.foo-h-526 {
  height: 526px !important;
}

.foo-min-w-526 {
  min-width: 526px !important;
}

.foo-min-h-526 {
  min-height: 526px !important;
}

.foo-w-527 {
  width: 527px !important;
}

.foo-h-527 {
  height: 527px !important;
}

.foo-min-w-527 {
  min-width: 527px !important;
}

.foo-min-h-527 {
  min-height: 527px !important;
}

.foo-w-528 {
  width: 528px !important;
}

.foo-h-528 {
  height: 528px !important;
}

.foo-min-w-528 {
  min-width: 528px !important;
}

.foo-min-h-528 {
  min-height: 528px !important;
}

.foo-w-529 {
  width: 529px !important;
}

.foo-h-529 {
  height: 529px !important;
}

.foo-min-w-529 {
  min-width: 529px !important;
}

.foo-min-h-529 {
  min-height: 529px !important;
}

.foo-w-530 {
  width: 530px !important;
}

.foo-h-530 {
  height: 530px !important;
}

.foo-min-w-530 {
  min-width: 530px !important;
}

.foo-min-h-530 {
  min-height: 530px !important;
}

.foo-w-531 {
  width: 531px !important;
}

.foo-h-531 {
  height: 531px !important;
}

.foo-min-w-531 {
  min-width: 531px !important;
}

.foo-min-h-531 {
  min-height: 531px !important;
}

.foo-w-532 {
  width: 532px !important;
}

.foo-h-532 {
  height: 532px !important;
}

.foo-min-w-532 {
  min-width: 532px !important;
}

.foo-min-h-532 {
  min-height: 532px !important;
}

.foo-w-533 {
  width: 533px !important;
}

.foo-h-533 {
  height: 533px !important;
}

.foo-min-w-533 {
  min-width: 533px !important;
}

.foo-min-h-533 {
  min-height: 533px !important;
}

.foo-w-534 {
  width: 534px !important;
}

.foo-h-534 {
  height: 534px !important;
}

.foo-min-w-534 {
  min-width: 534px !important;
}

.foo-min-h-534 {
  min-height: 534px !important;
}

.foo-w-535 {
  width: 535px !important;
}

.foo-h-535 {
  height: 535px !important;
}

.foo-min-w-535 {
  min-width: 535px !important;
}

.foo-min-h-535 {
  min-height: 535px !important;
}

.foo-w-536 {
  width: 536px !important;
}

.foo-h-536 {
  height: 536px !important;
}

.foo-min-w-536 {
  min-width: 536px !important;
}

.foo-min-h-536 {
  min-height: 536px !important;
}

.foo-w-537 {
  width: 537px !important;
}

.foo-h-537 {
  height: 537px !important;
}

.foo-min-w-537 {
  min-width: 537px !important;
}

.foo-min-h-537 {
  min-height: 537px !important;
}

.foo-w-538 {
  width: 538px !important;
}

.foo-h-538 {
  height: 538px !important;
}

.foo-min-w-538 {
  min-width: 538px !important;
}

.foo-min-h-538 {
  min-height: 538px !important;
}

.foo-w-539 {
  width: 539px !important;
}

.foo-h-539 {
  height: 539px !important;
}

.foo-min-w-539 {
  min-width: 539px !important;
}

.foo-min-h-539 {
  min-height: 539px !important;
}

.foo-w-540 {
  width: 540px !important;
}

.foo-h-540 {
  height: 540px !important;
}

.foo-min-w-540 {
  min-width: 540px !important;
}

.foo-min-h-540 {
  min-height: 540px !important;
}

.foo-w-541 {
  width: 541px !important;
}

.foo-h-541 {
  height: 541px !important;
}

.foo-min-w-541 {
  min-width: 541px !important;
}

.foo-min-h-541 {
  min-height: 541px !important;
}

.foo-w-542 {
  width: 542px !important;
}

.foo-h-542 {
  height: 542px !important;
}

.foo-min-w-542 {
  min-width: 542px !important;
}

.foo-min-h-542 {
  min-height: 542px !important;
}

.foo-w-543 {
  width: 543px !important;
}

.foo-h-543 {
  height: 543px !important;
}

.foo-min-w-543 {
  min-width: 543px !important;
}

.foo-min-h-543 {
  min-height: 543px !important;
}

.foo-w-544 {
  width: 544px !important;
}

.foo-h-544 {
  height: 544px !important;
}

.foo-min-w-544 {
  min-width: 544px !important;
}

.foo-min-h-544 {
  min-height: 544px !important;
}

.foo-w-545 {
  width: 545px !important;
}

.foo-h-545 {
  height: 545px !important;
}

.foo-min-w-545 {
  min-width: 545px !important;
}

.foo-min-h-545 {
  min-height: 545px !important;
}

.foo-w-546 {
  width: 546px !important;
}

.foo-h-546 {
  height: 546px !important;
}

.foo-min-w-546 {
  min-width: 546px !important;
}

.foo-min-h-546 {
  min-height: 546px !important;
}

.foo-w-547 {
  width: 547px !important;
}

.foo-h-547 {
  height: 547px !important;
}

.foo-min-w-547 {
  min-width: 547px !important;
}

.foo-min-h-547 {
  min-height: 547px !important;
}

.foo-w-548 {
  width: 548px !important;
}

.foo-h-548 {
  height: 548px !important;
}

.foo-min-w-548 {
  min-width: 548px !important;
}

.foo-min-h-548 {
  min-height: 548px !important;
}

.foo-w-549 {
  width: 549px !important;
}

.foo-h-549 {
  height: 549px !important;
}

.foo-min-w-549 {
  min-width: 549px !important;
}

.foo-min-h-549 {
  min-height: 549px !important;
}

.foo-w-550 {
  width: 550px !important;
}

.foo-h-550 {
  height: 550px !important;
}

.foo-min-w-550 {
  min-width: 550px !important;
}

.foo-min-h-550 {
  min-height: 550px !important;
}

.foo-w-551 {
  width: 551px !important;
}

.foo-h-551 {
  height: 551px !important;
}

.foo-min-w-551 {
  min-width: 551px !important;
}

.foo-min-h-551 {
  min-height: 551px !important;
}

.foo-w-552 {
  width: 552px !important;
}

.foo-h-552 {
  height: 552px !important;
}

.foo-min-w-552 {
  min-width: 552px !important;
}

.foo-min-h-552 {
  min-height: 552px !important;
}

.foo-w-553 {
  width: 553px !important;
}

.foo-h-553 {
  height: 553px !important;
}

.foo-min-w-553 {
  min-width: 553px !important;
}

.foo-min-h-553 {
  min-height: 553px !important;
}

.foo-w-554 {
  width: 554px !important;
}

.foo-h-554 {
  height: 554px !important;
}

.foo-min-w-554 {
  min-width: 554px !important;
}

.foo-min-h-554 {
  min-height: 554px !important;
}

.foo-w-555 {
  width: 555px !important;
}

.foo-h-555 {
  height: 555px !important;
}

.foo-min-w-555 {
  min-width: 555px !important;
}

.foo-min-h-555 {
  min-height: 555px !important;
}

.foo-w-556 {
  width: 556px !important;
}

.foo-h-556 {
  height: 556px !important;
}

.foo-min-w-556 {
  min-width: 556px !important;
}

.foo-min-h-556 {
  min-height: 556px !important;
}

.foo-w-557 {
  width: 557px !important;
}

.foo-h-557 {
  height: 557px !important;
}

.foo-min-w-557 {
  min-width: 557px !important;
}

.foo-min-h-557 {
  min-height: 557px !important;
}

.foo-w-558 {
  width: 558px !important;
}

.foo-h-558 {
  height: 558px !important;
}

.foo-min-w-558 {
  min-width: 558px !important;
}

.foo-min-h-558 {
  min-height: 558px !important;
}

.foo-w-559 {
  width: 559px !important;
}

.foo-h-559 {
  height: 559px !important;
}

.foo-min-w-559 {
  min-width: 559px !important;
}

.foo-min-h-559 {
  min-height: 559px !important;
}

.foo-w-560 {
  width: 560px !important;
}

.foo-h-560 {
  height: 560px !important;
}

.foo-min-w-560 {
  min-width: 560px !important;
}

.foo-min-h-560 {
  min-height: 560px !important;
}

.foo-w-561 {
  width: 561px !important;
}

.foo-h-561 {
  height: 561px !important;
}

.foo-min-w-561 {
  min-width: 561px !important;
}

.foo-min-h-561 {
  min-height: 561px !important;
}

.foo-w-562 {
  width: 562px !important;
}

.foo-h-562 {
  height: 562px !important;
}

.foo-min-w-562 {
  min-width: 562px !important;
}

.foo-min-h-562 {
  min-height: 562px !important;
}

.foo-w-563 {
  width: 563px !important;
}

.foo-h-563 {
  height: 563px !important;
}

.foo-min-w-563 {
  min-width: 563px !important;
}

.foo-min-h-563 {
  min-height: 563px !important;
}

.foo-w-564 {
  width: 564px !important;
}

.foo-h-564 {
  height: 564px !important;
}

.foo-min-w-564 {
  min-width: 564px !important;
}

.foo-min-h-564 {
  min-height: 564px !important;
}

.foo-w-565 {
  width: 565px !important;
}

.foo-h-565 {
  height: 565px !important;
}

.foo-min-w-565 {
  min-width: 565px !important;
}

.foo-min-h-565 {
  min-height: 565px !important;
}

.foo-w-566 {
  width: 566px !important;
}

.foo-h-566 {
  height: 566px !important;
}

.foo-min-w-566 {
  min-width: 566px !important;
}

.foo-min-h-566 {
  min-height: 566px !important;
}

.foo-w-567 {
  width: 567px !important;
}

.foo-h-567 {
  height: 567px !important;
}

.foo-min-w-567 {
  min-width: 567px !important;
}

.foo-min-h-567 {
  min-height: 567px !important;
}

.foo-w-568 {
  width: 568px !important;
}

.foo-h-568 {
  height: 568px !important;
}

.foo-min-w-568 {
  min-width: 568px !important;
}

.foo-min-h-568 {
  min-height: 568px !important;
}

.foo-w-569 {
  width: 569px !important;
}

.foo-h-569 {
  height: 569px !important;
}

.foo-min-w-569 {
  min-width: 569px !important;
}

.foo-min-h-569 {
  min-height: 569px !important;
}

.foo-w-570 {
  width: 570px !important;
}

.foo-h-570 {
  height: 570px !important;
}

.foo-min-w-570 {
  min-width: 570px !important;
}

.foo-min-h-570 {
  min-height: 570px !important;
}

.foo-w-571 {
  width: 571px !important;
}

.foo-h-571 {
  height: 571px !important;
}

.foo-min-w-571 {
  min-width: 571px !important;
}

.foo-min-h-571 {
  min-height: 571px !important;
}

.foo-w-572 {
  width: 572px !important;
}

.foo-h-572 {
  height: 572px !important;
}

.foo-min-w-572 {
  min-width: 572px !important;
}

.foo-min-h-572 {
  min-height: 572px !important;
}

.foo-w-573 {
  width: 573px !important;
}

.foo-h-573 {
  height: 573px !important;
}

.foo-min-w-573 {
  min-width: 573px !important;
}

.foo-min-h-573 {
  min-height: 573px !important;
}

.foo-w-574 {
  width: 574px !important;
}

.foo-h-574 {
  height: 574px !important;
}

.foo-min-w-574 {
  min-width: 574px !important;
}

.foo-min-h-574 {
  min-height: 574px !important;
}

.foo-w-575 {
  width: 575px !important;
}

.foo-h-575 {
  height: 575px !important;
}

.foo-min-w-575 {
  min-width: 575px !important;
}

.foo-min-h-575 {
  min-height: 575px !important;
}

.foo-w-576 {
  width: 576px !important;
}

.foo-h-576 {
  height: 576px !important;
}

.foo-min-w-576 {
  min-width: 576px !important;
}

.foo-min-h-576 {
  min-height: 576px !important;
}

.foo-w-577 {
  width: 577px !important;
}

.foo-h-577 {
  height: 577px !important;
}

.foo-min-w-577 {
  min-width: 577px !important;
}

.foo-min-h-577 {
  min-height: 577px !important;
}

.foo-w-578 {
  width: 578px !important;
}

.foo-h-578 {
  height: 578px !important;
}

.foo-min-w-578 {
  min-width: 578px !important;
}

.foo-min-h-578 {
  min-height: 578px !important;
}

.foo-w-579 {
  width: 579px !important;
}

.foo-h-579 {
  height: 579px !important;
}

.foo-min-w-579 {
  min-width: 579px !important;
}

.foo-min-h-579 {
  min-height: 579px !important;
}

.foo-w-580 {
  width: 580px !important;
}

.foo-h-580 {
  height: 580px !important;
}

.foo-min-w-580 {
  min-width: 580px !important;
}

.foo-min-h-580 {
  min-height: 580px !important;
}

.foo-w-581 {
  width: 581px !important;
}

.foo-h-581 {
  height: 581px !important;
}

.foo-min-w-581 {
  min-width: 581px !important;
}

.foo-min-h-581 {
  min-height: 581px !important;
}

.foo-w-582 {
  width: 582px !important;
}

.foo-h-582 {
  height: 582px !important;
}

.foo-min-w-582 {
  min-width: 582px !important;
}

.foo-min-h-582 {
  min-height: 582px !important;
}

.foo-w-583 {
  width: 583px !important;
}

.foo-h-583 {
  height: 583px !important;
}

.foo-min-w-583 {
  min-width: 583px !important;
}

.foo-min-h-583 {
  min-height: 583px !important;
}

.foo-w-584 {
  width: 584px !important;
}

.foo-h-584 {
  height: 584px !important;
}

.foo-min-w-584 {
  min-width: 584px !important;
}

.foo-min-h-584 {
  min-height: 584px !important;
}

.foo-w-585 {
  width: 585px !important;
}

.foo-h-585 {
  height: 585px !important;
}

.foo-min-w-585 {
  min-width: 585px !important;
}

.foo-min-h-585 {
  min-height: 585px !important;
}

.foo-w-586 {
  width: 586px !important;
}

.foo-h-586 {
  height: 586px !important;
}

.foo-min-w-586 {
  min-width: 586px !important;
}

.foo-min-h-586 {
  min-height: 586px !important;
}

.foo-w-587 {
  width: 587px !important;
}

.foo-h-587 {
  height: 587px !important;
}

.foo-min-w-587 {
  min-width: 587px !important;
}

.foo-min-h-587 {
  min-height: 587px !important;
}

.foo-w-588 {
  width: 588px !important;
}

.foo-h-588 {
  height: 588px !important;
}

.foo-min-w-588 {
  min-width: 588px !important;
}

.foo-min-h-588 {
  min-height: 588px !important;
}

.foo-w-589 {
  width: 589px !important;
}

.foo-h-589 {
  height: 589px !important;
}

.foo-min-w-589 {
  min-width: 589px !important;
}

.foo-min-h-589 {
  min-height: 589px !important;
}

.foo-w-590 {
  width: 590px !important;
}

.foo-h-590 {
  height: 590px !important;
}

.foo-min-w-590 {
  min-width: 590px !important;
}

.foo-min-h-590 {
  min-height: 590px !important;
}

.foo-w-591 {
  width: 591px !important;
}

.foo-h-591 {
  height: 591px !important;
}

.foo-min-w-591 {
  min-width: 591px !important;
}

.foo-min-h-591 {
  min-height: 591px !important;
}

.foo-w-592 {
  width: 592px !important;
}

.foo-h-592 {
  height: 592px !important;
}

.foo-min-w-592 {
  min-width: 592px !important;
}

.foo-min-h-592 {
  min-height: 592px !important;
}

.foo-w-593 {
  width: 593px !important;
}

.foo-h-593 {
  height: 593px !important;
}

.foo-min-w-593 {
  min-width: 593px !important;
}

.foo-min-h-593 {
  min-height: 593px !important;
}

.foo-w-594 {
  width: 594px !important;
}

.foo-h-594 {
  height: 594px !important;
}

.foo-min-w-594 {
  min-width: 594px !important;
}

.foo-min-h-594 {
  min-height: 594px !important;
}

.foo-w-595 {
  width: 595px !important;
}

.foo-h-595 {
  height: 595px !important;
}

.foo-min-w-595 {
  min-width: 595px !important;
}

.foo-min-h-595 {
  min-height: 595px !important;
}

.foo-w-596 {
  width: 596px !important;
}

.foo-h-596 {
  height: 596px !important;
}

.foo-min-w-596 {
  min-width: 596px !important;
}

.foo-min-h-596 {
  min-height: 596px !important;
}

.foo-w-597 {
  width: 597px !important;
}

.foo-h-597 {
  height: 597px !important;
}

.foo-min-w-597 {
  min-width: 597px !important;
}

.foo-min-h-597 {
  min-height: 597px !important;
}

.foo-w-598 {
  width: 598px !important;
}

.foo-h-598 {
  height: 598px !important;
}

.foo-min-w-598 {
  min-width: 598px !important;
}

.foo-min-h-598 {
  min-height: 598px !important;
}

.foo-w-599 {
  width: 599px !important;
}

.foo-h-599 {
  height: 599px !important;
}

.foo-min-w-599 {
  min-width: 599px !important;
}

.foo-min-h-599 {
  min-height: 599px !important;
}

.foo-w-600 {
  width: 600px !important;
}

.foo-h-600 {
  height: 600px !important;
}

.foo-min-w-600 {
  min-width: 600px !important;
}

.foo-min-h-600 {
  min-height: 600px !important;
}

.foo-w-601 {
  width: 601px !important;
}

.foo-h-601 {
  height: 601px !important;
}

.foo-min-w-601 {
  min-width: 601px !important;
}

.foo-min-h-601 {
  min-height: 601px !important;
}

.foo-w-602 {
  width: 602px !important;
}

.foo-h-602 {
  height: 602px !important;
}

.foo-min-w-602 {
  min-width: 602px !important;
}

.foo-min-h-602 {
  min-height: 602px !important;
}

.foo-w-603 {
  width: 603px !important;
}

.foo-h-603 {
  height: 603px !important;
}

.foo-min-w-603 {
  min-width: 603px !important;
}

.foo-min-h-603 {
  min-height: 603px !important;
}

.foo-w-604 {
  width: 604px !important;
}

.foo-h-604 {
  height: 604px !important;
}

.foo-min-w-604 {
  min-width: 604px !important;
}

.foo-min-h-604 {
  min-height: 604px !important;
}

.foo-w-605 {
  width: 605px !important;
}

.foo-h-605 {
  height: 605px !important;
}

.foo-min-w-605 {
  min-width: 605px !important;
}

.foo-min-h-605 {
  min-height: 605px !important;
}

.foo-w-606 {
  width: 606px !important;
}

.foo-h-606 {
  height: 606px !important;
}

.foo-min-w-606 {
  min-width: 606px !important;
}

.foo-min-h-606 {
  min-height: 606px !important;
}

.foo-w-607 {
  width: 607px !important;
}

.foo-h-607 {
  height: 607px !important;
}

.foo-min-w-607 {
  min-width: 607px !important;
}

.foo-min-h-607 {
  min-height: 607px !important;
}

.foo-w-608 {
  width: 608px !important;
}

.foo-h-608 {
  height: 608px !important;
}

.foo-min-w-608 {
  min-width: 608px !important;
}

.foo-min-h-608 {
  min-height: 608px !important;
}

.foo-w-609 {
  width: 609px !important;
}

.foo-h-609 {
  height: 609px !important;
}

.foo-min-w-609 {
  min-width: 609px !important;
}

.foo-min-h-609 {
  min-height: 609px !important;
}

.foo-w-610 {
  width: 610px !important;
}

.foo-h-610 {
  height: 610px !important;
}

.foo-min-w-610 {
  min-width: 610px !important;
}

.foo-min-h-610 {
  min-height: 610px !important;
}

.foo-w-611 {
  width: 611px !important;
}

.foo-h-611 {
  height: 611px !important;
}

.foo-min-w-611 {
  min-width: 611px !important;
}

.foo-min-h-611 {
  min-height: 611px !important;
}

.foo-w-612 {
  width: 612px !important;
}

.foo-h-612 {
  height: 612px !important;
}

.foo-min-w-612 {
  min-width: 612px !important;
}

.foo-min-h-612 {
  min-height: 612px !important;
}

.foo-w-613 {
  width: 613px !important;
}

.foo-h-613 {
  height: 613px !important;
}

.foo-min-w-613 {
  min-width: 613px !important;
}

.foo-min-h-613 {
  min-height: 613px !important;
}

.foo-w-614 {
  width: 614px !important;
}

.foo-h-614 {
  height: 614px !important;
}

.foo-min-w-614 {
  min-width: 614px !important;
}

.foo-min-h-614 {
  min-height: 614px !important;
}

.foo-w-615 {
  width: 615px !important;
}

.foo-h-615 {
  height: 615px !important;
}

.foo-min-w-615 {
  min-width: 615px !important;
}

.foo-min-h-615 {
  min-height: 615px !important;
}

.foo-w-616 {
  width: 616px !important;
}

.foo-h-616 {
  height: 616px !important;
}

.foo-min-w-616 {
  min-width: 616px !important;
}

.foo-min-h-616 {
  min-height: 616px !important;
}

.foo-w-617 {
  width: 617px !important;
}

.foo-h-617 {
  height: 617px !important;
}

.foo-min-w-617 {
  min-width: 617px !important;
}

.foo-min-h-617 {
  min-height: 617px !important;
}

.foo-w-618 {
  width: 618px !important;
}

.foo-h-618 {
  height: 618px !important;
}

.foo-min-w-618 {
  min-width: 618px !important;
}

.foo-min-h-618 {
  min-height: 618px !important;
}

.foo-w-619 {
  width: 619px !important;
}

.foo-h-619 {
  height: 619px !important;
}

.foo-min-w-619 {
  min-width: 619px !important;
}

.foo-min-h-619 {
  min-height: 619px !important;
}

.foo-w-620 {
  width: 620px !important;
}

.foo-h-620 {
  height: 620px !important;
}

.foo-min-w-620 {
  min-width: 620px !important;
}

.foo-min-h-620 {
  min-height: 620px !important;
}

.foo-w-621 {
  width: 621px !important;
}

.foo-h-621 {
  height: 621px !important;
}

.foo-min-w-621 {
  min-width: 621px !important;
}

.foo-min-h-621 {
  min-height: 621px !important;
}

.foo-w-622 {
  width: 622px !important;
}

.foo-h-622 {
  height: 622px !important;
}

.foo-min-w-622 {
  min-width: 622px !important;
}

.foo-min-h-622 {
  min-height: 622px !important;
}

.foo-w-623 {
  width: 623px !important;
}

.foo-h-623 {
  height: 623px !important;
}

.foo-min-w-623 {
  min-width: 623px !important;
}

.foo-min-h-623 {
  min-height: 623px !important;
}

.foo-w-624 {
  width: 624px !important;
}

.foo-h-624 {
  height: 624px !important;
}

.foo-min-w-624 {
  min-width: 624px !important;
}

.foo-min-h-624 {
  min-height: 624px !important;
}

.foo-w-625 {
  width: 625px !important;
}

.foo-h-625 {
  height: 625px !important;
}

.foo-min-w-625 {
  min-width: 625px !important;
}

.foo-min-h-625 {
  min-height: 625px !important;
}

.foo-w-626 {
  width: 626px !important;
}

.foo-h-626 {
  height: 626px !important;
}

.foo-min-w-626 {
  min-width: 626px !important;
}

.foo-min-h-626 {
  min-height: 626px !important;
}

.foo-w-627 {
  width: 627px !important;
}

.foo-h-627 {
  height: 627px !important;
}

.foo-min-w-627 {
  min-width: 627px !important;
}

.foo-min-h-627 {
  min-height: 627px !important;
}

.foo-w-628 {
  width: 628px !important;
}

.foo-h-628 {
  height: 628px !important;
}

.foo-min-w-628 {
  min-width: 628px !important;
}

.foo-min-h-628 {
  min-height: 628px !important;
}

.foo-w-629 {
  width: 629px !important;
}

.foo-h-629 {
  height: 629px !important;
}

.foo-min-w-629 {
  min-width: 629px !important;
}

.foo-min-h-629 {
  min-height: 629px !important;
}

.foo-w-630 {
  width: 630px !important;
}

.foo-h-630 {
  height: 630px !important;
}

.foo-min-w-630 {
  min-width: 630px !important;
}

.foo-min-h-630 {
  min-height: 630px !important;
}

.foo-w-631 {
  width: 631px !important;
}

.foo-h-631 {
  height: 631px !important;
}

.foo-min-w-631 {
  min-width: 631px !important;
}

.foo-min-h-631 {
  min-height: 631px !important;
}

.foo-w-632 {
  width: 632px !important;
}

.foo-h-632 {
  height: 632px !important;
}

.foo-min-w-632 {
  min-width: 632px !important;
}

.foo-min-h-632 {
  min-height: 632px !important;
}

.foo-w-633 {
  width: 633px !important;
}

.foo-h-633 {
  height: 633px !important;
}

.foo-min-w-633 {
  min-width: 633px !important;
}

.foo-min-h-633 {
  min-height: 633px !important;
}

.foo-w-634 {
  width: 634px !important;
}

.foo-h-634 {
  height: 634px !important;
}

.foo-min-w-634 {
  min-width: 634px !important;
}

.foo-min-h-634 {
  min-height: 634px !important;
}

.foo-w-635 {
  width: 635px !important;
}

.foo-h-635 {
  height: 635px !important;
}

.foo-min-w-635 {
  min-width: 635px !important;
}

.foo-min-h-635 {
  min-height: 635px !important;
}

.foo-w-636 {
  width: 636px !important;
}

.foo-h-636 {
  height: 636px !important;
}

.foo-min-w-636 {
  min-width: 636px !important;
}

.foo-min-h-636 {
  min-height: 636px !important;
}

.foo-w-637 {
  width: 637px !important;
}

.foo-h-637 {
  height: 637px !important;
}

.foo-min-w-637 {
  min-width: 637px !important;
}

.foo-min-h-637 {
  min-height: 637px !important;
}

.foo-w-638 {
  width: 638px !important;
}

.foo-h-638 {
  height: 638px !important;
}

.foo-min-w-638 {
  min-width: 638px !important;
}

.foo-min-h-638 {
  min-height: 638px !important;
}

.foo-w-639 {
  width: 639px !important;
}

.foo-h-639 {
  height: 639px !important;
}

.foo-min-w-639 {
  min-width: 639px !important;
}

.foo-min-h-639 {
  min-height: 639px !important;
}

.foo-w-640 {
  width: 640px !important;
}

.foo-h-640 {
  height: 640px !important;
}

.foo-min-w-640 {
  min-width: 640px !important;
}

.foo-min-h-640 {
  min-height: 640px !important;
}

.foo-w-641 {
  width: 641px !important;
}

.foo-h-641 {
  height: 641px !important;
}

.foo-min-w-641 {
  min-width: 641px !important;
}

.foo-min-h-641 {
  min-height: 641px !important;
}

.foo-w-642 {
  width: 642px !important;
}

.foo-h-642 {
  height: 642px !important;
}

.foo-min-w-642 {
  min-width: 642px !important;
}

.foo-min-h-642 {
  min-height: 642px !important;
}

.foo-w-643 {
  width: 643px !important;
}

.foo-h-643 {
  height: 643px !important;
}

.foo-min-w-643 {
  min-width: 643px !important;
}

.foo-min-h-643 {
  min-height: 643px !important;
}

.foo-w-644 {
  width: 644px !important;
}

.foo-h-644 {
  height: 644px !important;
}

.foo-min-w-644 {
  min-width: 644px !important;
}

.foo-min-h-644 {
  min-height: 644px !important;
}

.foo-w-645 {
  width: 645px !important;
}

.foo-h-645 {
  height: 645px !important;
}

.foo-min-w-645 {
  min-width: 645px !important;
}

.foo-min-h-645 {
  min-height: 645px !important;
}

.foo-w-646 {
  width: 646px !important;
}

.foo-h-646 {
  height: 646px !important;
}

.foo-min-w-646 {
  min-width: 646px !important;
}

.foo-min-h-646 {
  min-height: 646px !important;
}

.foo-w-647 {
  width: 647px !important;
}

.foo-h-647 {
  height: 647px !important;
}

.foo-min-w-647 {
  min-width: 647px !important;
}

.foo-min-h-647 {
  min-height: 647px !important;
}

.foo-w-648 {
  width: 648px !important;
}

.foo-h-648 {
  height: 648px !important;
}

.foo-min-w-648 {
  min-width: 648px !important;
}

.foo-min-h-648 {
  min-height: 648px !important;
}

.foo-w-649 {
  width: 649px !important;
}

.foo-h-649 {
  height: 649px !important;
}

.foo-min-w-649 {
  min-width: 649px !important;
}

.foo-min-h-649 {
  min-height: 649px !important;
}

.foo-w-650 {
  width: 650px !important;
}

.foo-h-650 {
  height: 650px !important;
}

.foo-min-w-650 {
  min-width: 650px !important;
}

.foo-min-h-650 {
  min-height: 650px !important;
}

.foo-w-651 {
  width: 651px !important;
}

.foo-h-651 {
  height: 651px !important;
}

.foo-min-w-651 {
  min-width: 651px !important;
}

.foo-min-h-651 {
  min-height: 651px !important;
}

.foo-w-652 {
  width: 652px !important;
}

.foo-h-652 {
  height: 652px !important;
}

.foo-min-w-652 {
  min-width: 652px !important;
}

.foo-min-h-652 {
  min-height: 652px !important;
}

.foo-w-653 {
  width: 653px !important;
}

.foo-h-653 {
  height: 653px !important;
}

.foo-min-w-653 {
  min-width: 653px !important;
}

.foo-min-h-653 {
  min-height: 653px !important;
}

.foo-w-654 {
  width: 654px !important;
}

.foo-h-654 {
  height: 654px !important;
}

.foo-min-w-654 {
  min-width: 654px !important;
}

.foo-min-h-654 {
  min-height: 654px !important;
}

.foo-w-655 {
  width: 655px !important;
}

.foo-h-655 {
  height: 655px !important;
}

.foo-min-w-655 {
  min-width: 655px !important;
}

.foo-min-h-655 {
  min-height: 655px !important;
}

.foo-w-656 {
  width: 656px !important;
}

.foo-h-656 {
  height: 656px !important;
}

.foo-min-w-656 {
  min-width: 656px !important;
}

.foo-min-h-656 {
  min-height: 656px !important;
}

.foo-w-657 {
  width: 657px !important;
}

.foo-h-657 {
  height: 657px !important;
}

.foo-min-w-657 {
  min-width: 657px !important;
}

.foo-min-h-657 {
  min-height: 657px !important;
}

.foo-w-658 {
  width: 658px !important;
}

.foo-h-658 {
  height: 658px !important;
}

.foo-min-w-658 {
  min-width: 658px !important;
}

.foo-min-h-658 {
  min-height: 658px !important;
}

.foo-w-659 {
  width: 659px !important;
}

.foo-h-659 {
  height: 659px !important;
}

.foo-min-w-659 {
  min-width: 659px !important;
}

.foo-min-h-659 {
  min-height: 659px !important;
}

.foo-w-660 {
  width: 660px !important;
}

.foo-h-660 {
  height: 660px !important;
}

.foo-min-w-660 {
  min-width: 660px !important;
}

.foo-min-h-660 {
  min-height: 660px !important;
}

.foo-w-661 {
  width: 661px !important;
}

.foo-h-661 {
  height: 661px !important;
}

.foo-min-w-661 {
  min-width: 661px !important;
}

.foo-min-h-661 {
  min-height: 661px !important;
}

.foo-w-662 {
  width: 662px !important;
}

.foo-h-662 {
  height: 662px !important;
}

.foo-min-w-662 {
  min-width: 662px !important;
}

.foo-min-h-662 {
  min-height: 662px !important;
}

.foo-w-663 {
  width: 663px !important;
}

.foo-h-663 {
  height: 663px !important;
}

.foo-min-w-663 {
  min-width: 663px !important;
}

.foo-min-h-663 {
  min-height: 663px !important;
}

.foo-w-664 {
  width: 664px !important;
}

.foo-h-664 {
  height: 664px !important;
}

.foo-min-w-664 {
  min-width: 664px !important;
}

.foo-min-h-664 {
  min-height: 664px !important;
}

.foo-w-665 {
  width: 665px !important;
}

.foo-h-665 {
  height: 665px !important;
}

.foo-min-w-665 {
  min-width: 665px !important;
}

.foo-min-h-665 {
  min-height: 665px !important;
}

.foo-w-666 {
  width: 666px !important;
}

.foo-h-666 {
  height: 666px !important;
}

.foo-min-w-666 {
  min-width: 666px !important;
}

.foo-min-h-666 {
  min-height: 666px !important;
}

.foo-w-667 {
  width: 667px !important;
}

.foo-h-667 {
  height: 667px !important;
}

.foo-min-w-667 {
  min-width: 667px !important;
}

.foo-min-h-667 {
  min-height: 667px !important;
}

.foo-w-668 {
  width: 668px !important;
}

.foo-h-668 {
  height: 668px !important;
}

.foo-min-w-668 {
  min-width: 668px !important;
}

.foo-min-h-668 {
  min-height: 668px !important;
}

.foo-w-669 {
  width: 669px !important;
}

.foo-h-669 {
  height: 669px !important;
}

.foo-min-w-669 {
  min-width: 669px !important;
}

.foo-min-h-669 {
  min-height: 669px !important;
}

.foo-w-670 {
  width: 670px !important;
}

.foo-h-670 {
  height: 670px !important;
}

.foo-min-w-670 {
  min-width: 670px !important;
}

.foo-min-h-670 {
  min-height: 670px !important;
}

.foo-w-671 {
  width: 671px !important;
}

.foo-h-671 {
  height: 671px !important;
}

.foo-min-w-671 {
  min-width: 671px !important;
}

.foo-min-h-671 {
  min-height: 671px !important;
}

.foo-w-672 {
  width: 672px !important;
}

.foo-h-672 {
  height: 672px !important;
}

.foo-min-w-672 {
  min-width: 672px !important;
}

.foo-min-h-672 {
  min-height: 672px !important;
}

.foo-w-673 {
  width: 673px !important;
}

.foo-h-673 {
  height: 673px !important;
}

.foo-min-w-673 {
  min-width: 673px !important;
}

.foo-min-h-673 {
  min-height: 673px !important;
}

.foo-w-674 {
  width: 674px !important;
}

.foo-h-674 {
  height: 674px !important;
}

.foo-min-w-674 {
  min-width: 674px !important;
}

.foo-min-h-674 {
  min-height: 674px !important;
}

.foo-w-675 {
  width: 675px !important;
}

.foo-h-675 {
  height: 675px !important;
}

.foo-min-w-675 {
  min-width: 675px !important;
}

.foo-min-h-675 {
  min-height: 675px !important;
}

.foo-w-676 {
  width: 676px !important;
}

.foo-h-676 {
  height: 676px !important;
}

.foo-min-w-676 {
  min-width: 676px !important;
}

.foo-min-h-676 {
  min-height: 676px !important;
}

.foo-w-677 {
  width: 677px !important;
}

.foo-h-677 {
  height: 677px !important;
}

.foo-min-w-677 {
  min-width: 677px !important;
}

.foo-min-h-677 {
  min-height: 677px !important;
}

.foo-w-678 {
  width: 678px !important;
}

.foo-h-678 {
  height: 678px !important;
}

.foo-min-w-678 {
  min-width: 678px !important;
}

.foo-min-h-678 {
  min-height: 678px !important;
}

.foo-w-679 {
  width: 679px !important;
}

.foo-h-679 {
  height: 679px !important;
}

.foo-min-w-679 {
  min-width: 679px !important;
}

.foo-min-h-679 {
  min-height: 679px !important;
}

.foo-w-680 {
  width: 680px !important;
}

.foo-h-680 {
  height: 680px !important;
}

.foo-min-w-680 {
  min-width: 680px !important;
}

.foo-min-h-680 {
  min-height: 680px !important;
}

.foo-w-681 {
  width: 681px !important;
}

.foo-h-681 {
  height: 681px !important;
}

.foo-min-w-681 {
  min-width: 681px !important;
}

.foo-min-h-681 {
  min-height: 681px !important;
}

.foo-w-682 {
  width: 682px !important;
}

.foo-h-682 {
  height: 682px !important;
}

.foo-min-w-682 {
  min-width: 682px !important;
}

.foo-min-h-682 {
  min-height: 682px !important;
}

.foo-w-683 {
  width: 683px !important;
}

.foo-h-683 {
  height: 683px !important;
}

.foo-min-w-683 {
  min-width: 683px !important;
}

.foo-min-h-683 {
  min-height: 683px !important;
}

.foo-w-684 {
  width: 684px !important;
}

.foo-h-684 {
  height: 684px !important;
}

.foo-min-w-684 {
  min-width: 684px !important;
}

.foo-min-h-684 {
  min-height: 684px !important;
}

.foo-w-685 {
  width: 685px !important;
}

.foo-h-685 {
  height: 685px !important;
}

.foo-min-w-685 {
  min-width: 685px !important;
}

.foo-min-h-685 {
  min-height: 685px !important;
}

.foo-w-686 {
  width: 686px !important;
}

.foo-h-686 {
  height: 686px !important;
}

.foo-min-w-686 {
  min-width: 686px !important;
}

.foo-min-h-686 {
  min-height: 686px !important;
}

.foo-w-687 {
  width: 687px !important;
}

.foo-h-687 {
  height: 687px !important;
}

.foo-min-w-687 {
  min-width: 687px !important;
}

.foo-min-h-687 {
  min-height: 687px !important;
}

.foo-w-688 {
  width: 688px !important;
}

.foo-h-688 {
  height: 688px !important;
}

.foo-min-w-688 {
  min-width: 688px !important;
}

.foo-min-h-688 {
  min-height: 688px !important;
}

.foo-w-689 {
  width: 689px !important;
}

.foo-h-689 {
  height: 689px !important;
}

.foo-min-w-689 {
  min-width: 689px !important;
}

.foo-min-h-689 {
  min-height: 689px !important;
}

.foo-w-690 {
  width: 690px !important;
}

.foo-h-690 {
  height: 690px !important;
}

.foo-min-w-690 {
  min-width: 690px !important;
}

.foo-min-h-690 {
  min-height: 690px !important;
}

.foo-w-691 {
  width: 691px !important;
}

.foo-h-691 {
  height: 691px !important;
}

.foo-min-w-691 {
  min-width: 691px !important;
}

.foo-min-h-691 {
  min-height: 691px !important;
}

.foo-w-692 {
  width: 692px !important;
}

.foo-h-692 {
  height: 692px !important;
}

.foo-min-w-692 {
  min-width: 692px !important;
}

.foo-min-h-692 {
  min-height: 692px !important;
}

.foo-w-693 {
  width: 693px !important;
}

.foo-h-693 {
  height: 693px !important;
}

.foo-min-w-693 {
  min-width: 693px !important;
}

.foo-min-h-693 {
  min-height: 693px !important;
}

.foo-w-694 {
  width: 694px !important;
}

.foo-h-694 {
  height: 694px !important;
}

.foo-min-w-694 {
  min-width: 694px !important;
}

.foo-min-h-694 {
  min-height: 694px !important;
}

.foo-w-695 {
  width: 695px !important;
}

.foo-h-695 {
  height: 695px !important;
}

.foo-min-w-695 {
  min-width: 695px !important;
}

.foo-min-h-695 {
  min-height: 695px !important;
}

.foo-w-696 {
  width: 696px !important;
}

.foo-h-696 {
  height: 696px !important;
}

.foo-min-w-696 {
  min-width: 696px !important;
}

.foo-min-h-696 {
  min-height: 696px !important;
}

.foo-w-697 {
  width: 697px !important;
}

.foo-h-697 {
  height: 697px !important;
}

.foo-min-w-697 {
  min-width: 697px !important;
}

.foo-min-h-697 {
  min-height: 697px !important;
}

.foo-w-698 {
  width: 698px !important;
}

.foo-h-698 {
  height: 698px !important;
}

.foo-min-w-698 {
  min-width: 698px !important;
}

.foo-min-h-698 {
  min-height: 698px !important;
}

.foo-w-699 {
  width: 699px !important;
}

.foo-h-699 {
  height: 699px !important;
}

.foo-min-w-699 {
  min-width: 699px !important;
}

.foo-min-h-699 {
  min-height: 699px !important;
}

.foo-w-700 {
  width: 700px !important;
}

.foo-h-700 {
  height: 700px !important;
}

.foo-min-w-700 {
  min-width: 700px !important;
}

.foo-min-h-700 {
  min-height: 700px !important;
}

.foo-w-701 {
  width: 701px !important;
}

.foo-h-701 {
  height: 701px !important;
}

.foo-min-w-701 {
  min-width: 701px !important;
}

.foo-min-h-701 {
  min-height: 701px !important;
}

.foo-w-702 {
  width: 702px !important;
}

.foo-h-702 {
  height: 702px !important;
}

.foo-min-w-702 {
  min-width: 702px !important;
}

.foo-min-h-702 {
  min-height: 702px !important;
}

.foo-w-703 {
  width: 703px !important;
}

.foo-h-703 {
  height: 703px !important;
}

.foo-min-w-703 {
  min-width: 703px !important;
}

.foo-min-h-703 {
  min-height: 703px !important;
}

.foo-w-704 {
  width: 704px !important;
}

.foo-h-704 {
  height: 704px !important;
}

.foo-min-w-704 {
  min-width: 704px !important;
}

.foo-min-h-704 {
  min-height: 704px !important;
}

.foo-w-705 {
  width: 705px !important;
}

.foo-h-705 {
  height: 705px !important;
}

.foo-min-w-705 {
  min-width: 705px !important;
}

.foo-min-h-705 {
  min-height: 705px !important;
}

.foo-w-706 {
  width: 706px !important;
}

.foo-h-706 {
  height: 706px !important;
}

.foo-min-w-706 {
  min-width: 706px !important;
}

.foo-min-h-706 {
  min-height: 706px !important;
}

.foo-w-707 {
  width: 707px !important;
}

.foo-h-707 {
  height: 707px !important;
}

.foo-min-w-707 {
  min-width: 707px !important;
}

.foo-min-h-707 {
  min-height: 707px !important;
}

.foo-w-708 {
  width: 708px !important;
}

.foo-h-708 {
  height: 708px !important;
}

.foo-min-w-708 {
  min-width: 708px !important;
}

.foo-min-h-708 {
  min-height: 708px !important;
}

.foo-w-709 {
  width: 709px !important;
}

.foo-h-709 {
  height: 709px !important;
}

.foo-min-w-709 {
  min-width: 709px !important;
}

.foo-min-h-709 {
  min-height: 709px !important;
}

.foo-w-710 {
  width: 710px !important;
}

.foo-h-710 {
  height: 710px !important;
}

.foo-min-w-710 {
  min-width: 710px !important;
}

.foo-min-h-710 {
  min-height: 710px !important;
}

.foo-w-711 {
  width: 711px !important;
}

.foo-h-711 {
  height: 711px !important;
}

.foo-min-w-711 {
  min-width: 711px !important;
}

.foo-min-h-711 {
  min-height: 711px !important;
}

.foo-w-712 {
  width: 712px !important;
}

.foo-h-712 {
  height: 712px !important;
}

.foo-min-w-712 {
  min-width: 712px !important;
}

.foo-min-h-712 {
  min-height: 712px !important;
}

.foo-w-713 {
  width: 713px !important;
}

.foo-h-713 {
  height: 713px !important;
}

.foo-min-w-713 {
  min-width: 713px !important;
}

.foo-min-h-713 {
  min-height: 713px !important;
}

.foo-w-714 {
  width: 714px !important;
}

.foo-h-714 {
  height: 714px !important;
}

.foo-min-w-714 {
  min-width: 714px !important;
}

.foo-min-h-714 {
  min-height: 714px !important;
}

.foo-w-715 {
  width: 715px !important;
}

.foo-h-715 {
  height: 715px !important;
}

.foo-min-w-715 {
  min-width: 715px !important;
}

.foo-min-h-715 {
  min-height: 715px !important;
}

.foo-w-716 {
  width: 716px !important;
}

.foo-h-716 {
  height: 716px !important;
}

.foo-min-w-716 {
  min-width: 716px !important;
}

.foo-min-h-716 {
  min-height: 716px !important;
}

.foo-w-717 {
  width: 717px !important;
}

.foo-h-717 {
  height: 717px !important;
}

.foo-min-w-717 {
  min-width: 717px !important;
}

.foo-min-h-717 {
  min-height: 717px !important;
}

.foo-w-718 {
  width: 718px !important;
}

.foo-h-718 {
  height: 718px !important;
}

.foo-min-w-718 {
  min-width: 718px !important;
}

.foo-min-h-718 {
  min-height: 718px !important;
}

.foo-w-719 {
  width: 719px !important;
}

.foo-h-719 {
  height: 719px !important;
}

.foo-min-w-719 {
  min-width: 719px !important;
}

.foo-min-h-719 {
  min-height: 719px !important;
}

.foo-w-720 {
  width: 720px !important;
}

.foo-h-720 {
  height: 720px !important;
}

.foo-min-w-720 {
  min-width: 720px !important;
}

.foo-min-h-720 {
  min-height: 720px !important;
}

.foo-w-721 {
  width: 721px !important;
}

.foo-h-721 {
  height: 721px !important;
}

.foo-min-w-721 {
  min-width: 721px !important;
}

.foo-min-h-721 {
  min-height: 721px !important;
}

.foo-w-722 {
  width: 722px !important;
}

.foo-h-722 {
  height: 722px !important;
}

.foo-min-w-722 {
  min-width: 722px !important;
}

.foo-min-h-722 {
  min-height: 722px !important;
}

.foo-w-723 {
  width: 723px !important;
}

.foo-h-723 {
  height: 723px !important;
}

.foo-min-w-723 {
  min-width: 723px !important;
}

.foo-min-h-723 {
  min-height: 723px !important;
}

.foo-w-724 {
  width: 724px !important;
}

.foo-h-724 {
  height: 724px !important;
}

.foo-min-w-724 {
  min-width: 724px !important;
}

.foo-min-h-724 {
  min-height: 724px !important;
}

.foo-w-725 {
  width: 725px !important;
}

.foo-h-725 {
  height: 725px !important;
}

.foo-min-w-725 {
  min-width: 725px !important;
}

.foo-min-h-725 {
  min-height: 725px !important;
}

.foo-w-726 {
  width: 726px !important;
}

.foo-h-726 {
  height: 726px !important;
}

.foo-min-w-726 {
  min-width: 726px !important;
}

.foo-min-h-726 {
  min-height: 726px !important;
}

.foo-w-727 {
  width: 727px !important;
}

.foo-h-727 {
  height: 727px !important;
}

.foo-min-w-727 {
  min-width: 727px !important;
}

.foo-min-h-727 {
  min-height: 727px !important;
}

.foo-w-728 {
  width: 728px !important;
}

.foo-h-728 {
  height: 728px !important;
}

.foo-min-w-728 {
  min-width: 728px !important;
}

.foo-min-h-728 {
  min-height: 728px !important;
}

.foo-w-729 {
  width: 729px !important;
}

.foo-h-729 {
  height: 729px !important;
}

.foo-min-w-729 {
  min-width: 729px !important;
}

.foo-min-h-729 {
  min-height: 729px !important;
}

.foo-w-730 {
  width: 730px !important;
}

.foo-h-730 {
  height: 730px !important;
}

.foo-min-w-730 {
  min-width: 730px !important;
}

.foo-min-h-730 {
  min-height: 730px !important;
}

.foo-w-731 {
  width: 731px !important;
}

.foo-h-731 {
  height: 731px !important;
}

.foo-min-w-731 {
  min-width: 731px !important;
}

.foo-min-h-731 {
  min-height: 731px !important;
}

.foo-w-732 {
  width: 732px !important;
}

.foo-h-732 {
  height: 732px !important;
}

.foo-min-w-732 {
  min-width: 732px !important;
}

.foo-min-h-732 {
  min-height: 732px !important;
}

.foo-w-733 {
  width: 733px !important;
}

.foo-h-733 {
  height: 733px !important;
}

.foo-min-w-733 {
  min-width: 733px !important;
}

.foo-min-h-733 {
  min-height: 733px !important;
}

.foo-w-734 {
  width: 734px !important;
}

.foo-h-734 {
  height: 734px !important;
}

.foo-min-w-734 {
  min-width: 734px !important;
}

.foo-min-h-734 {
  min-height: 734px !important;
}

.foo-w-735 {
  width: 735px !important;
}

.foo-h-735 {
  height: 735px !important;
}

.foo-min-w-735 {
  min-width: 735px !important;
}

.foo-min-h-735 {
  min-height: 735px !important;
}

.foo-w-736 {
  width: 736px !important;
}

.foo-h-736 {
  height: 736px !important;
}

.foo-min-w-736 {
  min-width: 736px !important;
}

.foo-min-h-736 {
  min-height: 736px !important;
}

.foo-w-737 {
  width: 737px !important;
}

.foo-h-737 {
  height: 737px !important;
}

.foo-min-w-737 {
  min-width: 737px !important;
}

.foo-min-h-737 {
  min-height: 737px !important;
}

.foo-w-738 {
  width: 738px !important;
}

.foo-h-738 {
  height: 738px !important;
}

.foo-min-w-738 {
  min-width: 738px !important;
}

.foo-min-h-738 {
  min-height: 738px !important;
}

.foo-w-739 {
  width: 739px !important;
}

.foo-h-739 {
  height: 739px !important;
}

.foo-min-w-739 {
  min-width: 739px !important;
}

.foo-min-h-739 {
  min-height: 739px !important;
}

.foo-w-740 {
  width: 740px !important;
}

.foo-h-740 {
  height: 740px !important;
}

.foo-min-w-740 {
  min-width: 740px !important;
}

.foo-min-h-740 {
  min-height: 740px !important;
}

.foo-w-741 {
  width: 741px !important;
}

.foo-h-741 {
  height: 741px !important;
}

.foo-min-w-741 {
  min-width: 741px !important;
}

.foo-min-h-741 {
  min-height: 741px !important;
}

.foo-w-742 {
  width: 742px !important;
}

.foo-h-742 {
  height: 742px !important;
}

.foo-min-w-742 {
  min-width: 742px !important;
}

.foo-min-h-742 {
  min-height: 742px !important;
}

.foo-w-743 {
  width: 743px !important;
}

.foo-h-743 {
  height: 743px !important;
}

.foo-min-w-743 {
  min-width: 743px !important;
}

.foo-min-h-743 {
  min-height: 743px !important;
}

.foo-w-744 {
  width: 744px !important;
}

.foo-h-744 {
  height: 744px !important;
}

.foo-min-w-744 {
  min-width: 744px !important;
}

.foo-min-h-744 {
  min-height: 744px !important;
}

.foo-w-745 {
  width: 745px !important;
}

.foo-h-745 {
  height: 745px !important;
}

.foo-min-w-745 {
  min-width: 745px !important;
}

.foo-min-h-745 {
  min-height: 745px !important;
}

.foo-w-746 {
  width: 746px !important;
}

.foo-h-746 {
  height: 746px !important;
}

.foo-min-w-746 {
  min-width: 746px !important;
}

.foo-min-h-746 {
  min-height: 746px !important;
}

.foo-w-747 {
  width: 747px !important;
}

.foo-h-747 {
  height: 747px !important;
}

.foo-min-w-747 {
  min-width: 747px !important;
}

.foo-min-h-747 {
  min-height: 747px !important;
}

.foo-w-748 {
  width: 748px !important;
}

.foo-h-748 {
  height: 748px !important;
}

.foo-min-w-748 {
  min-width: 748px !important;
}

.foo-min-h-748 {
  min-height: 748px !important;
}

.foo-w-749 {
  width: 749px !important;
}

.foo-h-749 {
  height: 749px !important;
}

.foo-min-w-749 {
  min-width: 749px !important;
}

.foo-min-h-749 {
  min-height: 749px !important;
}

.foo-w-750 {
  width: 750px !important;
}

.foo-h-750 {
  height: 750px !important;
}

.foo-min-w-750 {
  min-width: 750px !important;
}

.foo-min-h-750 {
  min-height: 750px !important;
}

.foo-w-751 {
  width: 751px !important;
}

.foo-h-751 {
  height: 751px !important;
}

.foo-min-w-751 {
  min-width: 751px !important;
}

.foo-min-h-751 {
  min-height: 751px !important;
}

.foo-w-752 {
  width: 752px !important;
}

.foo-h-752 {
  height: 752px !important;
}

.foo-min-w-752 {
  min-width: 752px !important;
}

.foo-min-h-752 {
  min-height: 752px !important;
}

.foo-w-753 {
  width: 753px !important;
}

.foo-h-753 {
  height: 753px !important;
}

.foo-min-w-753 {
  min-width: 753px !important;
}

.foo-min-h-753 {
  min-height: 753px !important;
}

.foo-w-754 {
  width: 754px !important;
}

.foo-h-754 {
  height: 754px !important;
}

.foo-min-w-754 {
  min-width: 754px !important;
}

.foo-min-h-754 {
  min-height: 754px !important;
}

.foo-w-755 {
  width: 755px !important;
}

.foo-h-755 {
  height: 755px !important;
}

.foo-min-w-755 {
  min-width: 755px !important;
}

.foo-min-h-755 {
  min-height: 755px !important;
}

.foo-w-756 {
  width: 756px !important;
}

.foo-h-756 {
  height: 756px !important;
}

.foo-min-w-756 {
  min-width: 756px !important;
}

.foo-min-h-756 {
  min-height: 756px !important;
}

.foo-w-757 {
  width: 757px !important;
}

.foo-h-757 {
  height: 757px !important;
}

.foo-min-w-757 {
  min-width: 757px !important;
}

.foo-min-h-757 {
  min-height: 757px !important;
}

.foo-w-758 {
  width: 758px !important;
}

.foo-h-758 {
  height: 758px !important;
}

.foo-min-w-758 {
  min-width: 758px !important;
}

.foo-min-h-758 {
  min-height: 758px !important;
}

.foo-w-759 {
  width: 759px !important;
}

.foo-h-759 {
  height: 759px !important;
}

.foo-min-w-759 {
  min-width: 759px !important;
}

.foo-min-h-759 {
  min-height: 759px !important;
}

.foo-w-760 {
  width: 760px !important;
}

.foo-h-760 {
  height: 760px !important;
}

.foo-min-w-760 {
  min-width: 760px !important;
}

.foo-min-h-760 {
  min-height: 760px !important;
}

.foo-w-761 {
  width: 761px !important;
}

.foo-h-761 {
  height: 761px !important;
}

.foo-min-w-761 {
  min-width: 761px !important;
}

.foo-min-h-761 {
  min-height: 761px !important;
}

.foo-w-762 {
  width: 762px !important;
}

.foo-h-762 {
  height: 762px !important;
}

.foo-min-w-762 {
  min-width: 762px !important;
}

.foo-min-h-762 {
  min-height: 762px !important;
}

.foo-w-763 {
  width: 763px !important;
}

.foo-h-763 {
  height: 763px !important;
}

.foo-min-w-763 {
  min-width: 763px !important;
}

.foo-min-h-763 {
  min-height: 763px !important;
}

.foo-w-764 {
  width: 764px !important;
}

.foo-h-764 {
  height: 764px !important;
}

.foo-min-w-764 {
  min-width: 764px !important;
}

.foo-min-h-764 {
  min-height: 764px !important;
}

.foo-w-765 {
  width: 765px !important;
}

.foo-h-765 {
  height: 765px !important;
}

.foo-min-w-765 {
  min-width: 765px !important;
}

.foo-min-h-765 {
  min-height: 765px !important;
}

.foo-w-766 {
  width: 766px !important;
}

.foo-h-766 {
  height: 766px !important;
}

.foo-min-w-766 {
  min-width: 766px !important;
}

.foo-min-h-766 {
  min-height: 766px !important;
}

.foo-w-767 {
  width: 767px !important;
}

.foo-h-767 {
  height: 767px !important;
}

.foo-min-w-767 {
  min-width: 767px !important;
}

.foo-min-h-767 {
  min-height: 767px !important;
}

.foo-w-768 {
  width: 768px !important;
}

.foo-h-768 {
  height: 768px !important;
}

.foo-min-w-768 {
  min-width: 768px !important;
}

.foo-min-h-768 {
  min-height: 768px !important;
}

.foo-w-769 {
  width: 769px !important;
}

.foo-h-769 {
  height: 769px !important;
}

.foo-min-w-769 {
  min-width: 769px !important;
}

.foo-min-h-769 {
  min-height: 769px !important;
}

.foo-w-770 {
  width: 770px !important;
}

.foo-h-770 {
  height: 770px !important;
}

.foo-min-w-770 {
  min-width: 770px !important;
}

.foo-min-h-770 {
  min-height: 770px !important;
}

.foo-w-771 {
  width: 771px !important;
}

.foo-h-771 {
  height: 771px !important;
}

.foo-min-w-771 {
  min-width: 771px !important;
}

.foo-min-h-771 {
  min-height: 771px !important;
}

.foo-w-772 {
  width: 772px !important;
}

.foo-h-772 {
  height: 772px !important;
}

.foo-min-w-772 {
  min-width: 772px !important;
}

.foo-min-h-772 {
  min-height: 772px !important;
}

.foo-w-773 {
  width: 773px !important;
}

.foo-h-773 {
  height: 773px !important;
}

.foo-min-w-773 {
  min-width: 773px !important;
}

.foo-min-h-773 {
  min-height: 773px !important;
}

.foo-w-774 {
  width: 774px !important;
}

.foo-h-774 {
  height: 774px !important;
}

.foo-min-w-774 {
  min-width: 774px !important;
}

.foo-min-h-774 {
  min-height: 774px !important;
}

.foo-w-775 {
  width: 775px !important;
}

.foo-h-775 {
  height: 775px !important;
}

.foo-min-w-775 {
  min-width: 775px !important;
}

.foo-min-h-775 {
  min-height: 775px !important;
}

.foo-w-776 {
  width: 776px !important;
}

.foo-h-776 {
  height: 776px !important;
}

.foo-min-w-776 {
  min-width: 776px !important;
}

.foo-min-h-776 {
  min-height: 776px !important;
}

.foo-w-777 {
  width: 777px !important;
}

.foo-h-777 {
  height: 777px !important;
}

.foo-min-w-777 {
  min-width: 777px !important;
}

.foo-min-h-777 {
  min-height: 777px !important;
}

.foo-w-778 {
  width: 778px !important;
}

.foo-h-778 {
  height: 778px !important;
}

.foo-min-w-778 {
  min-width: 778px !important;
}

.foo-min-h-778 {
  min-height: 778px !important;
}

.foo-w-779 {
  width: 779px !important;
}

.foo-h-779 {
  height: 779px !important;
}

.foo-min-w-779 {
  min-width: 779px !important;
}

.foo-min-h-779 {
  min-height: 779px !important;
}

.foo-w-780 {
  width: 780px !important;
}

.foo-h-780 {
  height: 780px !important;
}

.foo-min-w-780 {
  min-width: 780px !important;
}

.foo-min-h-780 {
  min-height: 780px !important;
}

.foo-w-781 {
  width: 781px !important;
}

.foo-h-781 {
  height: 781px !important;
}

.foo-min-w-781 {
  min-width: 781px !important;
}

.foo-min-h-781 {
  min-height: 781px !important;
}

.foo-w-782 {
  width: 782px !important;
}

.foo-h-782 {
  height: 782px !important;
}

.foo-min-w-782 {
  min-width: 782px !important;
}

.foo-min-h-782 {
  min-height: 782px !important;
}

.foo-w-783 {
  width: 783px !important;
}

.foo-h-783 {
  height: 783px !important;
}

.foo-min-w-783 {
  min-width: 783px !important;
}

.foo-min-h-783 {
  min-height: 783px !important;
}

.foo-w-784 {
  width: 784px !important;
}

.foo-h-784 {
  height: 784px !important;
}

.foo-min-w-784 {
  min-width: 784px !important;
}

.foo-min-h-784 {
  min-height: 784px !important;
}

.foo-w-785 {
  width: 785px !important;
}

.foo-h-785 {
  height: 785px !important;
}

.foo-min-w-785 {
  min-width: 785px !important;
}

.foo-min-h-785 {
  min-height: 785px !important;
}

.foo-w-786 {
  width: 786px !important;
}

.foo-h-786 {
  height: 786px !important;
}

.foo-min-w-786 {
  min-width: 786px !important;
}

.foo-min-h-786 {
  min-height: 786px !important;
}

.foo-w-787 {
  width: 787px !important;
}

.foo-h-787 {
  height: 787px !important;
}

.foo-min-w-787 {
  min-width: 787px !important;
}

.foo-min-h-787 {
  min-height: 787px !important;
}

.foo-w-788 {
  width: 788px !important;
}

.foo-h-788 {
  height: 788px !important;
}

.foo-min-w-788 {
  min-width: 788px !important;
}

.foo-min-h-788 {
  min-height: 788px !important;
}

.foo-w-789 {
  width: 789px !important;
}

.foo-h-789 {
  height: 789px !important;
}

.foo-min-w-789 {
  min-width: 789px !important;
}

.foo-min-h-789 {
  min-height: 789px !important;
}

.foo-w-790 {
  width: 790px !important;
}

.foo-h-790 {
  height: 790px !important;
}

.foo-min-w-790 {
  min-width: 790px !important;
}

.foo-min-h-790 {
  min-height: 790px !important;
}

.foo-w-791 {
  width: 791px !important;
}

.foo-h-791 {
  height: 791px !important;
}

.foo-min-w-791 {
  min-width: 791px !important;
}

.foo-min-h-791 {
  min-height: 791px !important;
}

.foo-w-792 {
  width: 792px !important;
}

.foo-h-792 {
  height: 792px !important;
}

.foo-min-w-792 {
  min-width: 792px !important;
}

.foo-min-h-792 {
  min-height: 792px !important;
}

.foo-w-793 {
  width: 793px !important;
}

.foo-h-793 {
  height: 793px !important;
}

.foo-min-w-793 {
  min-width: 793px !important;
}

.foo-min-h-793 {
  min-height: 793px !important;
}

.foo-w-794 {
  width: 794px !important;
}

.foo-h-794 {
  height: 794px !important;
}

.foo-min-w-794 {
  min-width: 794px !important;
}

.foo-min-h-794 {
  min-height: 794px !important;
}

.foo-w-795 {
  width: 795px !important;
}

.foo-h-795 {
  height: 795px !important;
}

.foo-min-w-795 {
  min-width: 795px !important;
}

.foo-min-h-795 {
  min-height: 795px !important;
}

.foo-w-796 {
  width: 796px !important;
}

.foo-h-796 {
  height: 796px !important;
}

.foo-min-w-796 {
  min-width: 796px !important;
}

.foo-min-h-796 {
  min-height: 796px !important;
}

.foo-w-797 {
  width: 797px !important;
}

.foo-h-797 {
  height: 797px !important;
}

.foo-min-w-797 {
  min-width: 797px !important;
}

.foo-min-h-797 {
  min-height: 797px !important;
}

.foo-w-798 {
  width: 798px !important;
}

.foo-h-798 {
  height: 798px !important;
}

.foo-min-w-798 {
  min-width: 798px !important;
}

.foo-min-h-798 {
  min-height: 798px !important;
}

.foo-w-799 {
  width: 799px !important;
}

.foo-h-799 {
  height: 799px !important;
}

.foo-min-w-799 {
  min-width: 799px !important;
}

.foo-min-h-799 {
  min-height: 799px !important;
}

.foo-w-800 {
  width: 800px !important;
}

.foo-h-800 {
  height: 800px !important;
}

.foo-min-w-800 {
  min-width: 800px !important;
}

.foo-min-h-800 {
  min-height: 800px !important;
}

.foo-w-801 {
  width: 801px !important;
}

.foo-h-801 {
  height: 801px !important;
}

.foo-min-w-801 {
  min-width: 801px !important;
}

.foo-min-h-801 {
  min-height: 801px !important;
}

.foo-w-802 {
  width: 802px !important;
}

.foo-h-802 {
  height: 802px !important;
}

.foo-min-w-802 {
  min-width: 802px !important;
}

.foo-min-h-802 {
  min-height: 802px !important;
}

.foo-w-803 {
  width: 803px !important;
}

.foo-h-803 {
  height: 803px !important;
}

.foo-min-w-803 {
  min-width: 803px !important;
}

.foo-min-h-803 {
  min-height: 803px !important;
}

.foo-w-804 {
  width: 804px !important;
}

.foo-h-804 {
  height: 804px !important;
}

.foo-min-w-804 {
  min-width: 804px !important;
}

.foo-min-h-804 {
  min-height: 804px !important;
}

.foo-w-805 {
  width: 805px !important;
}

.foo-h-805 {
  height: 805px !important;
}

.foo-min-w-805 {
  min-width: 805px !important;
}

.foo-min-h-805 {
  min-height: 805px !important;
}

.foo-w-806 {
  width: 806px !important;
}

.foo-h-806 {
  height: 806px !important;
}

.foo-min-w-806 {
  min-width: 806px !important;
}

.foo-min-h-806 {
  min-height: 806px !important;
}

.foo-w-807 {
  width: 807px !important;
}

.foo-h-807 {
  height: 807px !important;
}

.foo-min-w-807 {
  min-width: 807px !important;
}

.foo-min-h-807 {
  min-height: 807px !important;
}

.foo-w-808 {
  width: 808px !important;
}

.foo-h-808 {
  height: 808px !important;
}

.foo-min-w-808 {
  min-width: 808px !important;
}

.foo-min-h-808 {
  min-height: 808px !important;
}

.foo-w-809 {
  width: 809px !important;
}

.foo-h-809 {
  height: 809px !important;
}

.foo-min-w-809 {
  min-width: 809px !important;
}

.foo-min-h-809 {
  min-height: 809px !important;
}

.foo-w-810 {
  width: 810px !important;
}

.foo-h-810 {
  height: 810px !important;
}

.foo-min-w-810 {
  min-width: 810px !important;
}

.foo-min-h-810 {
  min-height: 810px !important;
}

.foo-w-811 {
  width: 811px !important;
}

.foo-h-811 {
  height: 811px !important;
}

.foo-min-w-811 {
  min-width: 811px !important;
}

.foo-min-h-811 {
  min-height: 811px !important;
}

.foo-w-812 {
  width: 812px !important;
}

.foo-h-812 {
  height: 812px !important;
}

.foo-min-w-812 {
  min-width: 812px !important;
}

.foo-min-h-812 {
  min-height: 812px !important;
}

.foo-w-813 {
  width: 813px !important;
}

.foo-h-813 {
  height: 813px !important;
}

.foo-min-w-813 {
  min-width: 813px !important;
}

.foo-min-h-813 {
  min-height: 813px !important;
}

.foo-w-814 {
  width: 814px !important;
}

.foo-h-814 {
  height: 814px !important;
}

.foo-min-w-814 {
  min-width: 814px !important;
}

.foo-min-h-814 {
  min-height: 814px !important;
}

.foo-w-815 {
  width: 815px !important;
}

.foo-h-815 {
  height: 815px !important;
}

.foo-min-w-815 {
  min-width: 815px !important;
}

.foo-min-h-815 {
  min-height: 815px !important;
}

.foo-w-816 {
  width: 816px !important;
}

.foo-h-816 {
  height: 816px !important;
}

.foo-min-w-816 {
  min-width: 816px !important;
}

.foo-min-h-816 {
  min-height: 816px !important;
}

.foo-w-817 {
  width: 817px !important;
}

.foo-h-817 {
  height: 817px !important;
}

.foo-min-w-817 {
  min-width: 817px !important;
}

.foo-min-h-817 {
  min-height: 817px !important;
}

.foo-w-818 {
  width: 818px !important;
}

.foo-h-818 {
  height: 818px !important;
}

.foo-min-w-818 {
  min-width: 818px !important;
}

.foo-min-h-818 {
  min-height: 818px !important;
}

.foo-w-819 {
  width: 819px !important;
}

.foo-h-819 {
  height: 819px !important;
}

.foo-min-w-819 {
  min-width: 819px !important;
}

.foo-min-h-819 {
  min-height: 819px !important;
}

.foo-w-820 {
  width: 820px !important;
}

.foo-h-820 {
  height: 820px !important;
}

.foo-min-w-820 {
  min-width: 820px !important;
}

.foo-min-h-820 {
  min-height: 820px !important;
}

.foo-w-821 {
  width: 821px !important;
}

.foo-h-821 {
  height: 821px !important;
}

.foo-min-w-821 {
  min-width: 821px !important;
}

.foo-min-h-821 {
  min-height: 821px !important;
}

.foo-w-822 {
  width: 822px !important;
}

.foo-h-822 {
  height: 822px !important;
}

.foo-min-w-822 {
  min-width: 822px !important;
}

.foo-min-h-822 {
  min-height: 822px !important;
}

.foo-w-823 {
  width: 823px !important;
}

.foo-h-823 {
  height: 823px !important;
}

.foo-min-w-823 {
  min-width: 823px !important;
}

.foo-min-h-823 {
  min-height: 823px !important;
}

.foo-w-824 {
  width: 824px !important;
}

.foo-h-824 {
  height: 824px !important;
}

.foo-min-w-824 {
  min-width: 824px !important;
}

.foo-min-h-824 {
  min-height: 824px !important;
}

.foo-w-825 {
  width: 825px !important;
}

.foo-h-825 {
  height: 825px !important;
}

.foo-min-w-825 {
  min-width: 825px !important;
}

.foo-min-h-825 {
  min-height: 825px !important;
}

.foo-w-826 {
  width: 826px !important;
}

.foo-h-826 {
  height: 826px !important;
}

.foo-min-w-826 {
  min-width: 826px !important;
}

.foo-min-h-826 {
  min-height: 826px !important;
}

.foo-w-827 {
  width: 827px !important;
}

.foo-h-827 {
  height: 827px !important;
}

.foo-min-w-827 {
  min-width: 827px !important;
}

.foo-min-h-827 {
  min-height: 827px !important;
}

.foo-w-828 {
  width: 828px !important;
}

.foo-h-828 {
  height: 828px !important;
}

.foo-min-w-828 {
  min-width: 828px !important;
}

.foo-min-h-828 {
  min-height: 828px !important;
}

.foo-w-829 {
  width: 829px !important;
}

.foo-h-829 {
  height: 829px !important;
}

.foo-min-w-829 {
  min-width: 829px !important;
}

.foo-min-h-829 {
  min-height: 829px !important;
}

.foo-w-830 {
  width: 830px !important;
}

.foo-h-830 {
  height: 830px !important;
}

.foo-min-w-830 {
  min-width: 830px !important;
}

.foo-min-h-830 {
  min-height: 830px !important;
}

.foo-w-831 {
  width: 831px !important;
}

.foo-h-831 {
  height: 831px !important;
}

.foo-min-w-831 {
  min-width: 831px !important;
}

.foo-min-h-831 {
  min-height: 831px !important;
}

.foo-w-832 {
  width: 832px !important;
}

.foo-h-832 {
  height: 832px !important;
}

.foo-min-w-832 {
  min-width: 832px !important;
}

.foo-min-h-832 {
  min-height: 832px !important;
}

.foo-w-833 {
  width: 833px !important;
}

.foo-h-833 {
  height: 833px !important;
}

.foo-min-w-833 {
  min-width: 833px !important;
}

.foo-min-h-833 {
  min-height: 833px !important;
}

.foo-w-834 {
  width: 834px !important;
}

.foo-h-834 {
  height: 834px !important;
}

.foo-min-w-834 {
  min-width: 834px !important;
}

.foo-min-h-834 {
  min-height: 834px !important;
}

.foo-w-835 {
  width: 835px !important;
}

.foo-h-835 {
  height: 835px !important;
}

.foo-min-w-835 {
  min-width: 835px !important;
}

.foo-min-h-835 {
  min-height: 835px !important;
}

.foo-w-836 {
  width: 836px !important;
}

.foo-h-836 {
  height: 836px !important;
}

.foo-min-w-836 {
  min-width: 836px !important;
}

.foo-min-h-836 {
  min-height: 836px !important;
}

.foo-w-837 {
  width: 837px !important;
}

.foo-h-837 {
  height: 837px !important;
}

.foo-min-w-837 {
  min-width: 837px !important;
}

.foo-min-h-837 {
  min-height: 837px !important;
}

.foo-w-838 {
  width: 838px !important;
}

.foo-h-838 {
  height: 838px !important;
}

.foo-min-w-838 {
  min-width: 838px !important;
}

.foo-min-h-838 {
  min-height: 838px !important;
}

.foo-w-839 {
  width: 839px !important;
}

.foo-h-839 {
  height: 839px !important;
}

.foo-min-w-839 {
  min-width: 839px !important;
}

.foo-min-h-839 {
  min-height: 839px !important;
}

.foo-w-840 {
  width: 840px !important;
}

.foo-h-840 {
  height: 840px !important;
}

.foo-min-w-840 {
  min-width: 840px !important;
}

.foo-min-h-840 {
  min-height: 840px !important;
}

.foo-w-841 {
  width: 841px !important;
}

.foo-h-841 {
  height: 841px !important;
}

.foo-min-w-841 {
  min-width: 841px !important;
}

.foo-min-h-841 {
  min-height: 841px !important;
}

.foo-w-842 {
  width: 842px !important;
}

.foo-h-842 {
  height: 842px !important;
}

.foo-min-w-842 {
  min-width: 842px !important;
}

.foo-min-h-842 {
  min-height: 842px !important;
}

.foo-w-843 {
  width: 843px !important;
}

.foo-h-843 {
  height: 843px !important;
}

.foo-min-w-843 {
  min-width: 843px !important;
}

.foo-min-h-843 {
  min-height: 843px !important;
}

.foo-w-844 {
  width: 844px !important;
}

.foo-h-844 {
  height: 844px !important;
}

.foo-min-w-844 {
  min-width: 844px !important;
}

.foo-min-h-844 {
  min-height: 844px !important;
}

.foo-w-845 {
  width: 845px !important;
}

.foo-h-845 {
  height: 845px !important;
}

.foo-min-w-845 {
  min-width: 845px !important;
}

.foo-min-h-845 {
  min-height: 845px !important;
}

.foo-w-846 {
  width: 846px !important;
}

.foo-h-846 {
  height: 846px !important;
}

.foo-min-w-846 {
  min-width: 846px !important;
}

.foo-min-h-846 {
  min-height: 846px !important;
}

.foo-w-847 {
  width: 847px !important;
}

.foo-h-847 {
  height: 847px !important;
}

.foo-min-w-847 {
  min-width: 847px !important;
}

.foo-min-h-847 {
  min-height: 847px !important;
}

.foo-w-848 {
  width: 848px !important;
}

.foo-h-848 {
  height: 848px !important;
}

.foo-min-w-848 {
  min-width: 848px !important;
}

.foo-min-h-848 {
  min-height: 848px !important;
}

.foo-w-849 {
  width: 849px !important;
}

.foo-h-849 {
  height: 849px !important;
}

.foo-min-w-849 {
  min-width: 849px !important;
}

.foo-min-h-849 {
  min-height: 849px !important;
}

.foo-w-850 {
  width: 850px !important;
}

.foo-h-850 {
  height: 850px !important;
}

.foo-min-w-850 {
  min-width: 850px !important;
}

.foo-min-h-850 {
  min-height: 850px !important;
}

.foo-w-851 {
  width: 851px !important;
}

.foo-h-851 {
  height: 851px !important;
}

.foo-min-w-851 {
  min-width: 851px !important;
}

.foo-min-h-851 {
  min-height: 851px !important;
}

.foo-w-852 {
  width: 852px !important;
}

.foo-h-852 {
  height: 852px !important;
}

.foo-min-w-852 {
  min-width: 852px !important;
}

.foo-min-h-852 {
  min-height: 852px !important;
}

.foo-w-853 {
  width: 853px !important;
}

.foo-h-853 {
  height: 853px !important;
}

.foo-min-w-853 {
  min-width: 853px !important;
}

.foo-min-h-853 {
  min-height: 853px !important;
}

.foo-w-854 {
  width: 854px !important;
}

.foo-h-854 {
  height: 854px !important;
}

.foo-min-w-854 {
  min-width: 854px !important;
}

.foo-min-h-854 {
  min-height: 854px !important;
}

.foo-w-855 {
  width: 855px !important;
}

.foo-h-855 {
  height: 855px !important;
}

.foo-min-w-855 {
  min-width: 855px !important;
}

.foo-min-h-855 {
  min-height: 855px !important;
}

.foo-w-856 {
  width: 856px !important;
}

.foo-h-856 {
  height: 856px !important;
}

.foo-min-w-856 {
  min-width: 856px !important;
}

.foo-min-h-856 {
  min-height: 856px !important;
}

.foo-w-857 {
  width: 857px !important;
}

.foo-h-857 {
  height: 857px !important;
}

.foo-min-w-857 {
  min-width: 857px !important;
}

.foo-min-h-857 {
  min-height: 857px !important;
}

.foo-w-858 {
  width: 858px !important;
}

.foo-h-858 {
  height: 858px !important;
}

.foo-min-w-858 {
  min-width: 858px !important;
}

.foo-min-h-858 {
  min-height: 858px !important;
}

.foo-w-859 {
  width: 859px !important;
}

.foo-h-859 {
  height: 859px !important;
}

.foo-min-w-859 {
  min-width: 859px !important;
}

.foo-min-h-859 {
  min-height: 859px !important;
}

.foo-w-860 {
  width: 860px !important;
}

.foo-h-860 {
  height: 860px !important;
}

.foo-min-w-860 {
  min-width: 860px !important;
}

.foo-min-h-860 {
  min-height: 860px !important;
}

.foo-w-861 {
  width: 861px !important;
}

.foo-h-861 {
  height: 861px !important;
}

.foo-min-w-861 {
  min-width: 861px !important;
}

.foo-min-h-861 {
  min-height: 861px !important;
}

.foo-w-862 {
  width: 862px !important;
}

.foo-h-862 {
  height: 862px !important;
}

.foo-min-w-862 {
  min-width: 862px !important;
}

.foo-min-h-862 {
  min-height: 862px !important;
}

.foo-w-863 {
  width: 863px !important;
}

.foo-h-863 {
  height: 863px !important;
}

.foo-min-w-863 {
  min-width: 863px !important;
}

.foo-min-h-863 {
  min-height: 863px !important;
}

.foo-w-864 {
  width: 864px !important;
}

.foo-h-864 {
  height: 864px !important;
}

.foo-min-w-864 {
  min-width: 864px !important;
}

.foo-min-h-864 {
  min-height: 864px !important;
}

.foo-w-865 {
  width: 865px !important;
}

.foo-h-865 {
  height: 865px !important;
}

.foo-min-w-865 {
  min-width: 865px !important;
}

.foo-min-h-865 {
  min-height: 865px !important;
}

.foo-w-866 {
  width: 866px !important;
}

.foo-h-866 {
  height: 866px !important;
}

.foo-min-w-866 {
  min-width: 866px !important;
}

.foo-min-h-866 {
  min-height: 866px !important;
}

.foo-w-867 {
  width: 867px !important;
}

.foo-h-867 {
  height: 867px !important;
}

.foo-min-w-867 {
  min-width: 867px !important;
}

.foo-min-h-867 {
  min-height: 867px !important;
}

.foo-w-868 {
  width: 868px !important;
}

.foo-h-868 {
  height: 868px !important;
}

.foo-min-w-868 {
  min-width: 868px !important;
}

.foo-min-h-868 {
  min-height: 868px !important;
}

.foo-w-869 {
  width: 869px !important;
}

.foo-h-869 {
  height: 869px !important;
}

.foo-min-w-869 {
  min-width: 869px !important;
}

.foo-min-h-869 {
  min-height: 869px !important;
}

.foo-w-870 {
  width: 870px !important;
}

.foo-h-870 {
  height: 870px !important;
}

.foo-min-w-870 {
  min-width: 870px !important;
}

.foo-min-h-870 {
  min-height: 870px !important;
}

.foo-w-871 {
  width: 871px !important;
}

.foo-h-871 {
  height: 871px !important;
}

.foo-min-w-871 {
  min-width: 871px !important;
}

.foo-min-h-871 {
  min-height: 871px !important;
}

.foo-w-872 {
  width: 872px !important;
}

.foo-h-872 {
  height: 872px !important;
}

.foo-min-w-872 {
  min-width: 872px !important;
}

.foo-min-h-872 {
  min-height: 872px !important;
}

.foo-w-873 {
  width: 873px !important;
}

.foo-h-873 {
  height: 873px !important;
}

.foo-min-w-873 {
  min-width: 873px !important;
}

.foo-min-h-873 {
  min-height: 873px !important;
}

.foo-w-874 {
  width: 874px !important;
}

.foo-h-874 {
  height: 874px !important;
}

.foo-min-w-874 {
  min-width: 874px !important;
}

.foo-min-h-874 {
  min-height: 874px !important;
}

.foo-w-875 {
  width: 875px !important;
}

.foo-h-875 {
  height: 875px !important;
}

.foo-min-w-875 {
  min-width: 875px !important;
}

.foo-min-h-875 {
  min-height: 875px !important;
}

.foo-w-876 {
  width: 876px !important;
}

.foo-h-876 {
  height: 876px !important;
}

.foo-min-w-876 {
  min-width: 876px !important;
}

.foo-min-h-876 {
  min-height: 876px !important;
}

.foo-w-877 {
  width: 877px !important;
}

.foo-h-877 {
  height: 877px !important;
}

.foo-min-w-877 {
  min-width: 877px !important;
}

.foo-min-h-877 {
  min-height: 877px !important;
}

.foo-w-878 {
  width: 878px !important;
}

.foo-h-878 {
  height: 878px !important;
}

.foo-min-w-878 {
  min-width: 878px !important;
}

.foo-min-h-878 {
  min-height: 878px !important;
}

.foo-w-879 {
  width: 879px !important;
}

.foo-h-879 {
  height: 879px !important;
}

.foo-min-w-879 {
  min-width: 879px !important;
}

.foo-min-h-879 {
  min-height: 879px !important;
}

.foo-w-880 {
  width: 880px !important;
}

.foo-h-880 {
  height: 880px !important;
}

.foo-min-w-880 {
  min-width: 880px !important;
}

.foo-min-h-880 {
  min-height: 880px !important;
}

.foo-w-881 {
  width: 881px !important;
}

.foo-h-881 {
  height: 881px !important;
}

.foo-min-w-881 {
  min-width: 881px !important;
}

.foo-min-h-881 {
  min-height: 881px !important;
}

.foo-w-882 {
  width: 882px !important;
}

.foo-h-882 {
  height: 882px !important;
}

.foo-min-w-882 {
  min-width: 882px !important;
}

.foo-min-h-882 {
  min-height: 882px !important;
}

.foo-w-883 {
  width: 883px !important;
}

.foo-h-883 {
  height: 883px !important;
}

.foo-min-w-883 {
  min-width: 883px !important;
}

.foo-min-h-883 {
  min-height: 883px !important;
}

.foo-w-884 {
  width: 884px !important;
}

.foo-h-884 {
  height: 884px !important;
}

.foo-min-w-884 {
  min-width: 884px !important;
}

.foo-min-h-884 {
  min-height: 884px !important;
}

.foo-w-885 {
  width: 885px !important;
}

.foo-h-885 {
  height: 885px !important;
}

.foo-min-w-885 {
  min-width: 885px !important;
}

.foo-min-h-885 {
  min-height: 885px !important;
}

.foo-w-886 {
  width: 886px !important;
}

.foo-h-886 {
  height: 886px !important;
}

.foo-min-w-886 {
  min-width: 886px !important;
}

.foo-min-h-886 {
  min-height: 886px !important;
}

.foo-w-887 {
  width: 887px !important;
}

.foo-h-887 {
  height: 887px !important;
}

.foo-min-w-887 {
  min-width: 887px !important;
}

.foo-min-h-887 {
  min-height: 887px !important;
}

.foo-w-888 {
  width: 888px !important;
}

.foo-h-888 {
  height: 888px !important;
}

.foo-min-w-888 {
  min-width: 888px !important;
}

.foo-min-h-888 {
  min-height: 888px !important;
}

.foo-w-889 {
  width: 889px !important;
}

.foo-h-889 {
  height: 889px !important;
}

.foo-min-w-889 {
  min-width: 889px !important;
}

.foo-min-h-889 {
  min-height: 889px !important;
}

.foo-w-890 {
  width: 890px !important;
}

.foo-h-890 {
  height: 890px !important;
}

.foo-min-w-890 {
  min-width: 890px !important;
}

.foo-min-h-890 {
  min-height: 890px !important;
}

.foo-w-891 {
  width: 891px !important;
}

.foo-h-891 {
  height: 891px !important;
}

.foo-min-w-891 {
  min-width: 891px !important;
}

.foo-min-h-891 {
  min-height: 891px !important;
}

.foo-w-892 {
  width: 892px !important;
}

.foo-h-892 {
  height: 892px !important;
}

.foo-min-w-892 {
  min-width: 892px !important;
}

.foo-min-h-892 {
  min-height: 892px !important;
}

.foo-w-893 {
  width: 893px !important;
}

.foo-h-893 {
  height: 893px !important;
}

.foo-min-w-893 {
  min-width: 893px !important;
}

.foo-min-h-893 {
  min-height: 893px !important;
}

.foo-w-894 {
  width: 894px !important;
}

.foo-h-894 {
  height: 894px !important;
}

.foo-min-w-894 {
  min-width: 894px !important;
}

.foo-min-h-894 {
  min-height: 894px !important;
}

.foo-w-895 {
  width: 895px !important;
}

.foo-h-895 {
  height: 895px !important;
}

.foo-min-w-895 {
  min-width: 895px !important;
}

.foo-min-h-895 {
  min-height: 895px !important;
}

.foo-w-896 {
  width: 896px !important;
}

.foo-h-896 {
  height: 896px !important;
}

.foo-min-w-896 {
  min-width: 896px !important;
}

.foo-min-h-896 {
  min-height: 896px !important;
}

.foo-w-897 {
  width: 897px !important;
}

.foo-h-897 {
  height: 897px !important;
}

.foo-min-w-897 {
  min-width: 897px !important;
}

.foo-min-h-897 {
  min-height: 897px !important;
}

.foo-w-898 {
  width: 898px !important;
}

.foo-h-898 {
  height: 898px !important;
}

.foo-min-w-898 {
  min-width: 898px !important;
}

.foo-min-h-898 {
  min-height: 898px !important;
}

.foo-w-899 {
  width: 899px !important;
}

.foo-h-899 {
  height: 899px !important;
}

.foo-min-w-899 {
  min-width: 899px !important;
}

.foo-min-h-899 {
  min-height: 899px !important;
}

.foo-w-900 {
  width: 900px !important;
}

.foo-h-900 {
  height: 900px !important;
}

.foo-min-w-900 {
  min-width: 900px !important;
}

.foo-min-h-900 {
  min-height: 900px !important;
}

.foo-w-901 {
  width: 901px !important;
}

.foo-h-901 {
  height: 901px !important;
}

.foo-min-w-901 {
  min-width: 901px !important;
}

.foo-min-h-901 {
  min-height: 901px !important;
}

.foo-w-902 {
  width: 902px !important;
}

.foo-h-902 {
  height: 902px !important;
}

.foo-min-w-902 {
  min-width: 902px !important;
}

.foo-min-h-902 {
  min-height: 902px !important;
}

.foo-w-903 {
  width: 903px !important;
}

.foo-h-903 {
  height: 903px !important;
}

.foo-min-w-903 {
  min-width: 903px !important;
}

.foo-min-h-903 {
  min-height: 903px !important;
}

.foo-w-904 {
  width: 904px !important;
}

.foo-h-904 {
  height: 904px !important;
}

.foo-min-w-904 {
  min-width: 904px !important;
}

.foo-min-h-904 {
  min-height: 904px !important;
}

.foo-w-905 {
  width: 905px !important;
}

.foo-h-905 {
  height: 905px !important;
}

.foo-min-w-905 {
  min-width: 905px !important;
}

.foo-min-h-905 {
  min-height: 905px !important;
}

.foo-w-906 {
  width: 906px !important;
}

.foo-h-906 {
  height: 906px !important;
}

.foo-min-w-906 {
  min-width: 906px !important;
}

.foo-min-h-906 {
  min-height: 906px !important;
}

.foo-w-907 {
  width: 907px !important;
}

.foo-h-907 {
  height: 907px !important;
}

.foo-min-w-907 {
  min-width: 907px !important;
}

.foo-min-h-907 {
  min-height: 907px !important;
}

.foo-w-908 {
  width: 908px !important;
}

.foo-h-908 {
  height: 908px !important;
}

.foo-min-w-908 {
  min-width: 908px !important;
}

.foo-min-h-908 {
  min-height: 908px !important;
}

.foo-w-909 {
  width: 909px !important;
}

.foo-h-909 {
  height: 909px !important;
}

.foo-min-w-909 {
  min-width: 909px !important;
}

.foo-min-h-909 {
  min-height: 909px !important;
}

.foo-w-910 {
  width: 910px !important;
}

.foo-h-910 {
  height: 910px !important;
}

.foo-min-w-910 {
  min-width: 910px !important;
}

.foo-min-h-910 {
  min-height: 910px !important;
}

.foo-w-911 {
  width: 911px !important;
}

.foo-h-911 {
  height: 911px !important;
}

.foo-min-w-911 {
  min-width: 911px !important;
}

.foo-min-h-911 {
  min-height: 911px !important;
}

.foo-w-912 {
  width: 912px !important;
}

.foo-h-912 {
  height: 912px !important;
}

.foo-min-w-912 {
  min-width: 912px !important;
}

.foo-min-h-912 {
  min-height: 912px !important;
}

.foo-w-913 {
  width: 913px !important;
}

.foo-h-913 {
  height: 913px !important;
}

.foo-min-w-913 {
  min-width: 913px !important;
}

.foo-min-h-913 {
  min-height: 913px !important;
}

.foo-w-914 {
  width: 914px !important;
}

.foo-h-914 {
  height: 914px !important;
}

.foo-min-w-914 {
  min-width: 914px !important;
}

.foo-min-h-914 {
  min-height: 914px !important;
}

.foo-w-915 {
  width: 915px !important;
}

.foo-h-915 {
  height: 915px !important;
}

.foo-min-w-915 {
  min-width: 915px !important;
}

.foo-min-h-915 {
  min-height: 915px !important;
}

.foo-w-916 {
  width: 916px !important;
}

.foo-h-916 {
  height: 916px !important;
}

.foo-min-w-916 {
  min-width: 916px !important;
}

.foo-min-h-916 {
  min-height: 916px !important;
}

.foo-w-917 {
  width: 917px !important;
}

.foo-h-917 {
  height: 917px !important;
}

.foo-min-w-917 {
  min-width: 917px !important;
}

.foo-min-h-917 {
  min-height: 917px !important;
}

.foo-w-918 {
  width: 918px !important;
}

.foo-h-918 {
  height: 918px !important;
}

.foo-min-w-918 {
  min-width: 918px !important;
}

.foo-min-h-918 {
  min-height: 918px !important;
}

.foo-w-919 {
  width: 919px !important;
}

.foo-h-919 {
  height: 919px !important;
}

.foo-min-w-919 {
  min-width: 919px !important;
}

.foo-min-h-919 {
  min-height: 919px !important;
}

.foo-w-920 {
  width: 920px !important;
}

.foo-h-920 {
  height: 920px !important;
}

.foo-min-w-920 {
  min-width: 920px !important;
}

.foo-min-h-920 {
  min-height: 920px !important;
}

.foo-w-921 {
  width: 921px !important;
}

.foo-h-921 {
  height: 921px !important;
}

.foo-min-w-921 {
  min-width: 921px !important;
}

.foo-min-h-921 {
  min-height: 921px !important;
}

.foo-w-922 {
  width: 922px !important;
}

.foo-h-922 {
  height: 922px !important;
}

.foo-min-w-922 {
  min-width: 922px !important;
}

.foo-min-h-922 {
  min-height: 922px !important;
}

.foo-w-923 {
  width: 923px !important;
}

.foo-h-923 {
  height: 923px !important;
}

.foo-min-w-923 {
  min-width: 923px !important;
}

.foo-min-h-923 {
  min-height: 923px !important;
}

.foo-w-924 {
  width: 924px !important;
}

.foo-h-924 {
  height: 924px !important;
}

.foo-min-w-924 {
  min-width: 924px !important;
}

.foo-min-h-924 {
  min-height: 924px !important;
}

.foo-w-925 {
  width: 925px !important;
}

.foo-h-925 {
  height: 925px !important;
}

.foo-min-w-925 {
  min-width: 925px !important;
}

.foo-min-h-925 {
  min-height: 925px !important;
}

.foo-w-926 {
  width: 926px !important;
}

.foo-h-926 {
  height: 926px !important;
}

.foo-min-w-926 {
  min-width: 926px !important;
}

.foo-min-h-926 {
  min-height: 926px !important;
}

.foo-w-927 {
  width: 927px !important;
}

.foo-h-927 {
  height: 927px !important;
}

.foo-min-w-927 {
  min-width: 927px !important;
}

.foo-min-h-927 {
  min-height: 927px !important;
}

.foo-w-928 {
  width: 928px !important;
}

.foo-h-928 {
  height: 928px !important;
}

.foo-min-w-928 {
  min-width: 928px !important;
}

.foo-min-h-928 {
  min-height: 928px !important;
}

.foo-w-929 {
  width: 929px !important;
}

.foo-h-929 {
  height: 929px !important;
}

.foo-min-w-929 {
  min-width: 929px !important;
}

.foo-min-h-929 {
  min-height: 929px !important;
}

.foo-w-930 {
  width: 930px !important;
}

.foo-h-930 {
  height: 930px !important;
}

.foo-min-w-930 {
  min-width: 930px !important;
}

.foo-min-h-930 {
  min-height: 930px !important;
}

.foo-w-931 {
  width: 931px !important;
}

.foo-h-931 {
  height: 931px !important;
}

.foo-min-w-931 {
  min-width: 931px !important;
}

.foo-min-h-931 {
  min-height: 931px !important;
}

.foo-w-932 {
  width: 932px !important;
}

.foo-h-932 {
  height: 932px !important;
}

.foo-min-w-932 {
  min-width: 932px !important;
}

.foo-min-h-932 {
  min-height: 932px !important;
}

.foo-w-933 {
  width: 933px !important;
}

.foo-h-933 {
  height: 933px !important;
}

.foo-min-w-933 {
  min-width: 933px !important;
}

.foo-min-h-933 {
  min-height: 933px !important;
}

.foo-w-934 {
  width: 934px !important;
}

.foo-h-934 {
  height: 934px !important;
}

.foo-min-w-934 {
  min-width: 934px !important;
}

.foo-min-h-934 {
  min-height: 934px !important;
}

.foo-w-935 {
  width: 935px !important;
}

.foo-h-935 {
  height: 935px !important;
}

.foo-min-w-935 {
  min-width: 935px !important;
}

.foo-min-h-935 {
  min-height: 935px !important;
}

.foo-w-936 {
  width: 936px !important;
}

.foo-h-936 {
  height: 936px !important;
}

.foo-min-w-936 {
  min-width: 936px !important;
}

.foo-min-h-936 {
  min-height: 936px !important;
}

.foo-w-937 {
  width: 937px !important;
}

.foo-h-937 {
  height: 937px !important;
}

.foo-min-w-937 {
  min-width: 937px !important;
}

.foo-min-h-937 {
  min-height: 937px !important;
}

.foo-w-938 {
  width: 938px !important;
}

.foo-h-938 {
  height: 938px !important;
}

.foo-min-w-938 {
  min-width: 938px !important;
}

.foo-min-h-938 {
  min-height: 938px !important;
}

.foo-w-939 {
  width: 939px !important;
}

.foo-h-939 {
  height: 939px !important;
}

.foo-min-w-939 {
  min-width: 939px !important;
}

.foo-min-h-939 {
  min-height: 939px !important;
}

.foo-w-940 {
  width: 940px !important;
}

.foo-h-940 {
  height: 940px !important;
}

.foo-min-w-940 {
  min-width: 940px !important;
}

.foo-min-h-940 {
  min-height: 940px !important;
}

.foo-w-941 {
  width: 941px !important;
}

.foo-h-941 {
  height: 941px !important;
}

.foo-min-w-941 {
  min-width: 941px !important;
}

.foo-min-h-941 {
  min-height: 941px !important;
}

.foo-w-942 {
  width: 942px !important;
}

.foo-h-942 {
  height: 942px !important;
}

.foo-min-w-942 {
  min-width: 942px !important;
}

.foo-min-h-942 {
  min-height: 942px !important;
}

.foo-w-943 {
  width: 943px !important;
}

.foo-h-943 {
  height: 943px !important;
}

.foo-min-w-943 {
  min-width: 943px !important;
}

.foo-min-h-943 {
  min-height: 943px !important;
}

.foo-w-944 {
  width: 944px !important;
}

.foo-h-944 {
  height: 944px !important;
}

.foo-min-w-944 {
  min-width: 944px !important;
}

.foo-min-h-944 {
  min-height: 944px !important;
}

.foo-w-945 {
  width: 945px !important;
}

.foo-h-945 {
  height: 945px !important;
}

.foo-min-w-945 {
  min-width: 945px !important;
}

.foo-min-h-945 {
  min-height: 945px !important;
}

.foo-w-946 {
  width: 946px !important;
}

.foo-h-946 {
  height: 946px !important;
}

.foo-min-w-946 {
  min-width: 946px !important;
}

.foo-min-h-946 {
  min-height: 946px !important;
}

.foo-w-947 {
  width: 947px !important;
}

.foo-h-947 {
  height: 947px !important;
}

.foo-min-w-947 {
  min-width: 947px !important;
}

.foo-min-h-947 {
  min-height: 947px !important;
}

.foo-w-948 {
  width: 948px !important;
}

.foo-h-948 {
  height: 948px !important;
}

.foo-min-w-948 {
  min-width: 948px !important;
}

.foo-min-h-948 {
  min-height: 948px !important;
}

.foo-w-949 {
  width: 949px !important;
}

.foo-h-949 {
  height: 949px !important;
}

.foo-min-w-949 {
  min-width: 949px !important;
}

.foo-min-h-949 {
  min-height: 949px !important;
}

.foo-w-950 {
  width: 950px !important;
}

.foo-h-950 {
  height: 950px !important;
}

.foo-min-w-950 {
  min-width: 950px !important;
}

.foo-min-h-950 {
  min-height: 950px !important;
}

.foo-w-951 {
  width: 951px !important;
}

.foo-h-951 {
  height: 951px !important;
}

.foo-min-w-951 {
  min-width: 951px !important;
}

.foo-min-h-951 {
  min-height: 951px !important;
}

.foo-w-952 {
  width: 952px !important;
}

.foo-h-952 {
  height: 952px !important;
}

.foo-min-w-952 {
  min-width: 952px !important;
}

.foo-min-h-952 {
  min-height: 952px !important;
}

.foo-w-953 {
  width: 953px !important;
}

.foo-h-953 {
  height: 953px !important;
}

.foo-min-w-953 {
  min-width: 953px !important;
}

.foo-min-h-953 {
  min-height: 953px !important;
}

.foo-w-954 {
  width: 954px !important;
}

.foo-h-954 {
  height: 954px !important;
}

.foo-min-w-954 {
  min-width: 954px !important;
}

.foo-min-h-954 {
  min-height: 954px !important;
}

.foo-w-955 {
  width: 955px !important;
}

.foo-h-955 {
  height: 955px !important;
}

.foo-min-w-955 {
  min-width: 955px !important;
}

.foo-min-h-955 {
  min-height: 955px !important;
}

.foo-w-956 {
  width: 956px !important;
}

.foo-h-956 {
  height: 956px !important;
}

.foo-min-w-956 {
  min-width: 956px !important;
}

.foo-min-h-956 {
  min-height: 956px !important;
}

.foo-w-957 {
  width: 957px !important;
}

.foo-h-957 {
  height: 957px !important;
}

.foo-min-w-957 {
  min-width: 957px !important;
}

.foo-min-h-957 {
  min-height: 957px !important;
}

.foo-w-958 {
  width: 958px !important;
}

.foo-h-958 {
  height: 958px !important;
}

.foo-min-w-958 {
  min-width: 958px !important;
}

.foo-min-h-958 {
  min-height: 958px !important;
}

.foo-w-959 {
  width: 959px !important;
}

.foo-h-959 {
  height: 959px !important;
}

.foo-min-w-959 {
  min-width: 959px !important;
}

.foo-min-h-959 {
  min-height: 959px !important;
}

.foo-w-960 {
  width: 960px !important;
}

.foo-h-960 {
  height: 960px !important;
}

.foo-min-w-960 {
  min-width: 960px !important;
}

.foo-min-h-960 {
  min-height: 960px !important;
}

.foo-w-961 {
  width: 961px !important;
}

.foo-h-961 {
  height: 961px !important;
}

.foo-min-w-961 {
  min-width: 961px !important;
}

.foo-min-h-961 {
  min-height: 961px !important;
}

.foo-w-962 {
  width: 962px !important;
}

.foo-h-962 {
  height: 962px !important;
}

.foo-min-w-962 {
  min-width: 962px !important;
}

.foo-min-h-962 {
  min-height: 962px !important;
}

.foo-w-963 {
  width: 963px !important;
}

.foo-h-963 {
  height: 963px !important;
}

.foo-min-w-963 {
  min-width: 963px !important;
}

.foo-min-h-963 {
  min-height: 963px !important;
}

.foo-w-964 {
  width: 964px !important;
}

.foo-h-964 {
  height: 964px !important;
}

.foo-min-w-964 {
  min-width: 964px !important;
}

.foo-min-h-964 {
  min-height: 964px !important;
}

.foo-w-965 {
  width: 965px !important;
}

.foo-h-965 {
  height: 965px !important;
}

.foo-min-w-965 {
  min-width: 965px !important;
}

.foo-min-h-965 {
  min-height: 965px !important;
}

.foo-w-966 {
  width: 966px !important;
}

.foo-h-966 {
  height: 966px !important;
}

.foo-min-w-966 {
  min-width: 966px !important;
}

.foo-min-h-966 {
  min-height: 966px !important;
}

.foo-w-967 {
  width: 967px !important;
}

.foo-h-967 {
  height: 967px !important;
}

.foo-min-w-967 {
  min-width: 967px !important;
}

.foo-min-h-967 {
  min-height: 967px !important;
}

.foo-w-968 {
  width: 968px !important;
}

.foo-h-968 {
  height: 968px !important;
}

.foo-min-w-968 {
  min-width: 968px !important;
}

.foo-min-h-968 {
  min-height: 968px !important;
}

.foo-w-969 {
  width: 969px !important;
}

.foo-h-969 {
  height: 969px !important;
}

.foo-min-w-969 {
  min-width: 969px !important;
}

.foo-min-h-969 {
  min-height: 969px !important;
}

.foo-w-970 {
  width: 970px !important;
}

.foo-h-970 {
  height: 970px !important;
}

.foo-min-w-970 {
  min-width: 970px !important;
}

.foo-min-h-970 {
  min-height: 970px !important;
}

.foo-w-971 {
  width: 971px !important;
}

.foo-h-971 {
  height: 971px !important;
}

.foo-min-w-971 {
  min-width: 971px !important;
}

.foo-min-h-971 {
  min-height: 971px !important;
}

.foo-w-972 {
  width: 972px !important;
}

.foo-h-972 {
  height: 972px !important;
}

.foo-min-w-972 {
  min-width: 972px !important;
}

.foo-min-h-972 {
  min-height: 972px !important;
}

.foo-w-973 {
  width: 973px !important;
}

.foo-h-973 {
  height: 973px !important;
}

.foo-min-w-973 {
  min-width: 973px !important;
}

.foo-min-h-973 {
  min-height: 973px !important;
}

.foo-w-974 {
  width: 974px !important;
}

.foo-h-974 {
  height: 974px !important;
}

.foo-min-w-974 {
  min-width: 974px !important;
}

.foo-min-h-974 {
  min-height: 974px !important;
}

.foo-w-975 {
  width: 975px !important;
}

.foo-h-975 {
  height: 975px !important;
}

.foo-min-w-975 {
  min-width: 975px !important;
}

.foo-min-h-975 {
  min-height: 975px !important;
}

.foo-w-976 {
  width: 976px !important;
}

.foo-h-976 {
  height: 976px !important;
}

.foo-min-w-976 {
  min-width: 976px !important;
}

.foo-min-h-976 {
  min-height: 976px !important;
}

.foo-w-977 {
  width: 977px !important;
}

.foo-h-977 {
  height: 977px !important;
}

.foo-min-w-977 {
  min-width: 977px !important;
}

.foo-min-h-977 {
  min-height: 977px !important;
}

.foo-w-978 {
  width: 978px !important;
}

.foo-h-978 {
  height: 978px !important;
}

.foo-min-w-978 {
  min-width: 978px !important;
}

.foo-min-h-978 {
  min-height: 978px !important;
}

.foo-w-979 {
  width: 979px !important;
}

.foo-h-979 {
  height: 979px !important;
}

.foo-min-w-979 {
  min-width: 979px !important;
}

.foo-min-h-979 {
  min-height: 979px !important;
}

.foo-w-980 {
  width: 980px !important;
}

.foo-h-980 {
  height: 980px !important;
}

.foo-min-w-980 {
  min-width: 980px !important;
}

.foo-min-h-980 {
  min-height: 980px !important;
}

.foo-w-981 {
  width: 981px !important;
}

.foo-h-981 {
  height: 981px !important;
}

.foo-min-w-981 {
  min-width: 981px !important;
}

.foo-min-h-981 {
  min-height: 981px !important;
}

.foo-w-982 {
  width: 982px !important;
}

.foo-h-982 {
  height: 982px !important;
}

.foo-min-w-982 {
  min-width: 982px !important;
}

.foo-min-h-982 {
  min-height: 982px !important;
}

.foo-w-983 {
  width: 983px !important;
}

.foo-h-983 {
  height: 983px !important;
}

.foo-min-w-983 {
  min-width: 983px !important;
}

.foo-min-h-983 {
  min-height: 983px !important;
}

.foo-w-984 {
  width: 984px !important;
}

.foo-h-984 {
  height: 984px !important;
}

.foo-min-w-984 {
  min-width: 984px !important;
}

.foo-min-h-984 {
  min-height: 984px !important;
}

.foo-w-985 {
  width: 985px !important;
}

.foo-h-985 {
  height: 985px !important;
}

.foo-min-w-985 {
  min-width: 985px !important;
}

.foo-min-h-985 {
  min-height: 985px !important;
}

.foo-w-986 {
  width: 986px !important;
}

.foo-h-986 {
  height: 986px !important;
}

.foo-min-w-986 {
  min-width: 986px !important;
}

.foo-min-h-986 {
  min-height: 986px !important;
}

.foo-w-987 {
  width: 987px !important;
}

.foo-h-987 {
  height: 987px !important;
}

.foo-min-w-987 {
  min-width: 987px !important;
}

.foo-min-h-987 {
  min-height: 987px !important;
}

.foo-w-988 {
  width: 988px !important;
}

.foo-h-988 {
  height: 988px !important;
}

.foo-min-w-988 {
  min-width: 988px !important;
}

.foo-min-h-988 {
  min-height: 988px !important;
}

.foo-w-989 {
  width: 989px !important;
}

.foo-h-989 {
  height: 989px !important;
}

.foo-min-w-989 {
  min-width: 989px !important;
}

.foo-min-h-989 {
  min-height: 989px !important;
}

.foo-w-990 {
  width: 990px !important;
}

.foo-h-990 {
  height: 990px !important;
}

.foo-min-w-990 {
  min-width: 990px !important;
}

.foo-min-h-990 {
  min-height: 990px !important;
}

.foo-w-991 {
  width: 991px !important;
}

.foo-h-991 {
  height: 991px !important;
}

.foo-min-w-991 {
  min-width: 991px !important;
}

.foo-min-h-991 {
  min-height: 991px !important;
}

.foo-w-992 {
  width: 992px !important;
}

.foo-h-992 {
  height: 992px !important;
}

.foo-min-w-992 {
  min-width: 992px !important;
}

.foo-min-h-992 {
  min-height: 992px !important;
}

.foo-w-993 {
  width: 993px !important;
}

.foo-h-993 {
  height: 993px !important;
}

.foo-min-w-993 {
  min-width: 993px !important;
}

.foo-min-h-993 {
  min-height: 993px !important;
}

.foo-w-994 {
  width: 994px !important;
}

.foo-h-994 {
  height: 994px !important;
}

.foo-min-w-994 {
  min-width: 994px !important;
}

.foo-min-h-994 {
  min-height: 994px !important;
}

.foo-w-995 {
  width: 995px !important;
}

.foo-h-995 {
  height: 995px !important;
}

.foo-min-w-995 {
  min-width: 995px !important;
}

.foo-min-h-995 {
  min-height: 995px !important;
}

.foo-w-996 {
  width: 996px !important;
}

.foo-h-996 {
  height: 996px !important;
}

.foo-min-w-996 {
  min-width: 996px !important;
}

.foo-min-h-996 {
  min-height: 996px !important;
}

.foo-w-997 {
  width: 997px !important;
}

.foo-h-997 {
  height: 997px !important;
}

.foo-min-w-997 {
  min-width: 997px !important;
}

.foo-min-h-997 {
  min-height: 997px !important;
}

.foo-w-998 {
  width: 998px !important;
}

.foo-h-998 {
  height: 998px !important;
}

.foo-min-w-998 {
  min-width: 998px !important;
}

.foo-min-h-998 {
  min-height: 998px !important;
}

.foo-w-999 {
  width: 999px !important;
}

.foo-h-999 {
  height: 999px !important;
}

.foo-min-w-999 {
  min-width: 999px !important;
}

.foo-min-h-999 {
  min-height: 999px !important;
}

.foo-w-1000 {
  width: 1000px !important;
}

.foo-h-1000 {
  height: 1000px !important;
}

.foo-min-w-1000 {
  min-width: 1000px !important;
}

.foo-min-h-1000 {
  min-height: 1000px !important;
}

.foo-fs-8 {
  font-size: 8px !important;
}

.foo-fs-10 {
  font-size: 10px !important;
}

.foo-fs-12 {
  font-size: 12px !important;
}

.foo-fs-14 {
  font-size: 14px !important;
}

.foo-fs-16 {
  font-size: 16px !important;
}

.foo-fs-18 {
  font-size: 18px !important;
}

.foo-fs-20 {
  font-size: 20px !important;
}

.foo-fs-22 {
  font-size: 22px !important;
}

.foo-fs-24 {
  font-size: 24px !important;
}

.foo-fs-26 {
  font-size: 26px !important;
}

.foo-fs-28 {
  font-size: 28px !important;
}

.foo-fs-30 {
  font-size: 30px !important;
}

.foo-fs-32 {
  font-size: 32px !important;
}

.foo-fs-34 {
  font-size: 34px !important;
}

.foo-fs-36 {
  font-size: 36px !important;
}

.foo-fs-38 {
  font-size: 38px !important;
}

.foo-fs-40 {
  font-size: 40px !important;
}

.foo-fs-42 {
  font-size: 42px !important;
}

.foo-fs-44 {
  font-size: 44px !important;
}

.foo-fs-46 {
  font-size: 46px !important;
}

.foo-fs-48 {
  font-size: 48px !important;
}

.foo-fs-50 {
  font-size: 50px !important;
}

/*
 * @PACKAGE foo-icons
 *
 * TABLE OF CONTENT:
 * ----------------
 * 1. Main Icon Class
 * 2. Main Icon mixin Class (Called in the next point)
 * 3. Loop theme colors, check $foo-theme-colors in (_foo-colors-map.scss)
 * 4. Add Classes in the loop to set dynmic icons classes of theme colors
 * 5. How to use: class="foo-icon foo-{icon_name}-{key}"
 *
 *
 * Main Classes:
 * ----------------
 * .foo-icon
 * .foo-{icon_name}-{key}
 * .
 *
 * Icons Classes Example:
 * ---------------------
 * .foo-menu-primary
 * .foo-menu-secondary
 * .foo-search-primary
 * .foo-search-secondary
 * .
 * .
 * .
 */
/* * ------------------- *
 * * 1. Main Icon Class  *
 * *-------------------- *
 */
.foo-icon {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  mask-size: cover;
}
.foo-icon.foo-stack {
  width: 20px;
  height: 20px;
}
.foo-icon.foo-stack .foo-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.foo-icon.foo-icon-active {
  background-color: #ffffff;
}

.foo-circle {
  border: 1px solid transparent;
  border-radius: 50%;
}

.foo-square {
  border: 1px solid transparent;
  border-radius: 2px;
}

/* * ------------------------ * *
 * * 2. Main Icon mixin Class * *
 * * ------------------------ * */
/* * ------------------------------------------------------------------ * *
 * * 3. Loop theme colors check $foo-theme-colors in (_foo-colors-map.scss) * *
 * * ------------------------------------------------------------------ * */
/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/menu_white.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/pfm.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-search-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/search-btn.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-filter-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/filter.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-back-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/back.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/info.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/wallet.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-cards-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/cards.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/microfinance.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-device-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/device.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-close-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/close.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-close-default.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/message.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-add-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/add.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-edit-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/edit.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-delete-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/delete.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/calendar.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/eye-show.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/eye-hide.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/bookmark.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/bookmark-hide.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/empty-star.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/fill-star.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/half-star.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/arrow_right.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/arrow_right.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/arrow_right.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/arrow_down.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-language-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/Language.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/settings.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/unlock.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-download-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/download.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/download-cloud.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/download_icon_blue.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/financial_requests.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/info_icon.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-customize-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/customize.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-info.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/people.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-organization-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/organization.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-android-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/android.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/iphone.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/Secret-Key.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-copy-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/copy.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/accept.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/reject.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/more.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-check-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/check.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-logout-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/logout-white.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/play.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/time.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-upload-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/upload.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/arrow-rotate.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/arrow-rotate.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-circle-default {
  background: var(--foo-default-color);
  border: 1px solid var(--foo-default-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/visa-icon.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/mastercard-icon.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/branch.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/chart-nodata.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/qr_code.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/qr_code_empty.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-resend-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/resend.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/user-frame.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/file-outlined.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/check-badge.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/document-invalid.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/document-valid.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-dash-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/dash.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-ban-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/Block-Unblock.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/user-xmark.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/building.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-task-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/task.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-market-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/market.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-alert-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/alerts.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/sliders-h.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/rejected.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/home.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/accounts.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-atms-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/atms.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-team-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/team.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/approvals.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/organizations.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/workflow.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-vip-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/vip.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-doc-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/file_blue.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-primary.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-primary {
  background: var(--foo-primary-color);
  border: 1px solid var(--foo-primary-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-secondary.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-secondary {
  background: var(--foo-secondary-color);
  border: 1px solid var(--foo-secondary-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-third.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-third {
  background: var(--foo-third-color);
  border: 1px solid var(--foo-third-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-success.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-success {
  background: var(--foo-success-color);
  border: 1px solid var(--foo-success-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-info.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-info {
  background: var(--foo-info-color);
  border: 1px solid var(--foo-info-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-warning.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-warning {
  background: var(--foo-warning-color);
  border: 1px solid var(--foo-warning-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-danger.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-danger {
  background: var(--foo-danger-color);
  border: 1px solid var(--foo-danger-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-light.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-light {
  background: var(--foo-light-color);
  border: 1px solid var(--foo-light-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-dark.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-dark {
  background: var(--foo-dark-color);
  border: 1px solid var(--foo-dark-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-white.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-white {
  background: var(--foo-white-color);
  border: 1px solid var(--foo-white-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-btn-shadow.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-btn-shadow {
  background: var(--foo-btn-shadow-color);
  border: 1px solid var(--foo-btn-shadow-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-btn-outline-shadow.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-btn-outline-shadow {
  background: var(--foo-btn-outline-shadow-color);
  border: 1px solid var(--foo-btn-outline-shadow-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-left-menu-primary.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-left-menu-primary {
  background: var(--foo-left-menu-primary-color);
  border: 1px solid var(--foo-left-menu-primary-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-left-menu-secondary.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-left-menu-secondary {
  background: var(--foo-left-menu-secondary-color);
  border: 1px solid var(--foo-left-menu-secondary-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-left-menu-active.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-left-menu-active {
  background: var(--foo-left-menu-active-color);
  border: 1px solid var(--foo-left-menu-active-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-sub-left-menu-primary.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-sub-left-menu-primary {
  background: var(--foo-sub-left-menu-primary-color);
  border: 1px solid var(--foo-sub-left-menu-primary-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-sub-left-menu-secondary.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-sub-left-menu-secondary {
  background: var(--foo-sub-left-menu-secondary-color);
  border: 1px solid var(--foo-sub-left-menu-secondary-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-sub-left-menu-active.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-sub-left-menu-active {
  background: var(--foo-sub-left-menu-active-color);
  border: 1px solid var(--foo-sub-left-menu-active-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-sub-left-menu-hover.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-sub-left-menu-hover {
  background: var(--foo-sub-left-menu-hover-color);
  border: 1px solid var(--foo-sub-left-menu-hover-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-tab-active.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-tab-active {
  background: var(--foo-tab-active-color);
  border: 1px solid var(--foo-tab-active-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-list-row-hover.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-list-row-hover {
  background: var(--foo-list-row-hover-color);
  border: 1px solid var(--foo-list-row-hover-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-item-tag-hover.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-item-tag-hover {
  background: var(--foo-item-tag-hover-color);
  border: 1px solid var(--foo-item-tag-hover-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-shimmer.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-shimmer {
  background: var(--foo-shimmer-color);
  border: 1px solid var(--foo-shimmer-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-shimmer-secondary.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-shimmer-secondary {
  background: var(--foo-shimmer-secondary-color);
  border: 1px solid var(--foo-shimmer-secondary-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-shimmer-light.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-shimmer-light {
  background: var(--foo-shimmer-light-color);
  border: 1px solid var(--foo-shimmer-light-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-shimmer-none.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-shimmer-none {
  background: var(--foo-shimmer-none-color);
  border: 1px solid var(--foo-shimmer-none-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-border.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-border {
  background: var(--foo-border-color);
  border: 1px solid var(--foo-border-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-tags.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-tags {
  background: var(--foo-tags-color);
  border: 1px solid var(--foo-tags-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-dialog-overlay.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-dialog-overlay {
  background: var(--foo-dialog-overlay-color);
  border: 1px solid var(--foo-dialog-overlay-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-loader.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-loader {
  background: var(--foo-loader-color);
  border: 1px solid var(--foo-loader-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-readonly.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-readonly {
  background: var(--foo-readonly-color);
  border: 1px solid var(--foo-readonly-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-container-border.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-container-border {
  background: var(--foo-container-border-color);
  border: 1px solid var(--foo-container-border-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-container-shadow.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-container-shadow {
  background: var(--foo-container-shadow-color);
  border: 1px solid var(--foo-container-shadow-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-box-border.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-box-border {
  background: var(--foo-box-border-color);
  border: 1px solid var(--foo-box-border-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-box-shadow.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-box-shadow {
  background: var(--foo-box-shadow-color);
  border: 1px solid var(--foo-box-shadow-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-scrollbar.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-scrollbar {
  background: var(--foo-scrollbar-color);
  border: 1px solid var(--foo-scrollbar-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}

/* * ---------------------------------------------------------------------------- * *
 * * 4. Add Icons Classes in the loop to set icons dynmic classes of theme colors * *
 * * ---------------------------------------------------------------------------- * */
.foo-icon.foo-menu-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/menu_white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/menu_white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 26px;
  height: 26px;
}
.foo-icon.foo-pfm-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/pfm.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/pfm.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-search-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/search-btn.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/search-btn.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-filter-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/filter.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/filter.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-back-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/back.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/back.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 29px;
  height: 28px;
}
.foo-icon.foo-info-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-wallet-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/wallet.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/wallet.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-cards-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/cards.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/cards.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-microfinance-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/microfinance.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/microfinance.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-device-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/device.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/device.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/close.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/close.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-close-scrollbar-track.filter-close-button {
  position: absolute !important;
}
.foo-icon.foo-message-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/message.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/message.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-add-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/add.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/add.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-edit-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/edit.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/edit.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-delete-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/delete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/delete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-calendar-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/calendar.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/calendar.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-show-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-show.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-show.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eye-hide-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/eye-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/eye-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-bookmark-hide-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/bookmark-hide.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/bookmark-hide.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-empty-star-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/empty-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/empty-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-fill-star-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/fill-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/fill-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-half-star-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/half-star.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/half-star.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-left-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  transform: rotate(180deg);
}
.foo-icon.foo-arrow-right-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-up-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_right.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_right.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  transform: rotate(-90deg);
}
.foo-icon.foo-arrow-down-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow_down.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow_down.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-language-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Language.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Language.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 100%;
  height: 100%;
}
.foo-icon.foo-settings-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/settings.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/settings.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-unlock-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/unlock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/unlock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-download-cloud-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download-cloud.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download-cloud.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 15px;
  height: 15px;
}
.foo-icon.foo-download-cloud-arrow-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/download_icon_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/download_icon_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-request-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/financial_requests.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/financial_requests.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-financial-info-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/info_icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/info_icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-customize-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/customize.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/customize.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-form-info-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-info.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-info.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  height: 12px;
  width: 12px;
  mask-size: contain;
  mask-position: center;
}
.foo-icon.foo-people-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/people.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/people.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organization-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organization.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organization.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-android-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/android.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/android.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-iphone-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/iphone.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/iphone.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 21px;
}
.foo-icon.foo-secret-key-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Secret-Key.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Secret-Key.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-copy-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/copy.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/copy.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 25px;
}
.foo-icon.foo-accept-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accept.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accept.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-reject-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/reject.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/reject.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 16px;
  height: 16px;
}
.foo-icon.foo-more-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/more.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/more.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-logout-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/logout-white.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/logout-white.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 22px;
}
.foo-icon.foo-play-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/play.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/play.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 12px;
}
.foo-icon.foo-time-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/time.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/time.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-upload-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/upload.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/upload.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-arrow-rotate-left-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  transform: scaleX(-1);
}
.foo-icon.foo-arrow-rotate-right-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/arrow-rotate.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/arrow-rotate.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-scrollbar-track {
  background: var(--foo-scrollbar-track-color);
  border: 1px solid var(--foo-scrollbar-track-color);
  border-radius: 50%;
  width: 12px;
  height: 12px;
}
.foo-icon.foo-visa-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/visa-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/visa-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 50px;
  height: 16px;
}
.foo-icon.foo-mastercard-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/mastercard-icon.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/mastercard-icon.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 42px;
  height: 33px;
}
.foo-icon.foo-branch-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/branch.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/branch.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-chart-nodata-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/chart-nodata.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/chart-nodata.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 184px;
  height: 129px;
}
.foo-icon.foo-qr-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-qr-empty-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/qr_code_empty.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/qr_code_empty.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-resend-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/resend.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/resend.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-frame-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-frame.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-frame.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-outlined-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file-outlined.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file-outlined.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-check-badge-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/check-badge.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/check-badge.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-invalid-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-invalid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-invalid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-document-valid-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/document-valid.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/document-valid.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dash-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/dash.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/dash.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-ban-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/Block-Unblock.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/Block-Unblock.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-user-xmark-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/user-xmark.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/user-xmark.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
  width: 25px;
  height: 24px;
}
.foo-icon.foo-building-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/building.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/building.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-task-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/task.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/task.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-market-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/market.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/market.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-alert-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/alerts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/alerts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sliders-h-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/sliders-h.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/sliders-h.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-circle-xmark-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/rejected.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/rejected.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-dashboard-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/home.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/home.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-accounts-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/accounts.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/accounts.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-atms-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/atms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/atms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-team-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/team.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/team.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-approvals-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/approvals.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/approvals.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-organizations-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/organizations.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/organizations.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-workflow-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/workflow.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/workflow.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-vip-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/vip.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/vip.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-doc-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/file_blue.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/file_blue.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}

.foo-icon-form-info-box {
  border-radius: 50% !important;
  box-shadow: 0px 6px 19px rgba(46, 196, 133, 0.2);
}

.foo-success-pass-check {
  background: url("/assets/img/step-approved.svg") center no-repeat;
  background-size: cover !important;
  width: 15px;
  height: 15px;
}

.foo-failed-pass-check {
  background: url("/assets/img/rejected.svg") center no-repeat;
  background-size: cover !important;
  width: 15px;
  height: 15px;
}

.foo-icon.foo-autocomplete-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/autocomplete.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/checkbox-group.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-date-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/date.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-file-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/file.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/hidden.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/radio-group.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/repeat-group.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/rich-text.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-select-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/select.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-text-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/text.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/textarea.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-number-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/number.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-button-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/button.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-header-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/header.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/paragraph.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/paragraph.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/form-builder/recurrent-forms.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-autocomplete-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/autocomplete.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/autocomplete.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-checkbox-group-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/checkbox-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-date-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/date.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/date.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-file-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/file.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/file.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-hidden-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/hidden.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/hidden.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-radio-group-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/radio-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/radio-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-repeat-group-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/repeat-group.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/repeat-group.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-rich-text-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/rich-text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/rich-text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-select-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/select.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/select.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-text-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/text.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/text.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-textarea-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/textarea.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/textarea.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-number-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/number.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/number.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-button-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/button.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/button.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-header-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/header.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/header.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-paragraph-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/paragraph.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/paragraph.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-recurrent-forms-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/form-builder/recurrent-forms.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}

.foo-icon.foo-btc-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/hot-wallet/btc.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-btc-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/hot-wallet/btc.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-eth-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/hot-wallet/eth.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/hot-wallet/usdc.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/hot-wallet/xrp.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-sva-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/hot-wallet/sva.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}
.foo-icon.foo-btc-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-third {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-third-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-success {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-success-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-info {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-info-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-warning {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-warning-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-danger {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-danger-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-dark {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dark-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-white {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-white-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-btn-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-btn-outline-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-btn-outline-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-sub-left-menu-primary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-primary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-sub-left-menu-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-sub-left-menu-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-sub-left-menu-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-sub-left-menu-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-tab-active {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tab-active-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-list-row-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-list-row-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-item-tag-hover {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-item-tag-hover-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-shimmer {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-shimmer-secondary {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-secondary-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-shimmer-light {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-light-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-shimmer-none {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-shimmer-none-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-tags {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-tags-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-dialog-overlay {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-dialog-overlay-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-loader {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-loader-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-readonly {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-readonly-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-container-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-container-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-container-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-box-border {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-border-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-box-shadow {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-box-shadow-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-scrollbar {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-btc-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/btc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/btc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-eth-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/eth.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/eth.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-usdc-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/usdc.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/usdc.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-xrp-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/xrp.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/xrp.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}
.foo-icon.foo-sva-scrollbar-track {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  -webkit-mask-image: url(/assets/img/hot-wallet/sva.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 100% 100%;
  -webkit-mask-size: cover;
  mask-image: url(/assets/img/hot-wallet/sva.svg);
  mask-repeat: no-repeat;
  mask-position: 100% 100%;
  mask-size: cover;
  background: var(--foo-scrollbar-track-color) !important;
  filter: unset !important;
}

/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #02B2DA;
  --bs-secondary: #011936;
  --bs-success: #57CA99;
  --bs-info: #02B2DA;
  --bs-warning: #FFB800;
  --bs-danger: #FF0000;
  --bs-light: #AFB7C5;
  --bs-dark: #011936;
  --bs-primary-rgb: 2, 178, 218;
  --bs-secondary-rgb: 1, 25, 54;
  --bs-success-rgb: 87, 202, 153;
  --bs-info-rgb: 2, 178, 218;
  --bs-warning-rgb: 255, 184, 0;
  --bs-danger-rgb: 255, 0, 0;
  --bs-light-rgb: 175, 183, 197;
  --bs-dark-rgb: 1, 25, 54;
  --bs-primary-text-emphasis: #014757;
  --bs-secondary-text-emphasis: #000a16;
  --bs-success-text-emphasis: #23513d;
  --bs-info-text-emphasis: #014757;
  --bs-warning-text-emphasis: #664a00;
  --bs-danger-text-emphasis: #660000;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #ccf0f8;
  --bs-secondary-bg-subtle: #ccd1d7;
  --bs-success-bg-subtle: #ddf4eb;
  --bs-info-bg-subtle: #ccf0f8;
  --bs-warning-bg-subtle: #fff1cc;
  --bs-danger-bg-subtle: #ffcccc;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ae0f0;
  --bs-secondary-border-subtle: #99a3af;
  --bs-success-border-subtle: #bcead6;
  --bs-info-border-subtle: #9ae0f0;
  --bs-warning-border-subtle: #ffe399;
  --bs-danger-border-subtle: #ff9999;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #02B2DA;
  --bs-link-color-rgb: 2, 178, 218;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #028eae;
  --bs-link-hover-color-rgb: 2, 142, 174;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #F5F6F8;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(2, 178, 218, 0.25);
  --bs-form-valid-color: #57CA99;
  --bs-form-valid-border-color: #57CA99;
  --bs-form-invalid-color: #FF0000;
  --bs-form-invalid-border-color: #FF0000;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-primary-text-emphasis: #67d1e9;
  --bs-secondary-text-emphasis: #677586;
  --bs-success-text-emphasis: #9adfc2;
  --bs-info-text-emphasis: #67d1e9;
  --bs-warning-text-emphasis: #ffd466;
  --bs-danger-text-emphasis: #ff6666;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #00242c;
  --bs-secondary-bg-subtle: #00050b;
  --bs-success-bg-subtle: #11281f;
  --bs-info-bg-subtle: #00242c;
  --bs-warning-bg-subtle: #332500;
  --bs-danger-bg-subtle: #330000;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #016b83;
  --bs-secondary-border-subtle: #010f20;
  --bs-success-border-subtle: #34795c;
  --bs-info-border-subtle: #016b83;
  --bs-warning-border-subtle: #996e00;
  --bs-danger-border-subtle: #990000;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #67d1e9;
  --bs-link-hover-color: #85daed;
  --bs-link-color-rgb: 103, 209, 233;
  --bs-link-hover-color-rgb: 133, 218, 237;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-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(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-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(--bs-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 {
  padding-left: 2rem;
}

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;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-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(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-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(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-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(--bs-secondary-color);
  text-align: left;
}

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 {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@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;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[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 {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 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: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-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(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-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%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-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%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-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%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-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%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-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%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-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%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-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(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-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) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #ccf0f8;
  --bs-table-border-color: #a3c0c6;
  --bs-table-striped-bg: #c2e4ec;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b8d8df;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bddee5;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #ccd1d7;
  --bs-table-border-color: #a3a7ac;
  --bs-table-striped-bg: #c2c7cc;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b8bcc2;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bdc1c7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #ddf4eb;
  --bs-table-border-color: #b1c3bc;
  --bs-table-striped-bg: #d2e8df;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #c7dcd4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #cce2d9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #ccf0f8;
  --bs-table-border-color: #a3c0c6;
  --bs-table-striped-bg: #c2e4ec;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #b8d8df;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bddee5;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff1cc;
  --bs-table-border-color: #ccc1a3;
  --bs-table-striped-bg: #f2e5c2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6d9b8;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ecdfbd;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #ffcccc;
  --bs-table-border-color: #cca3a3;
  --bs-table-striped-bg: #f2c2c2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6b8b8;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ecbdbd;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #AFB7C5;
  --bs-table-border-color: #8c929e;
  --bs-table-striped-bg: #a6aebb;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #9ea5b1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #a2a9b6;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #011936;
  --bs-table-border-color: #34475e;
  --bs-table-striped-bg: #0e2540;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #1a304a;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #142a45;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-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(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-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(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 10px;
  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(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #81d9ed;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(2, 178, 218, 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(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-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(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-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(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-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(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-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(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-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: 40px;
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: 40px;
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 10px;
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: 10px;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 10px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #81d9ed;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(2, 178, 218, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' 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;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  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: #81d9ed;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(2, 178, 218, 0.25);
}
.form-check-input:checked {
  background-color: #02B2DA;
  border-color: #02B2DA;
}
.form-check-input:checked[type=checkbox] {
  --bs-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='%23fff' 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] {
  --bs-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='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #02B2DA;
  border-color: #02B2DA;
  --bs-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='%23fff' 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-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-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%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-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='%2381d9ed'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-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='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 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-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-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(2, 178, 218, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(2, 178, 218, 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: #02B2DA;
  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: #b3e8f4;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #02B2DA;
  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: #b3e8f4;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-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(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@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;
  padding-left: 0.75rem;
}
.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(--bs-body-bg);
  border-radius: 10px;
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}

.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(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: 10px;
}

.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(--bs-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(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-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(--bs-success);
  border-radius: var(--bs-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(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2357CA99' 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-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-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"] {
  --bs-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='%2357CA99' 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");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-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(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-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(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 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(--bs-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(--bs-danger);
  border-radius: var(--bs-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(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  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='%23FF0000'%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='%23FF0000' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-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"] {
  --bs-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='%23FF0000'%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='%23FF0000' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-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(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-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(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 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 {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-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(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-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(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #02B2DA;
  --bs-btn-border-color: #02B2DA;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #28bee0;
  --bs-btn-hover-border-color: #1bbade;
  --bs-btn-focus-shadow-rgb: 2, 151, 185;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #35c1e1;
  --bs-btn-active-border-color: #1bbade;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #02B2DA;
  --bs-btn-disabled-border-color: #02B2DA;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #011936;
  --bs-btn-border-color: #011936;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #01152e;
  --bs-btn-hover-border-color: #01142b;
  --bs-btn-focus-shadow-rgb: 39, 60, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #01142b;
  --bs-btn-active-border-color: #011329;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #011936;
  --bs-btn-disabled-border-color: #011936;
}

.btn-success {
  --bs-btn-color: #000;
  --bs-btn-bg: #57CA99;
  --bs-btn-border-color: #57CA99;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #70d2a8;
  --bs-btn-hover-border-color: #68cfa3;
  --bs-btn-focus-shadow-rgb: 74, 172, 130;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #79d5ad;
  --bs-btn-active-border-color: #68cfa3;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #57CA99;
  --bs-btn-disabled-border-color: #57CA99;
}

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #02B2DA;
  --bs-btn-border-color: #02B2DA;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #28bee0;
  --bs-btn-hover-border-color: #1bbade;
  --bs-btn-focus-shadow-rgb: 2, 151, 185;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #35c1e1;
  --bs-btn-active-border-color: #1bbade;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #02B2DA;
  --bs-btn-disabled-border-color: #02B2DA;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #FFB800;
  --bs-btn-border-color: #FFB800;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc326;
  --bs-btn-hover-border-color: #ffbf1a;
  --bs-btn-focus-shadow-rgb: 217, 156, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc633;
  --bs-btn-active-border-color: #ffbf1a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FFB800;
  --bs-btn-disabled-border-color: #FFB800;
}

.btn-danger {
  --bs-btn-color: #000;
  --bs-btn-bg: #FF0000;
  --bs-btn-border-color: #FF0000;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ff2626;
  --bs-btn-hover-border-color: #ff1a1a;
  --bs-btn-focus-shadow-rgb: 217, 0, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ff3333;
  --bs-btn-active-border-color: #ff1a1a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FF0000;
  --bs-btn-disabled-border-color: #FF0000;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #AFB7C5;
  --bs-btn-border-color: #AFB7C5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #959ca7;
  --bs-btn-hover-border-color: #8c929e;
  --bs-btn-focus-shadow-rgb: 149, 156, 167;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #8c929e;
  --bs-btn-active-border-color: #838994;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #AFB7C5;
  --bs-btn-disabled-border-color: #AFB7C5;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #011936;
  --bs-btn-border-color: #011936;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #273c54;
  --bs-btn-hover-border-color: #1a304a;
  --bs-btn-focus-shadow-rgb: 39, 60, 84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #34475e;
  --bs-btn-active-border-color: #1a304a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #011936;
  --bs-btn-disabled-border-color: #011936;
}

.btn-outline-primary {
  --bs-btn-color: #02B2DA;
  --bs-btn-border-color: #02B2DA;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #02B2DA;
  --bs-btn-hover-border-color: #02B2DA;
  --bs-btn-focus-shadow-rgb: 2, 178, 218;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #02B2DA;
  --bs-btn-active-border-color: #02B2DA;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #02B2DA;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #02B2DA;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #011936;
  --bs-btn-border-color: #011936;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #011936;
  --bs-btn-hover-border-color: #011936;
  --bs-btn-focus-shadow-rgb: 1, 25, 54;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #011936;
  --bs-btn-active-border-color: #011936;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #011936;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #011936;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #57CA99;
  --bs-btn-border-color: #57CA99;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #57CA99;
  --bs-btn-hover-border-color: #57CA99;
  --bs-btn-focus-shadow-rgb: 87, 202, 153;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #57CA99;
  --bs-btn-active-border-color: #57CA99;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #57CA99;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #57CA99;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #02B2DA;
  --bs-btn-border-color: #02B2DA;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #02B2DA;
  --bs-btn-hover-border-color: #02B2DA;
  --bs-btn-focus-shadow-rgb: 2, 178, 218;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #02B2DA;
  --bs-btn-active-border-color: #02B2DA;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #02B2DA;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #02B2DA;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #FFB800;
  --bs-btn-border-color: #FFB800;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #FFB800;
  --bs-btn-hover-border-color: #FFB800;
  --bs-btn-focus-shadow-rgb: 255, 184, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FFB800;
  --bs-btn-active-border-color: #FFB800;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFB800;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FFB800;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #FF0000;
  --bs-btn-border-color: #FF0000;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #FF0000;
  --bs-btn-hover-border-color: #FF0000;
  --bs-btn-focus-shadow-rgb: 255, 0, 0;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FF0000;
  --bs-btn-active-border-color: #FF0000;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FF0000;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FF0000;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #AFB7C5;
  --bs-btn-border-color: #AFB7C5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #AFB7C5;
  --bs-btn-hover-border-color: #AFB7C5;
  --bs-btn-focus-shadow-rgb: 175, 183, 197;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #AFB7C5;
  --bs-btn-active-border-color: #AFB7C5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #AFB7C5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #AFB7C5;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #011936;
  --bs-btn-border-color: #011936;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #011936;
  --bs-btn-hover-border-color: #011936;
  --bs-btn-focus-shadow-rgb: 1, 25, 54;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #011936;
  --bs-btn-active-border-color: #011936;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #011936;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #011936;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 2, 151, 185;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.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;
  margin-left: 0.255em;
  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;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #02B2DA;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  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;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  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;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #02B2DA;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.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(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 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(-1 * var(--bs-border-width));
}
.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 {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-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(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(2, 178, 218, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #02B2DA;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-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(--bs-nav-underline-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-grow: 1;
  flex-basis: 0;
  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 {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: var(--foo-left-menu-secondary-color);
  --bs-navbar-hover-color: var(--foo-left-menu-active-color);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-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%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-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(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.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(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-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(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-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(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-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(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-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(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-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(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-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(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-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(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-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-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-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-bs-theme=dark] .navbar-toggler-icon {
  --bs-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 {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-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(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-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(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-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;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-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;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-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 {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-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;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-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='%23014757' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(2, 178, 218, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@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(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-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-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2367d1e9'%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");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2367d1e9'%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 {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(2, 178, 218, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #02B2DA;
  --bs-pagination-active-border-color: #02B2DA;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-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(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #02B2DA;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-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(--bs-progress-height) var(--bs-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;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #02B2DA;
  --bs-list-group-active-border-color: #02B2DA;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.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 {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-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(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-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(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-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(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-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(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-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(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-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(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-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(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-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(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%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");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(2, 178, 218, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}

[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-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(--bs-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(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-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 {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  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(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-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(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-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(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-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(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-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(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  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(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-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(--bs-popover-arrow-height)) - var(--bs-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(--bs-popover-arrow-height) calc(var(--bs-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(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-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(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-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(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-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(--bs-popover-arrow-width) * 0.5) var(--bs-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(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-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(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-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(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-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(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-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;
  filter: var(--bs-carousel-control-icon-filter);
  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%;
}

.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") /*rtl: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-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") /*rtl: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-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-bs-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: var(--bs-carousel-indicator-active-bg);
  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-bs-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: var(--bs-carousel-caption-color);
  text-align: center;
}

.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}

[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-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;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-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(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-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;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-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(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-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;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-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(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-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;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-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(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-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;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-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(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.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: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-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, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #000 !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #000 !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #000 !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(53, 193, 225, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(53, 193, 225, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(1, 20, 43, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(1, 20, 43, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(121, 213, 173, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(121, 213, 173, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(53, 193, 225, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(53, 193, 225, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 198, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 198, 51, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(255, 51, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 51, 51, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(191, 197, 209, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(191, 197, 209, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(1, 20, 43, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(1, 20, 43, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-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(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-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;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !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(--bs-border-width);
  min-height: 1em;
  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;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.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(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-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;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !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-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-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;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: 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;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: 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;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 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;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 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(--bs-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;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.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 */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-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 {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-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(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-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(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-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(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-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(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-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(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-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) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .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;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: 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;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: 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;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 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;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 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;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .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;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: 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;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: 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;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 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;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 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;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .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;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: 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;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: 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;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 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;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 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;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .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;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: 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;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: 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;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 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;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 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;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .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;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: 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;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: 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;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 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;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 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;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .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;
  }
}
.page-body.direction-ltr .mt-0, .page-body.direction-rtl .mt-0 {
  margin-top: 0rem !important;
}
.page-body.direction-ltr .mb-0, .page-body.direction-rtl .mb-0 {
  margin-bottom: 0rem !important;
}
.page-body.direction-ltr .pt-0, .page-body.direction-rtl .pt-0 {
  padding-top: 0rem !important;
}
.page-body.direction-ltr .pb-0, .page-body.direction-rtl .pb-0 {
  padding-bottom: 0rem !important;
}
.page-body.direction-ltr .mr-0 {
  margin-right: 0rem !important;
}
.page-body.direction-ltr .ml-0 {
  margin-left: 0rem !important;
}
.page-body.direction-ltr .pr-0 {
  padding-right: 0rem !important;
}
.page-body.direction-ltr .pl-0 {
  padding-left: 0rem !important;
}
.page-body.direction-rtl .mr-0 {
  margin-left: 0rem !important;
}
.page-body.direction-rtl .ml-0 {
  margin-right: 0rem !important;
}
.page-body.direction-rtl .pr-0 {
  padding-left: 0rem !important;
}
.page-body.direction-rtl .pl-0 {
  padding-right: 0rem !important;
}
.page-body.direction-ltr .mt-1, .page-body.direction-rtl .mt-1 {
  margin-top: 0.25rem !important;
}
.page-body.direction-ltr .mb-1, .page-body.direction-rtl .mb-1 {
  margin-bottom: 0.25rem !important;
}
.page-body.direction-ltr .pt-1, .page-body.direction-rtl .pt-1 {
  padding-top: 0.25rem !important;
}
.page-body.direction-ltr .pb-1, .page-body.direction-rtl .pb-1 {
  padding-bottom: 0.25rem !important;
}
.page-body.direction-ltr .mr-1 {
  margin-right: 0.25rem !important;
}
.page-body.direction-ltr .ml-1 {
  margin-left: 0.25rem !important;
}
.page-body.direction-ltr .pr-1 {
  padding-right: 0.25rem !important;
}
.page-body.direction-ltr .pl-1 {
  padding-left: 0.25rem !important;
}
.page-body.direction-rtl .mr-1 {
  margin-left: 0.25rem !important;
}
.page-body.direction-rtl .ml-1 {
  margin-right: 0.25rem !important;
}
.page-body.direction-rtl .pr-1 {
  padding-left: 0.25rem !important;
}
.page-body.direction-rtl .pl-1 {
  padding-right: 0.25rem !important;
}
.page-body.direction-ltr .mt-2, .page-body.direction-rtl .mt-2 {
  margin-top: 0.5rem !important;
}
.page-body.direction-ltr .mb-2, .page-body.direction-rtl .mb-2 {
  margin-bottom: 0.5rem !important;
}
.page-body.direction-ltr .pt-2, .page-body.direction-rtl .pt-2 {
  padding-top: 0.5rem !important;
}
.page-body.direction-ltr .pb-2, .page-body.direction-rtl .pb-2 {
  padding-bottom: 0.5rem !important;
}
.page-body.direction-ltr .mr-2 {
  margin-right: 0.5rem !important;
}
.page-body.direction-ltr .ml-2 {
  margin-left: 0.5rem !important;
}
.page-body.direction-ltr .pr-2 {
  padding-right: 0.5rem !important;
}
.page-body.direction-ltr .pl-2 {
  padding-left: 0.5rem !important;
}
.page-body.direction-rtl .mr-2 {
  margin-left: 0.5rem !important;
}
.page-body.direction-rtl .ml-2 {
  margin-right: 0.5rem !important;
}
.page-body.direction-rtl .pr-2 {
  padding-left: 0.5rem !important;
}
.page-body.direction-rtl .pl-2 {
  padding-right: 0.5rem !important;
}
.page-body.direction-ltr .mt-3, .page-body.direction-rtl .mt-3 {
  margin-top: 1rem !important;
}
.page-body.direction-ltr .mb-3, .page-body.direction-rtl .mb-3 {
  margin-bottom: 1rem !important;
}
.page-body.direction-ltr .pt-3, .page-body.direction-rtl .pt-3 {
  padding-top: 1rem !important;
}
.page-body.direction-ltr .pb-3, .page-body.direction-rtl .pb-3 {
  padding-bottom: 1rem !important;
}
.page-body.direction-ltr .mr-3 {
  margin-right: 1rem !important;
}
.page-body.direction-ltr .ml-3 {
  margin-left: 1rem !important;
}
.page-body.direction-ltr .pr-3 {
  padding-right: 1rem !important;
}
.page-body.direction-ltr .pl-3 {
  padding-left: 1rem !important;
}
.page-body.direction-rtl .mr-3 {
  margin-left: 1rem !important;
}
.page-body.direction-rtl .ml-3 {
  margin-right: 1rem !important;
}
.page-body.direction-rtl .pr-3 {
  padding-left: 1rem !important;
}
.page-body.direction-rtl .pl-3 {
  padding-right: 1rem !important;
}
.page-body.direction-ltr .mt-4, .page-body.direction-rtl .mt-4 {
  margin-top: 1.5rem !important;
}
.page-body.direction-ltr .mb-4, .page-body.direction-rtl .mb-4 {
  margin-bottom: 1.5rem !important;
}
.page-body.direction-ltr .pt-4, .page-body.direction-rtl .pt-4 {
  padding-top: 1.5rem !important;
}
.page-body.direction-ltr .pb-4, .page-body.direction-rtl .pb-4 {
  padding-bottom: 1.5rem !important;
}
.page-body.direction-ltr .mr-4 {
  margin-right: 1.5rem !important;
}
.page-body.direction-ltr .ml-4 {
  margin-left: 1.5rem !important;
}
.page-body.direction-ltr .pr-4 {
  padding-right: 1.5rem !important;
}
.page-body.direction-ltr .pl-4 {
  padding-left: 1.5rem !important;
}
.page-body.direction-rtl .mr-4 {
  margin-left: 1.5rem !important;
}
.page-body.direction-rtl .ml-4 {
  margin-right: 1.5rem !important;
}
.page-body.direction-rtl .pr-4 {
  padding-left: 1.5rem !important;
}
.page-body.direction-rtl .pl-4 {
  padding-right: 1.5rem !important;
}
.page-body.direction-ltr .mt-5, .page-body.direction-rtl .mt-5 {
  margin-top: 3rem !important;
}
.page-body.direction-ltr .mb-5, .page-body.direction-rtl .mb-5 {
  margin-bottom: 3rem !important;
}
.page-body.direction-ltr .pt-5, .page-body.direction-rtl .pt-5 {
  padding-top: 3rem !important;
}
.page-body.direction-ltr .pb-5, .page-body.direction-rtl .pb-5 {
  padding-bottom: 3rem !important;
}
.page-body.direction-ltr .mr-5 {
  margin-right: 3rem !important;
}
.page-body.direction-ltr .ml-5 {
  margin-left: 3rem !important;
}
.page-body.direction-ltr .pr-5 {
  padding-right: 3rem !important;
}
.page-body.direction-ltr .pl-5 {
  padding-left: 3rem !important;
}
.page-body.direction-rtl .mr-5 {
  margin-left: 3rem !important;
}
.page-body.direction-rtl .ml-5 {
  margin-right: 3rem !important;
}
.page-body.direction-rtl .pr-5 {
  padding-left: 3rem !important;
}
.page-body.direction-rtl .pl-5 {
  padding-right: 3rem !important;
}
.page-body.direction-ltr .mt-auto, .page-body.direction-rtl .mt-auto {
  margin-top: auto !important;
}
.page-body.direction-ltr .mb-auto, .page-body.direction-rtl .mb-auto {
  margin-bottom: auto !important;
}
.page-body.direction-ltr .pt-auto, .page-body.direction-rtl .pt-auto {
  padding-top: auto !important;
}
.page-body.direction-ltr .pb-auto, .page-body.direction-rtl .pb-auto {
  padding-bottom: auto !important;
}
.page-body.direction-ltr .mr-auto {
  margin-right: auto !important;
}
.page-body.direction-ltr .ml-auto {
  margin-left: auto !important;
}
.page-body.direction-ltr .pr-auto {
  padding-right: auto !important;
}
.page-body.direction-ltr .pl-auto {
  padding-left: auto !important;
}
.page-body.direction-rtl .mr-auto {
  margin-left: auto !important;
}
.page-body.direction-rtl .ml-auto {
  margin-right: auto !important;
}
.page-body.direction-rtl .pr-auto {
  padding-left: auto !important;
}
.page-body.direction-rtl .pl-auto {
  padding-right: auto !important;
}
.page-body.direction-ltr .mt-1px, .page-body.direction-rtl .mt-1px {
  margin-top: 1px !important;
}
.page-body.direction-ltr .mb-1px, .page-body.direction-rtl .mb-1px {
  margin-bottom: 1px !important;
}
.page-body.direction-ltr .pt-1px, .page-body.direction-rtl .pt-1px {
  padding-top: 1px !important;
}
.page-body.direction-ltr .pb-1px, .page-body.direction-rtl .pb-1px {
  padding-bottom: 1px !important;
}
.page-body.direction-ltr .mr-1px {
  margin-right: 1px !important;
}
.page-body.direction-ltr .ml-1px {
  margin-left: 1px !important;
}
.page-body.direction-ltr .pr-1px {
  padding-right: 1px !important;
}
.page-body.direction-ltr .pl-1px {
  padding-left: 1px !important;
}
.page-body.direction-rtl .mr-1px {
  margin-left: 1px !important;
}
.page-body.direction-rtl .ml-1px {
  margin-right: 1px !important;
}
.page-body.direction-rtl .pr-1px {
  padding-left: 1px !important;
}
.page-body.direction-rtl .pl-1px {
  padding-right: 1px !important;
}
.page-body.direction-ltr .mt-2px, .page-body.direction-rtl .mt-2px {
  margin-top: 2px !important;
}
.page-body.direction-ltr .mb-2px, .page-body.direction-rtl .mb-2px {
  margin-bottom: 2px !important;
}
.page-body.direction-ltr .pt-2px, .page-body.direction-rtl .pt-2px {
  padding-top: 2px !important;
}
.page-body.direction-ltr .pb-2px, .page-body.direction-rtl .pb-2px {
  padding-bottom: 2px !important;
}
.page-body.direction-ltr .mr-2px {
  margin-right: 2px !important;
}
.page-body.direction-ltr .ml-2px {
  margin-left: 2px !important;
}
.page-body.direction-ltr .pr-2px {
  padding-right: 2px !important;
}
.page-body.direction-ltr .pl-2px {
  padding-left: 2px !important;
}
.page-body.direction-rtl .mr-2px {
  margin-left: 2px !important;
}
.page-body.direction-rtl .ml-2px {
  margin-right: 2px !important;
}
.page-body.direction-rtl .pr-2px {
  padding-left: 2px !important;
}
.page-body.direction-rtl .pl-2px {
  padding-right: 2px !important;
}
.page-body.direction-ltr .mt-3px, .page-body.direction-rtl .mt-3px {
  margin-top: 3px !important;
}
.page-body.direction-ltr .mb-3px, .page-body.direction-rtl .mb-3px {
  margin-bottom: 3px !important;
}
.page-body.direction-ltr .pt-3px, .page-body.direction-rtl .pt-3px {
  padding-top: 3px !important;
}
.page-body.direction-ltr .pb-3px, .page-body.direction-rtl .pb-3px {
  padding-bottom: 3px !important;
}
.page-body.direction-ltr .mr-3px {
  margin-right: 3px !important;
}
.page-body.direction-ltr .ml-3px {
  margin-left: 3px !important;
}
.page-body.direction-ltr .pr-3px {
  padding-right: 3px !important;
}
.page-body.direction-ltr .pl-3px {
  padding-left: 3px !important;
}
.page-body.direction-rtl .mr-3px {
  margin-left: 3px !important;
}
.page-body.direction-rtl .ml-3px {
  margin-right: 3px !important;
}
.page-body.direction-rtl .pr-3px {
  padding-left: 3px !important;
}
.page-body.direction-rtl .pl-3px {
  padding-right: 3px !important;
}
.page-body.direction-ltr .mt-4px, .page-body.direction-rtl .mt-4px {
  margin-top: 4px !important;
}
.page-body.direction-ltr .mb-4px, .page-body.direction-rtl .mb-4px {
  margin-bottom: 4px !important;
}
.page-body.direction-ltr .pt-4px, .page-body.direction-rtl .pt-4px {
  padding-top: 4px !important;
}
.page-body.direction-ltr .pb-4px, .page-body.direction-rtl .pb-4px {
  padding-bottom: 4px !important;
}
.page-body.direction-ltr .mr-4px {
  margin-right: 4px !important;
}
.page-body.direction-ltr .ml-4px {
  margin-left: 4px !important;
}
.page-body.direction-ltr .pr-4px {
  padding-right: 4px !important;
}
.page-body.direction-ltr .pl-4px {
  padding-left: 4px !important;
}
.page-body.direction-rtl .mr-4px {
  margin-left: 4px !important;
}
.page-body.direction-rtl .ml-4px {
  margin-right: 4px !important;
}
.page-body.direction-rtl .pr-4px {
  padding-left: 4px !important;
}
.page-body.direction-rtl .pl-4px {
  padding-right: 4px !important;
}
.page-body.direction-ltr .mt-5px, .page-body.direction-rtl .mt-5px {
  margin-top: 5px !important;
}
.page-body.direction-ltr .mb-5px, .page-body.direction-rtl .mb-5px {
  margin-bottom: 5px !important;
}
.page-body.direction-ltr .pt-5px, .page-body.direction-rtl .pt-5px {
  padding-top: 5px !important;
}
.page-body.direction-ltr .pb-5px, .page-body.direction-rtl .pb-5px {
  padding-bottom: 5px !important;
}
.page-body.direction-ltr .mr-5px {
  margin-right: 5px !important;
}
.page-body.direction-ltr .ml-5px {
  margin-left: 5px !important;
}
.page-body.direction-ltr .pr-5px {
  padding-right: 5px !important;
}
.page-body.direction-ltr .pl-5px {
  padding-left: 5px !important;
}
.page-body.direction-rtl .mr-5px {
  margin-left: 5px !important;
}
.page-body.direction-rtl .ml-5px {
  margin-right: 5px !important;
}
.page-body.direction-rtl .pr-5px {
  padding-left: 5px !important;
}
.page-body.direction-rtl .pl-5px {
  padding-right: 5px !important;
}
.page-body.direction-ltr .mt-6, .page-body.direction-rtl .mt-6 {
  margin-top: 6px !important;
}
.page-body.direction-ltr .mb-6, .page-body.direction-rtl .mb-6 {
  margin-bottom: 6px !important;
}
.page-body.direction-ltr .pt-6, .page-body.direction-rtl .pt-6 {
  padding-top: 6px !important;
}
.page-body.direction-ltr .pb-6, .page-body.direction-rtl .pb-6 {
  padding-bottom: 6px !important;
}
.page-body.direction-ltr .mr-6 {
  margin-right: 6px !important;
}
.page-body.direction-ltr .ml-6 {
  margin-left: 6px !important;
}
.page-body.direction-ltr .pr-6 {
  padding-right: 6px !important;
}
.page-body.direction-ltr .pl-6 {
  padding-left: 6px !important;
}
.page-body.direction-rtl .mr-6 {
  margin-left: 6px !important;
}
.page-body.direction-rtl .ml-6 {
  margin-right: 6px !important;
}
.page-body.direction-rtl .pr-6 {
  padding-left: 6px !important;
}
.page-body.direction-rtl .pl-6 {
  padding-right: 6px !important;
}
.page-body.direction-ltr .mt-7, .page-body.direction-rtl .mt-7 {
  margin-top: 7px !important;
}
.page-body.direction-ltr .mb-7, .page-body.direction-rtl .mb-7 {
  margin-bottom: 7px !important;
}
.page-body.direction-ltr .pt-7, .page-body.direction-rtl .pt-7 {
  padding-top: 7px !important;
}
.page-body.direction-ltr .pb-7, .page-body.direction-rtl .pb-7 {
  padding-bottom: 7px !important;
}
.page-body.direction-ltr .mr-7 {
  margin-right: 7px !important;
}
.page-body.direction-ltr .ml-7 {
  margin-left: 7px !important;
}
.page-body.direction-ltr .pr-7 {
  padding-right: 7px !important;
}
.page-body.direction-ltr .pl-7 {
  padding-left: 7px !important;
}
.page-body.direction-rtl .mr-7 {
  margin-left: 7px !important;
}
.page-body.direction-rtl .ml-7 {
  margin-right: 7px !important;
}
.page-body.direction-rtl .pr-7 {
  padding-left: 7px !important;
}
.page-body.direction-rtl .pl-7 {
  padding-right: 7px !important;
}
.page-body.direction-ltr .mt-8, .page-body.direction-rtl .mt-8 {
  margin-top: 8px !important;
}
.page-body.direction-ltr .mb-8, .page-body.direction-rtl .mb-8 {
  margin-bottom: 8px !important;
}
.page-body.direction-ltr .pt-8, .page-body.direction-rtl .pt-8 {
  padding-top: 8px !important;
}
.page-body.direction-ltr .pb-8, .page-body.direction-rtl .pb-8 {
  padding-bottom: 8px !important;
}
.page-body.direction-ltr .mr-8 {
  margin-right: 8px !important;
}
.page-body.direction-ltr .ml-8 {
  margin-left: 8px !important;
}
.page-body.direction-ltr .pr-8 {
  padding-right: 8px !important;
}
.page-body.direction-ltr .pl-8 {
  padding-left: 8px !important;
}
.page-body.direction-rtl .mr-8 {
  margin-left: 8px !important;
}
.page-body.direction-rtl .ml-8 {
  margin-right: 8px !important;
}
.page-body.direction-rtl .pr-8 {
  padding-left: 8px !important;
}
.page-body.direction-rtl .pl-8 {
  padding-right: 8px !important;
}
.page-body.direction-ltr .mt-9, .page-body.direction-rtl .mt-9 {
  margin-top: 9px !important;
}
.page-body.direction-ltr .mb-9, .page-body.direction-rtl .mb-9 {
  margin-bottom: 9px !important;
}
.page-body.direction-ltr .pt-9, .page-body.direction-rtl .pt-9 {
  padding-top: 9px !important;
}
.page-body.direction-ltr .pb-9, .page-body.direction-rtl .pb-9 {
  padding-bottom: 9px !important;
}
.page-body.direction-ltr .mr-9 {
  margin-right: 9px !important;
}
.page-body.direction-ltr .ml-9 {
  margin-left: 9px !important;
}
.page-body.direction-ltr .pr-9 {
  padding-right: 9px !important;
}
.page-body.direction-ltr .pl-9 {
  padding-left: 9px !important;
}
.page-body.direction-rtl .mr-9 {
  margin-left: 9px !important;
}
.page-body.direction-rtl .ml-9 {
  margin-right: 9px !important;
}
.page-body.direction-rtl .pr-9 {
  padding-left: 9px !important;
}
.page-body.direction-rtl .pl-9 {
  padding-right: 9px !important;
}
.page-body.direction-ltr .mt-10, .page-body.direction-rtl .mt-10 {
  margin-top: 10px !important;
}
.page-body.direction-ltr .mb-10, .page-body.direction-rtl .mb-10 {
  margin-bottom: 10px !important;
}
.page-body.direction-ltr .pt-10, .page-body.direction-rtl .pt-10 {
  padding-top: 10px !important;
}
.page-body.direction-ltr .pb-10, .page-body.direction-rtl .pb-10 {
  padding-bottom: 10px !important;
}
.page-body.direction-ltr .mr-10 {
  margin-right: 10px !important;
}
.page-body.direction-ltr .ml-10 {
  margin-left: 10px !important;
}
.page-body.direction-ltr .pr-10 {
  padding-right: 10px !important;
}
.page-body.direction-ltr .pl-10 {
  padding-left: 10px !important;
}
.page-body.direction-rtl .mr-10 {
  margin-left: 10px !important;
}
.page-body.direction-rtl .ml-10 {
  margin-right: 10px !important;
}
.page-body.direction-rtl .pr-10 {
  padding-left: 10px !important;
}
.page-body.direction-rtl .pl-10 {
  padding-right: 10px !important;
}
.page-body.direction-ltr .mt-11, .page-body.direction-rtl .mt-11 {
  margin-top: 11px !important;
}
.page-body.direction-ltr .mb-11, .page-body.direction-rtl .mb-11 {
  margin-bottom: 11px !important;
}
.page-body.direction-ltr .pt-11, .page-body.direction-rtl .pt-11 {
  padding-top: 11px !important;
}
.page-body.direction-ltr .pb-11, .page-body.direction-rtl .pb-11 {
  padding-bottom: 11px !important;
}
.page-body.direction-ltr .mr-11 {
  margin-right: 11px !important;
}
.page-body.direction-ltr .ml-11 {
  margin-left: 11px !important;
}
.page-body.direction-ltr .pr-11 {
  padding-right: 11px !important;
}
.page-body.direction-ltr .pl-11 {
  padding-left: 11px !important;
}
.page-body.direction-rtl .mr-11 {
  margin-left: 11px !important;
}
.page-body.direction-rtl .ml-11 {
  margin-right: 11px !important;
}
.page-body.direction-rtl .pr-11 {
  padding-left: 11px !important;
}
.page-body.direction-rtl .pl-11 {
  padding-right: 11px !important;
}
.page-body.direction-ltr .mt-12, .page-body.direction-rtl .mt-12 {
  margin-top: 12px !important;
}
.page-body.direction-ltr .mb-12, .page-body.direction-rtl .mb-12 {
  margin-bottom: 12px !important;
}
.page-body.direction-ltr .pt-12, .page-body.direction-rtl .pt-12 {
  padding-top: 12px !important;
}
.page-body.direction-ltr .pb-12, .page-body.direction-rtl .pb-12 {
  padding-bottom: 12px !important;
}
.page-body.direction-ltr .mr-12 {
  margin-right: 12px !important;
}
.page-body.direction-ltr .ml-12 {
  margin-left: 12px !important;
}
.page-body.direction-ltr .pr-12 {
  padding-right: 12px !important;
}
.page-body.direction-ltr .pl-12 {
  padding-left: 12px !important;
}
.page-body.direction-rtl .mr-12 {
  margin-left: 12px !important;
}
.page-body.direction-rtl .ml-12 {
  margin-right: 12px !important;
}
.page-body.direction-rtl .pr-12 {
  padding-left: 12px !important;
}
.page-body.direction-rtl .pl-12 {
  padding-right: 12px !important;
}
.page-body.direction-ltr .mt-13, .page-body.direction-rtl .mt-13 {
  margin-top: 13px !important;
}
.page-body.direction-ltr .mb-13, .page-body.direction-rtl .mb-13 {
  margin-bottom: 13px !important;
}
.page-body.direction-ltr .pt-13, .page-body.direction-rtl .pt-13 {
  padding-top: 13px !important;
}
.page-body.direction-ltr .pb-13, .page-body.direction-rtl .pb-13 {
  padding-bottom: 13px !important;
}
.page-body.direction-ltr .mr-13 {
  margin-right: 13px !important;
}
.page-body.direction-ltr .ml-13 {
  margin-left: 13px !important;
}
.page-body.direction-ltr .pr-13 {
  padding-right: 13px !important;
}
.page-body.direction-ltr .pl-13 {
  padding-left: 13px !important;
}
.page-body.direction-rtl .mr-13 {
  margin-left: 13px !important;
}
.page-body.direction-rtl .ml-13 {
  margin-right: 13px !important;
}
.page-body.direction-rtl .pr-13 {
  padding-left: 13px !important;
}
.page-body.direction-rtl .pl-13 {
  padding-right: 13px !important;
}
.page-body.direction-ltr .mt-14, .page-body.direction-rtl .mt-14 {
  margin-top: 14px !important;
}
.page-body.direction-ltr .mb-14, .page-body.direction-rtl .mb-14 {
  margin-bottom: 14px !important;
}
.page-body.direction-ltr .pt-14, .page-body.direction-rtl .pt-14 {
  padding-top: 14px !important;
}
.page-body.direction-ltr .pb-14, .page-body.direction-rtl .pb-14 {
  padding-bottom: 14px !important;
}
.page-body.direction-ltr .mr-14 {
  margin-right: 14px !important;
}
.page-body.direction-ltr .ml-14 {
  margin-left: 14px !important;
}
.page-body.direction-ltr .pr-14 {
  padding-right: 14px !important;
}
.page-body.direction-ltr .pl-14 {
  padding-left: 14px !important;
}
.page-body.direction-rtl .mr-14 {
  margin-left: 14px !important;
}
.page-body.direction-rtl .ml-14 {
  margin-right: 14px !important;
}
.page-body.direction-rtl .pr-14 {
  padding-left: 14px !important;
}
.page-body.direction-rtl .pl-14 {
  padding-right: 14px !important;
}
.page-body.direction-ltr .mt-15, .page-body.direction-rtl .mt-15 {
  margin-top: 15px !important;
}
.page-body.direction-ltr .mb-15, .page-body.direction-rtl .mb-15 {
  margin-bottom: 15px !important;
}
.page-body.direction-ltr .pt-15, .page-body.direction-rtl .pt-15 {
  padding-top: 15px !important;
}
.page-body.direction-ltr .pb-15, .page-body.direction-rtl .pb-15 {
  padding-bottom: 15px !important;
}
.page-body.direction-ltr .mr-15 {
  margin-right: 15px !important;
}
.page-body.direction-ltr .ml-15 {
  margin-left: 15px !important;
}
.page-body.direction-ltr .pr-15 {
  padding-right: 15px !important;
}
.page-body.direction-ltr .pl-15 {
  padding-left: 15px !important;
}
.page-body.direction-rtl .mr-15 {
  margin-left: 15px !important;
}
.page-body.direction-rtl .ml-15 {
  margin-right: 15px !important;
}
.page-body.direction-rtl .pr-15 {
  padding-left: 15px !important;
}
.page-body.direction-rtl .pl-15 {
  padding-right: 15px !important;
}
.page-body.direction-ltr .mt-16, .page-body.direction-rtl .mt-16 {
  margin-top: 16px !important;
}
.page-body.direction-ltr .mb-16, .page-body.direction-rtl .mb-16 {
  margin-bottom: 16px !important;
}
.page-body.direction-ltr .pt-16, .page-body.direction-rtl .pt-16 {
  padding-top: 16px !important;
}
.page-body.direction-ltr .pb-16, .page-body.direction-rtl .pb-16 {
  padding-bottom: 16px !important;
}
.page-body.direction-ltr .mr-16 {
  margin-right: 16px !important;
}
.page-body.direction-ltr .ml-16 {
  margin-left: 16px !important;
}
.page-body.direction-ltr .pr-16 {
  padding-right: 16px !important;
}
.page-body.direction-ltr .pl-16 {
  padding-left: 16px !important;
}
.page-body.direction-rtl .mr-16 {
  margin-left: 16px !important;
}
.page-body.direction-rtl .ml-16 {
  margin-right: 16px !important;
}
.page-body.direction-rtl .pr-16 {
  padding-left: 16px !important;
}
.page-body.direction-rtl .pl-16 {
  padding-right: 16px !important;
}
.page-body.direction-ltr .mt-17, .page-body.direction-rtl .mt-17 {
  margin-top: 17px !important;
}
.page-body.direction-ltr .mb-17, .page-body.direction-rtl .mb-17 {
  margin-bottom: 17px !important;
}
.page-body.direction-ltr .pt-17, .page-body.direction-rtl .pt-17 {
  padding-top: 17px !important;
}
.page-body.direction-ltr .pb-17, .page-body.direction-rtl .pb-17 {
  padding-bottom: 17px !important;
}
.page-body.direction-ltr .mr-17 {
  margin-right: 17px !important;
}
.page-body.direction-ltr .ml-17 {
  margin-left: 17px !important;
}
.page-body.direction-ltr .pr-17 {
  padding-right: 17px !important;
}
.page-body.direction-ltr .pl-17 {
  padding-left: 17px !important;
}
.page-body.direction-rtl .mr-17 {
  margin-left: 17px !important;
}
.page-body.direction-rtl .ml-17 {
  margin-right: 17px !important;
}
.page-body.direction-rtl .pr-17 {
  padding-left: 17px !important;
}
.page-body.direction-rtl .pl-17 {
  padding-right: 17px !important;
}
.page-body.direction-ltr .mt-18, .page-body.direction-rtl .mt-18 {
  margin-top: 18px !important;
}
.page-body.direction-ltr .mb-18, .page-body.direction-rtl .mb-18 {
  margin-bottom: 18px !important;
}
.page-body.direction-ltr .pt-18, .page-body.direction-rtl .pt-18 {
  padding-top: 18px !important;
}
.page-body.direction-ltr .pb-18, .page-body.direction-rtl .pb-18 {
  padding-bottom: 18px !important;
}
.page-body.direction-ltr .mr-18 {
  margin-right: 18px !important;
}
.page-body.direction-ltr .ml-18 {
  margin-left: 18px !important;
}
.page-body.direction-ltr .pr-18 {
  padding-right: 18px !important;
}
.page-body.direction-ltr .pl-18 {
  padding-left: 18px !important;
}
.page-body.direction-rtl .mr-18 {
  margin-left: 18px !important;
}
.page-body.direction-rtl .ml-18 {
  margin-right: 18px !important;
}
.page-body.direction-rtl .pr-18 {
  padding-left: 18px !important;
}
.page-body.direction-rtl .pl-18 {
  padding-right: 18px !important;
}
.page-body.direction-ltr .mt-19, .page-body.direction-rtl .mt-19 {
  margin-top: 19px !important;
}
.page-body.direction-ltr .mb-19, .page-body.direction-rtl .mb-19 {
  margin-bottom: 19px !important;
}
.page-body.direction-ltr .pt-19, .page-body.direction-rtl .pt-19 {
  padding-top: 19px !important;
}
.page-body.direction-ltr .pb-19, .page-body.direction-rtl .pb-19 {
  padding-bottom: 19px !important;
}
.page-body.direction-ltr .mr-19 {
  margin-right: 19px !important;
}
.page-body.direction-ltr .ml-19 {
  margin-left: 19px !important;
}
.page-body.direction-ltr .pr-19 {
  padding-right: 19px !important;
}
.page-body.direction-ltr .pl-19 {
  padding-left: 19px !important;
}
.page-body.direction-rtl .mr-19 {
  margin-left: 19px !important;
}
.page-body.direction-rtl .ml-19 {
  margin-right: 19px !important;
}
.page-body.direction-rtl .pr-19 {
  padding-left: 19px !important;
}
.page-body.direction-rtl .pl-19 {
  padding-right: 19px !important;
}
.page-body.direction-ltr .mt-20, .page-body.direction-rtl .mt-20 {
  margin-top: 20px !important;
}
.page-body.direction-ltr .mb-20, .page-body.direction-rtl .mb-20 {
  margin-bottom: 20px !important;
}
.page-body.direction-ltr .pt-20, .page-body.direction-rtl .pt-20 {
  padding-top: 20px !important;
}
.page-body.direction-ltr .pb-20, .page-body.direction-rtl .pb-20 {
  padding-bottom: 20px !important;
}
.page-body.direction-ltr .mr-20 {
  margin-right: 20px !important;
}
.page-body.direction-ltr .ml-20 {
  margin-left: 20px !important;
}
.page-body.direction-ltr .pr-20 {
  padding-right: 20px !important;
}
.page-body.direction-ltr .pl-20 {
  padding-left: 20px !important;
}
.page-body.direction-rtl .mr-20 {
  margin-left: 20px !important;
}
.page-body.direction-rtl .ml-20 {
  margin-right: 20px !important;
}
.page-body.direction-rtl .pr-20 {
  padding-left: 20px !important;
}
.page-body.direction-rtl .pl-20 {
  padding-right: 20px !important;
}
.page-body.direction-ltr .mt-21, .page-body.direction-rtl .mt-21 {
  margin-top: 21px !important;
}
.page-body.direction-ltr .mb-21, .page-body.direction-rtl .mb-21 {
  margin-bottom: 21px !important;
}
.page-body.direction-ltr .pt-21, .page-body.direction-rtl .pt-21 {
  padding-top: 21px !important;
}
.page-body.direction-ltr .pb-21, .page-body.direction-rtl .pb-21 {
  padding-bottom: 21px !important;
}
.page-body.direction-ltr .mr-21 {
  margin-right: 21px !important;
}
.page-body.direction-ltr .ml-21 {
  margin-left: 21px !important;
}
.page-body.direction-ltr .pr-21 {
  padding-right: 21px !important;
}
.page-body.direction-ltr .pl-21 {
  padding-left: 21px !important;
}
.page-body.direction-rtl .mr-21 {
  margin-left: 21px !important;
}
.page-body.direction-rtl .ml-21 {
  margin-right: 21px !important;
}
.page-body.direction-rtl .pr-21 {
  padding-left: 21px !important;
}
.page-body.direction-rtl .pl-21 {
  padding-right: 21px !important;
}
.page-body.direction-ltr .mt-22, .page-body.direction-rtl .mt-22 {
  margin-top: 22px !important;
}
.page-body.direction-ltr .mb-22, .page-body.direction-rtl .mb-22 {
  margin-bottom: 22px !important;
}
.page-body.direction-ltr .pt-22, .page-body.direction-rtl .pt-22 {
  padding-top: 22px !important;
}
.page-body.direction-ltr .pb-22, .page-body.direction-rtl .pb-22 {
  padding-bottom: 22px !important;
}
.page-body.direction-ltr .mr-22 {
  margin-right: 22px !important;
}
.page-body.direction-ltr .ml-22 {
  margin-left: 22px !important;
}
.page-body.direction-ltr .pr-22 {
  padding-right: 22px !important;
}
.page-body.direction-ltr .pl-22 {
  padding-left: 22px !important;
}
.page-body.direction-rtl .mr-22 {
  margin-left: 22px !important;
}
.page-body.direction-rtl .ml-22 {
  margin-right: 22px !important;
}
.page-body.direction-rtl .pr-22 {
  padding-left: 22px !important;
}
.page-body.direction-rtl .pl-22 {
  padding-right: 22px !important;
}
.page-body.direction-ltr .mt-23, .page-body.direction-rtl .mt-23 {
  margin-top: 23px !important;
}
.page-body.direction-ltr .mb-23, .page-body.direction-rtl .mb-23 {
  margin-bottom: 23px !important;
}
.page-body.direction-ltr .pt-23, .page-body.direction-rtl .pt-23 {
  padding-top: 23px !important;
}
.page-body.direction-ltr .pb-23, .page-body.direction-rtl .pb-23 {
  padding-bottom: 23px !important;
}
.page-body.direction-ltr .mr-23 {
  margin-right: 23px !important;
}
.page-body.direction-ltr .ml-23 {
  margin-left: 23px !important;
}
.page-body.direction-ltr .pr-23 {
  padding-right: 23px !important;
}
.page-body.direction-ltr .pl-23 {
  padding-left: 23px !important;
}
.page-body.direction-rtl .mr-23 {
  margin-left: 23px !important;
}
.page-body.direction-rtl .ml-23 {
  margin-right: 23px !important;
}
.page-body.direction-rtl .pr-23 {
  padding-left: 23px !important;
}
.page-body.direction-rtl .pl-23 {
  padding-right: 23px !important;
}
.page-body.direction-ltr .mt-24, .page-body.direction-rtl .mt-24 {
  margin-top: 24px !important;
}
.page-body.direction-ltr .mb-24, .page-body.direction-rtl .mb-24 {
  margin-bottom: 24px !important;
}
.page-body.direction-ltr .pt-24, .page-body.direction-rtl .pt-24 {
  padding-top: 24px !important;
}
.page-body.direction-ltr .pb-24, .page-body.direction-rtl .pb-24 {
  padding-bottom: 24px !important;
}
.page-body.direction-ltr .mr-24 {
  margin-right: 24px !important;
}
.page-body.direction-ltr .ml-24 {
  margin-left: 24px !important;
}
.page-body.direction-ltr .pr-24 {
  padding-right: 24px !important;
}
.page-body.direction-ltr .pl-24 {
  padding-left: 24px !important;
}
.page-body.direction-rtl .mr-24 {
  margin-left: 24px !important;
}
.page-body.direction-rtl .ml-24 {
  margin-right: 24px !important;
}
.page-body.direction-rtl .pr-24 {
  padding-left: 24px !important;
}
.page-body.direction-rtl .pl-24 {
  padding-right: 24px !important;
}
.page-body.direction-ltr .mt-25, .page-body.direction-rtl .mt-25 {
  margin-top: 25px !important;
}
.page-body.direction-ltr .mb-25, .page-body.direction-rtl .mb-25 {
  margin-bottom: 25px !important;
}
.page-body.direction-ltr .pt-25, .page-body.direction-rtl .pt-25 {
  padding-top: 25px !important;
}
.page-body.direction-ltr .pb-25, .page-body.direction-rtl .pb-25 {
  padding-bottom: 25px !important;
}
.page-body.direction-ltr .mr-25 {
  margin-right: 25px !important;
}
.page-body.direction-ltr .ml-25 {
  margin-left: 25px !important;
}
.page-body.direction-ltr .pr-25 {
  padding-right: 25px !important;
}
.page-body.direction-ltr .pl-25 {
  padding-left: 25px !important;
}
.page-body.direction-rtl .mr-25 {
  margin-left: 25px !important;
}
.page-body.direction-rtl .ml-25 {
  margin-right: 25px !important;
}
.page-body.direction-rtl .pr-25 {
  padding-left: 25px !important;
}
.page-body.direction-rtl .pl-25 {
  padding-right: 25px !important;
}
.page-body.direction-ltr .mt-26, .page-body.direction-rtl .mt-26 {
  margin-top: 26px !important;
}
.page-body.direction-ltr .mb-26, .page-body.direction-rtl .mb-26 {
  margin-bottom: 26px !important;
}
.page-body.direction-ltr .pt-26, .page-body.direction-rtl .pt-26 {
  padding-top: 26px !important;
}
.page-body.direction-ltr .pb-26, .page-body.direction-rtl .pb-26 {
  padding-bottom: 26px !important;
}
.page-body.direction-ltr .mr-26 {
  margin-right: 26px !important;
}
.page-body.direction-ltr .ml-26 {
  margin-left: 26px !important;
}
.page-body.direction-ltr .pr-26 {
  padding-right: 26px !important;
}
.page-body.direction-ltr .pl-26 {
  padding-left: 26px !important;
}
.page-body.direction-rtl .mr-26 {
  margin-left: 26px !important;
}
.page-body.direction-rtl .ml-26 {
  margin-right: 26px !important;
}
.page-body.direction-rtl .pr-26 {
  padding-left: 26px !important;
}
.page-body.direction-rtl .pl-26 {
  padding-right: 26px !important;
}
.page-body.direction-ltr .mt-27, .page-body.direction-rtl .mt-27 {
  margin-top: 27px !important;
}
.page-body.direction-ltr .mb-27, .page-body.direction-rtl .mb-27 {
  margin-bottom: 27px !important;
}
.page-body.direction-ltr .pt-27, .page-body.direction-rtl .pt-27 {
  padding-top: 27px !important;
}
.page-body.direction-ltr .pb-27, .page-body.direction-rtl .pb-27 {
  padding-bottom: 27px !important;
}
.page-body.direction-ltr .mr-27 {
  margin-right: 27px !important;
}
.page-body.direction-ltr .ml-27 {
  margin-left: 27px !important;
}
.page-body.direction-ltr .pr-27 {
  padding-right: 27px !important;
}
.page-body.direction-ltr .pl-27 {
  padding-left: 27px !important;
}
.page-body.direction-rtl .mr-27 {
  margin-left: 27px !important;
}
.page-body.direction-rtl .ml-27 {
  margin-right: 27px !important;
}
.page-body.direction-rtl .pr-27 {
  padding-left: 27px !important;
}
.page-body.direction-rtl .pl-27 {
  padding-right: 27px !important;
}
.page-body.direction-ltr .mt-28, .page-body.direction-rtl .mt-28 {
  margin-top: 28px !important;
}
.page-body.direction-ltr .mb-28, .page-body.direction-rtl .mb-28 {
  margin-bottom: 28px !important;
}
.page-body.direction-ltr .pt-28, .page-body.direction-rtl .pt-28 {
  padding-top: 28px !important;
}
.page-body.direction-ltr .pb-28, .page-body.direction-rtl .pb-28 {
  padding-bottom: 28px !important;
}
.page-body.direction-ltr .mr-28 {
  margin-right: 28px !important;
}
.page-body.direction-ltr .ml-28 {
  margin-left: 28px !important;
}
.page-body.direction-ltr .pr-28 {
  padding-right: 28px !important;
}
.page-body.direction-ltr .pl-28 {
  padding-left: 28px !important;
}
.page-body.direction-rtl .mr-28 {
  margin-left: 28px !important;
}
.page-body.direction-rtl .ml-28 {
  margin-right: 28px !important;
}
.page-body.direction-rtl .pr-28 {
  padding-left: 28px !important;
}
.page-body.direction-rtl .pl-28 {
  padding-right: 28px !important;
}
.page-body.direction-ltr .mt-29, .page-body.direction-rtl .mt-29 {
  margin-top: 29px !important;
}
.page-body.direction-ltr .mb-29, .page-body.direction-rtl .mb-29 {
  margin-bottom: 29px !important;
}
.page-body.direction-ltr .pt-29, .page-body.direction-rtl .pt-29 {
  padding-top: 29px !important;
}
.page-body.direction-ltr .pb-29, .page-body.direction-rtl .pb-29 {
  padding-bottom: 29px !important;
}
.page-body.direction-ltr .mr-29 {
  margin-right: 29px !important;
}
.page-body.direction-ltr .ml-29 {
  margin-left: 29px !important;
}
.page-body.direction-ltr .pr-29 {
  padding-right: 29px !important;
}
.page-body.direction-ltr .pl-29 {
  padding-left: 29px !important;
}
.page-body.direction-rtl .mr-29 {
  margin-left: 29px !important;
}
.page-body.direction-rtl .ml-29 {
  margin-right: 29px !important;
}
.page-body.direction-rtl .pr-29 {
  padding-left: 29px !important;
}
.page-body.direction-rtl .pl-29 {
  padding-right: 29px !important;
}
.page-body.direction-ltr .mt-30, .page-body.direction-rtl .mt-30 {
  margin-top: 30px !important;
}
.page-body.direction-ltr .mb-30, .page-body.direction-rtl .mb-30 {
  margin-bottom: 30px !important;
}
.page-body.direction-ltr .pt-30, .page-body.direction-rtl .pt-30 {
  padding-top: 30px !important;
}
.page-body.direction-ltr .pb-30, .page-body.direction-rtl .pb-30 {
  padding-bottom: 30px !important;
}
.page-body.direction-ltr .mr-30 {
  margin-right: 30px !important;
}
.page-body.direction-ltr .ml-30 {
  margin-left: 30px !important;
}
.page-body.direction-ltr .pr-30 {
  padding-right: 30px !important;
}
.page-body.direction-ltr .pl-30 {
  padding-left: 30px !important;
}
.page-body.direction-rtl .mr-30 {
  margin-left: 30px !important;
}
.page-body.direction-rtl .ml-30 {
  margin-right: 30px !important;
}
.page-body.direction-rtl .pr-30 {
  padding-left: 30px !important;
}
.page-body.direction-rtl .pl-30 {
  padding-right: 30px !important;
}
.page-body.direction-ltr .mt-31, .page-body.direction-rtl .mt-31 {
  margin-top: 31px !important;
}
.page-body.direction-ltr .mb-31, .page-body.direction-rtl .mb-31 {
  margin-bottom: 31px !important;
}
.page-body.direction-ltr .pt-31, .page-body.direction-rtl .pt-31 {
  padding-top: 31px !important;
}
.page-body.direction-ltr .pb-31, .page-body.direction-rtl .pb-31 {
  padding-bottom: 31px !important;
}
.page-body.direction-ltr .mr-31 {
  margin-right: 31px !important;
}
.page-body.direction-ltr .ml-31 {
  margin-left: 31px !important;
}
.page-body.direction-ltr .pr-31 {
  padding-right: 31px !important;
}
.page-body.direction-ltr .pl-31 {
  padding-left: 31px !important;
}
.page-body.direction-rtl .mr-31 {
  margin-left: 31px !important;
}
.page-body.direction-rtl .ml-31 {
  margin-right: 31px !important;
}
.page-body.direction-rtl .pr-31 {
  padding-left: 31px !important;
}
.page-body.direction-rtl .pl-31 {
  padding-right: 31px !important;
}
.page-body.direction-ltr .mt-32, .page-body.direction-rtl .mt-32 {
  margin-top: 32px !important;
}
.page-body.direction-ltr .mb-32, .page-body.direction-rtl .mb-32 {
  margin-bottom: 32px !important;
}
.page-body.direction-ltr .pt-32, .page-body.direction-rtl .pt-32 {
  padding-top: 32px !important;
}
.page-body.direction-ltr .pb-32, .page-body.direction-rtl .pb-32 {
  padding-bottom: 32px !important;
}
.page-body.direction-ltr .mr-32 {
  margin-right: 32px !important;
}
.page-body.direction-ltr .ml-32 {
  margin-left: 32px !important;
}
.page-body.direction-ltr .pr-32 {
  padding-right: 32px !important;
}
.page-body.direction-ltr .pl-32 {
  padding-left: 32px !important;
}
.page-body.direction-rtl .mr-32 {
  margin-left: 32px !important;
}
.page-body.direction-rtl .ml-32 {
  margin-right: 32px !important;
}
.page-body.direction-rtl .pr-32 {
  padding-left: 32px !important;
}
.page-body.direction-rtl .pl-32 {
  padding-right: 32px !important;
}
.page-body.direction-ltr .mt-33, .page-body.direction-rtl .mt-33 {
  margin-top: 33px !important;
}
.page-body.direction-ltr .mb-33, .page-body.direction-rtl .mb-33 {
  margin-bottom: 33px !important;
}
.page-body.direction-ltr .pt-33, .page-body.direction-rtl .pt-33 {
  padding-top: 33px !important;
}
.page-body.direction-ltr .pb-33, .page-body.direction-rtl .pb-33 {
  padding-bottom: 33px !important;
}
.page-body.direction-ltr .mr-33 {
  margin-right: 33px !important;
}
.page-body.direction-ltr .ml-33 {
  margin-left: 33px !important;
}
.page-body.direction-ltr .pr-33 {
  padding-right: 33px !important;
}
.page-body.direction-ltr .pl-33 {
  padding-left: 33px !important;
}
.page-body.direction-rtl .mr-33 {
  margin-left: 33px !important;
}
.page-body.direction-rtl .ml-33 {
  margin-right: 33px !important;
}
.page-body.direction-rtl .pr-33 {
  padding-left: 33px !important;
}
.page-body.direction-rtl .pl-33 {
  padding-right: 33px !important;
}
.page-body.direction-ltr .mt-34, .page-body.direction-rtl .mt-34 {
  margin-top: 34px !important;
}
.page-body.direction-ltr .mb-34, .page-body.direction-rtl .mb-34 {
  margin-bottom: 34px !important;
}
.page-body.direction-ltr .pt-34, .page-body.direction-rtl .pt-34 {
  padding-top: 34px !important;
}
.page-body.direction-ltr .pb-34, .page-body.direction-rtl .pb-34 {
  padding-bottom: 34px !important;
}
.page-body.direction-ltr .mr-34 {
  margin-right: 34px !important;
}
.page-body.direction-ltr .ml-34 {
  margin-left: 34px !important;
}
.page-body.direction-ltr .pr-34 {
  padding-right: 34px !important;
}
.page-body.direction-ltr .pl-34 {
  padding-left: 34px !important;
}
.page-body.direction-rtl .mr-34 {
  margin-left: 34px !important;
}
.page-body.direction-rtl .ml-34 {
  margin-right: 34px !important;
}
.page-body.direction-rtl .pr-34 {
  padding-left: 34px !important;
}
.page-body.direction-rtl .pl-34 {
  padding-right: 34px !important;
}
.page-body.direction-ltr .mt-35, .page-body.direction-rtl .mt-35 {
  margin-top: 35px !important;
}
.page-body.direction-ltr .mb-35, .page-body.direction-rtl .mb-35 {
  margin-bottom: 35px !important;
}
.page-body.direction-ltr .pt-35, .page-body.direction-rtl .pt-35 {
  padding-top: 35px !important;
}
.page-body.direction-ltr .pb-35, .page-body.direction-rtl .pb-35 {
  padding-bottom: 35px !important;
}
.page-body.direction-ltr .mr-35 {
  margin-right: 35px !important;
}
.page-body.direction-ltr .ml-35 {
  margin-left: 35px !important;
}
.page-body.direction-ltr .pr-35 {
  padding-right: 35px !important;
}
.page-body.direction-ltr .pl-35 {
  padding-left: 35px !important;
}
.page-body.direction-rtl .mr-35 {
  margin-left: 35px !important;
}
.page-body.direction-rtl .ml-35 {
  margin-right: 35px !important;
}
.page-body.direction-rtl .pr-35 {
  padding-left: 35px !important;
}
.page-body.direction-rtl .pl-35 {
  padding-right: 35px !important;
}
.page-body.direction-ltr .mt-36, .page-body.direction-rtl .mt-36 {
  margin-top: 36px !important;
}
.page-body.direction-ltr .mb-36, .page-body.direction-rtl .mb-36 {
  margin-bottom: 36px !important;
}
.page-body.direction-ltr .pt-36, .page-body.direction-rtl .pt-36 {
  padding-top: 36px !important;
}
.page-body.direction-ltr .pb-36, .page-body.direction-rtl .pb-36 {
  padding-bottom: 36px !important;
}
.page-body.direction-ltr .mr-36 {
  margin-right: 36px !important;
}
.page-body.direction-ltr .ml-36 {
  margin-left: 36px !important;
}
.page-body.direction-ltr .pr-36 {
  padding-right: 36px !important;
}
.page-body.direction-ltr .pl-36 {
  padding-left: 36px !important;
}
.page-body.direction-rtl .mr-36 {
  margin-left: 36px !important;
}
.page-body.direction-rtl .ml-36 {
  margin-right: 36px !important;
}
.page-body.direction-rtl .pr-36 {
  padding-left: 36px !important;
}
.page-body.direction-rtl .pl-36 {
  padding-right: 36px !important;
}
.page-body.direction-ltr .mt-37, .page-body.direction-rtl .mt-37 {
  margin-top: 37px !important;
}
.page-body.direction-ltr .mb-37, .page-body.direction-rtl .mb-37 {
  margin-bottom: 37px !important;
}
.page-body.direction-ltr .pt-37, .page-body.direction-rtl .pt-37 {
  padding-top: 37px !important;
}
.page-body.direction-ltr .pb-37, .page-body.direction-rtl .pb-37 {
  padding-bottom: 37px !important;
}
.page-body.direction-ltr .mr-37 {
  margin-right: 37px !important;
}
.page-body.direction-ltr .ml-37 {
  margin-left: 37px !important;
}
.page-body.direction-ltr .pr-37 {
  padding-right: 37px !important;
}
.page-body.direction-ltr .pl-37 {
  padding-left: 37px !important;
}
.page-body.direction-rtl .mr-37 {
  margin-left: 37px !important;
}
.page-body.direction-rtl .ml-37 {
  margin-right: 37px !important;
}
.page-body.direction-rtl .pr-37 {
  padding-left: 37px !important;
}
.page-body.direction-rtl .pl-37 {
  padding-right: 37px !important;
}
.page-body.direction-ltr .mt-38, .page-body.direction-rtl .mt-38 {
  margin-top: 38px !important;
}
.page-body.direction-ltr .mb-38, .page-body.direction-rtl .mb-38 {
  margin-bottom: 38px !important;
}
.page-body.direction-ltr .pt-38, .page-body.direction-rtl .pt-38 {
  padding-top: 38px !important;
}
.page-body.direction-ltr .pb-38, .page-body.direction-rtl .pb-38 {
  padding-bottom: 38px !important;
}
.page-body.direction-ltr .mr-38 {
  margin-right: 38px !important;
}
.page-body.direction-ltr .ml-38 {
  margin-left: 38px !important;
}
.page-body.direction-ltr .pr-38 {
  padding-right: 38px !important;
}
.page-body.direction-ltr .pl-38 {
  padding-left: 38px !important;
}
.page-body.direction-rtl .mr-38 {
  margin-left: 38px !important;
}
.page-body.direction-rtl .ml-38 {
  margin-right: 38px !important;
}
.page-body.direction-rtl .pr-38 {
  padding-left: 38px !important;
}
.page-body.direction-rtl .pl-38 {
  padding-right: 38px !important;
}
.page-body.direction-ltr .mt-39, .page-body.direction-rtl .mt-39 {
  margin-top: 39px !important;
}
.page-body.direction-ltr .mb-39, .page-body.direction-rtl .mb-39 {
  margin-bottom: 39px !important;
}
.page-body.direction-ltr .pt-39, .page-body.direction-rtl .pt-39 {
  padding-top: 39px !important;
}
.page-body.direction-ltr .pb-39, .page-body.direction-rtl .pb-39 {
  padding-bottom: 39px !important;
}
.page-body.direction-ltr .mr-39 {
  margin-right: 39px !important;
}
.page-body.direction-ltr .ml-39 {
  margin-left: 39px !important;
}
.page-body.direction-ltr .pr-39 {
  padding-right: 39px !important;
}
.page-body.direction-ltr .pl-39 {
  padding-left: 39px !important;
}
.page-body.direction-rtl .mr-39 {
  margin-left: 39px !important;
}
.page-body.direction-rtl .ml-39 {
  margin-right: 39px !important;
}
.page-body.direction-rtl .pr-39 {
  padding-left: 39px !important;
}
.page-body.direction-rtl .pl-39 {
  padding-right: 39px !important;
}
.page-body.direction-ltr .mt-40, .page-body.direction-rtl .mt-40 {
  margin-top: 40px !important;
}
.page-body.direction-ltr .mb-40, .page-body.direction-rtl .mb-40 {
  margin-bottom: 40px !important;
}
.page-body.direction-ltr .pt-40, .page-body.direction-rtl .pt-40 {
  padding-top: 40px !important;
}
.page-body.direction-ltr .pb-40, .page-body.direction-rtl .pb-40 {
  padding-bottom: 40px !important;
}
.page-body.direction-ltr .mr-40 {
  margin-right: 40px !important;
}
.page-body.direction-ltr .ml-40 {
  margin-left: 40px !important;
}
.page-body.direction-ltr .pr-40 {
  padding-right: 40px !important;
}
.page-body.direction-ltr .pl-40 {
  padding-left: 40px !important;
}
.page-body.direction-rtl .mr-40 {
  margin-left: 40px !important;
}
.page-body.direction-rtl .ml-40 {
  margin-right: 40px !important;
}
.page-body.direction-rtl .pr-40 {
  padding-left: 40px !important;
}
.page-body.direction-rtl .pl-40 {
  padding-right: 40px !important;
}
.page-body.direction-ltr .mt-41, .page-body.direction-rtl .mt-41 {
  margin-top: 41px !important;
}
.page-body.direction-ltr .mb-41, .page-body.direction-rtl .mb-41 {
  margin-bottom: 41px !important;
}
.page-body.direction-ltr .pt-41, .page-body.direction-rtl .pt-41 {
  padding-top: 41px !important;
}
.page-body.direction-ltr .pb-41, .page-body.direction-rtl .pb-41 {
  padding-bottom: 41px !important;
}
.page-body.direction-ltr .mr-41 {
  margin-right: 41px !important;
}
.page-body.direction-ltr .ml-41 {
  margin-left: 41px !important;
}
.page-body.direction-ltr .pr-41 {
  padding-right: 41px !important;
}
.page-body.direction-ltr .pl-41 {
  padding-left: 41px !important;
}
.page-body.direction-rtl .mr-41 {
  margin-left: 41px !important;
}
.page-body.direction-rtl .ml-41 {
  margin-right: 41px !important;
}
.page-body.direction-rtl .pr-41 {
  padding-left: 41px !important;
}
.page-body.direction-rtl .pl-41 {
  padding-right: 41px !important;
}
.page-body.direction-ltr .mt-42, .page-body.direction-rtl .mt-42 {
  margin-top: 42px !important;
}
.page-body.direction-ltr .mb-42, .page-body.direction-rtl .mb-42 {
  margin-bottom: 42px !important;
}
.page-body.direction-ltr .pt-42, .page-body.direction-rtl .pt-42 {
  padding-top: 42px !important;
}
.page-body.direction-ltr .pb-42, .page-body.direction-rtl .pb-42 {
  padding-bottom: 42px !important;
}
.page-body.direction-ltr .mr-42 {
  margin-right: 42px !important;
}
.page-body.direction-ltr .ml-42 {
  margin-left: 42px !important;
}
.page-body.direction-ltr .pr-42 {
  padding-right: 42px !important;
}
.page-body.direction-ltr .pl-42 {
  padding-left: 42px !important;
}
.page-body.direction-rtl .mr-42 {
  margin-left: 42px !important;
}
.page-body.direction-rtl .ml-42 {
  margin-right: 42px !important;
}
.page-body.direction-rtl .pr-42 {
  padding-left: 42px !important;
}
.page-body.direction-rtl .pl-42 {
  padding-right: 42px !important;
}
.page-body.direction-ltr .mt-43, .page-body.direction-rtl .mt-43 {
  margin-top: 43px !important;
}
.page-body.direction-ltr .mb-43, .page-body.direction-rtl .mb-43 {
  margin-bottom: 43px !important;
}
.page-body.direction-ltr .pt-43, .page-body.direction-rtl .pt-43 {
  padding-top: 43px !important;
}
.page-body.direction-ltr .pb-43, .page-body.direction-rtl .pb-43 {
  padding-bottom: 43px !important;
}
.page-body.direction-ltr .mr-43 {
  margin-right: 43px !important;
}
.page-body.direction-ltr .ml-43 {
  margin-left: 43px !important;
}
.page-body.direction-ltr .pr-43 {
  padding-right: 43px !important;
}
.page-body.direction-ltr .pl-43 {
  padding-left: 43px !important;
}
.page-body.direction-rtl .mr-43 {
  margin-left: 43px !important;
}
.page-body.direction-rtl .ml-43 {
  margin-right: 43px !important;
}
.page-body.direction-rtl .pr-43 {
  padding-left: 43px !important;
}
.page-body.direction-rtl .pl-43 {
  padding-right: 43px !important;
}
.page-body.direction-ltr .mt-44, .page-body.direction-rtl .mt-44 {
  margin-top: 44px !important;
}
.page-body.direction-ltr .mb-44, .page-body.direction-rtl .mb-44 {
  margin-bottom: 44px !important;
}
.page-body.direction-ltr .pt-44, .page-body.direction-rtl .pt-44 {
  padding-top: 44px !important;
}
.page-body.direction-ltr .pb-44, .page-body.direction-rtl .pb-44 {
  padding-bottom: 44px !important;
}
.page-body.direction-ltr .mr-44 {
  margin-right: 44px !important;
}
.page-body.direction-ltr .ml-44 {
  margin-left: 44px !important;
}
.page-body.direction-ltr .pr-44 {
  padding-right: 44px !important;
}
.page-body.direction-ltr .pl-44 {
  padding-left: 44px !important;
}
.page-body.direction-rtl .mr-44 {
  margin-left: 44px !important;
}
.page-body.direction-rtl .ml-44 {
  margin-right: 44px !important;
}
.page-body.direction-rtl .pr-44 {
  padding-left: 44px !important;
}
.page-body.direction-rtl .pl-44 {
  padding-right: 44px !important;
}
.page-body.direction-ltr .mt-45, .page-body.direction-rtl .mt-45 {
  margin-top: 45px !important;
}
.page-body.direction-ltr .mb-45, .page-body.direction-rtl .mb-45 {
  margin-bottom: 45px !important;
}
.page-body.direction-ltr .pt-45, .page-body.direction-rtl .pt-45 {
  padding-top: 45px !important;
}
.page-body.direction-ltr .pb-45, .page-body.direction-rtl .pb-45 {
  padding-bottom: 45px !important;
}
.page-body.direction-ltr .mr-45 {
  margin-right: 45px !important;
}
.page-body.direction-ltr .ml-45 {
  margin-left: 45px !important;
}
.page-body.direction-ltr .pr-45 {
  padding-right: 45px !important;
}
.page-body.direction-ltr .pl-45 {
  padding-left: 45px !important;
}
.page-body.direction-rtl .mr-45 {
  margin-left: 45px !important;
}
.page-body.direction-rtl .ml-45 {
  margin-right: 45px !important;
}
.page-body.direction-rtl .pr-45 {
  padding-left: 45px !important;
}
.page-body.direction-rtl .pl-45 {
  padding-right: 45px !important;
}
.page-body.direction-ltr .mt-46, .page-body.direction-rtl .mt-46 {
  margin-top: 46px !important;
}
.page-body.direction-ltr .mb-46, .page-body.direction-rtl .mb-46 {
  margin-bottom: 46px !important;
}
.page-body.direction-ltr .pt-46, .page-body.direction-rtl .pt-46 {
  padding-top: 46px !important;
}
.page-body.direction-ltr .pb-46, .page-body.direction-rtl .pb-46 {
  padding-bottom: 46px !important;
}
.page-body.direction-ltr .mr-46 {
  margin-right: 46px !important;
}
.page-body.direction-ltr .ml-46 {
  margin-left: 46px !important;
}
.page-body.direction-ltr .pr-46 {
  padding-right: 46px !important;
}
.page-body.direction-ltr .pl-46 {
  padding-left: 46px !important;
}
.page-body.direction-rtl .mr-46 {
  margin-left: 46px !important;
}
.page-body.direction-rtl .ml-46 {
  margin-right: 46px !important;
}
.page-body.direction-rtl .pr-46 {
  padding-left: 46px !important;
}
.page-body.direction-rtl .pl-46 {
  padding-right: 46px !important;
}
.page-body.direction-ltr .mt-47, .page-body.direction-rtl .mt-47 {
  margin-top: 47px !important;
}
.page-body.direction-ltr .mb-47, .page-body.direction-rtl .mb-47 {
  margin-bottom: 47px !important;
}
.page-body.direction-ltr .pt-47, .page-body.direction-rtl .pt-47 {
  padding-top: 47px !important;
}
.page-body.direction-ltr .pb-47, .page-body.direction-rtl .pb-47 {
  padding-bottom: 47px !important;
}
.page-body.direction-ltr .mr-47 {
  margin-right: 47px !important;
}
.page-body.direction-ltr .ml-47 {
  margin-left: 47px !important;
}
.page-body.direction-ltr .pr-47 {
  padding-right: 47px !important;
}
.page-body.direction-ltr .pl-47 {
  padding-left: 47px !important;
}
.page-body.direction-rtl .mr-47 {
  margin-left: 47px !important;
}
.page-body.direction-rtl .ml-47 {
  margin-right: 47px !important;
}
.page-body.direction-rtl .pr-47 {
  padding-left: 47px !important;
}
.page-body.direction-rtl .pl-47 {
  padding-right: 47px !important;
}
.page-body.direction-ltr .mt-48, .page-body.direction-rtl .mt-48 {
  margin-top: 48px !important;
}
.page-body.direction-ltr .mb-48, .page-body.direction-rtl .mb-48 {
  margin-bottom: 48px !important;
}
.page-body.direction-ltr .pt-48, .page-body.direction-rtl .pt-48 {
  padding-top: 48px !important;
}
.page-body.direction-ltr .pb-48, .page-body.direction-rtl .pb-48 {
  padding-bottom: 48px !important;
}
.page-body.direction-ltr .mr-48 {
  margin-right: 48px !important;
}
.page-body.direction-ltr .ml-48 {
  margin-left: 48px !important;
}
.page-body.direction-ltr .pr-48 {
  padding-right: 48px !important;
}
.page-body.direction-ltr .pl-48 {
  padding-left: 48px !important;
}
.page-body.direction-rtl .mr-48 {
  margin-left: 48px !important;
}
.page-body.direction-rtl .ml-48 {
  margin-right: 48px !important;
}
.page-body.direction-rtl .pr-48 {
  padding-left: 48px !important;
}
.page-body.direction-rtl .pl-48 {
  padding-right: 48px !important;
}
.page-body.direction-ltr .mt-49, .page-body.direction-rtl .mt-49 {
  margin-top: 49px !important;
}
.page-body.direction-ltr .mb-49, .page-body.direction-rtl .mb-49 {
  margin-bottom: 49px !important;
}
.page-body.direction-ltr .pt-49, .page-body.direction-rtl .pt-49 {
  padding-top: 49px !important;
}
.page-body.direction-ltr .pb-49, .page-body.direction-rtl .pb-49 {
  padding-bottom: 49px !important;
}
.page-body.direction-ltr .mr-49 {
  margin-right: 49px !important;
}
.page-body.direction-ltr .ml-49 {
  margin-left: 49px !important;
}
.page-body.direction-ltr .pr-49 {
  padding-right: 49px !important;
}
.page-body.direction-ltr .pl-49 {
  padding-left: 49px !important;
}
.page-body.direction-rtl .mr-49 {
  margin-left: 49px !important;
}
.page-body.direction-rtl .ml-49 {
  margin-right: 49px !important;
}
.page-body.direction-rtl .pr-49 {
  padding-left: 49px !important;
}
.page-body.direction-rtl .pl-49 {
  padding-right: 49px !important;
}
.page-body.direction-ltr .mt-50, .page-body.direction-rtl .mt-50 {
  margin-top: 50px !important;
}
.page-body.direction-ltr .mb-50, .page-body.direction-rtl .mb-50 {
  margin-bottom: 50px !important;
}
.page-body.direction-ltr .pt-50, .page-body.direction-rtl .pt-50 {
  padding-top: 50px !important;
}
.page-body.direction-ltr .pb-50, .page-body.direction-rtl .pb-50 {
  padding-bottom: 50px !important;
}
.page-body.direction-ltr .mr-50 {
  margin-right: 50px !important;
}
.page-body.direction-ltr .ml-50 {
  margin-left: 50px !important;
}
.page-body.direction-ltr .pr-50 {
  padding-right: 50px !important;
}
.page-body.direction-ltr .pl-50 {
  padding-left: 50px !important;
}
.page-body.direction-rtl .mr-50 {
  margin-left: 50px !important;
}
.page-body.direction-rtl .ml-50 {
  margin-right: 50px !important;
}
.page-body.direction-rtl .pr-50 {
  padding-left: 50px !important;
}
.page-body.direction-rtl .pl-50 {
  padding-right: 50px !important;
}
.page-body.direction-ltr .mt-51, .page-body.direction-rtl .mt-51 {
  margin-top: 51px !important;
}
.page-body.direction-ltr .mb-51, .page-body.direction-rtl .mb-51 {
  margin-bottom: 51px !important;
}
.page-body.direction-ltr .pt-51, .page-body.direction-rtl .pt-51 {
  padding-top: 51px !important;
}
.page-body.direction-ltr .pb-51, .page-body.direction-rtl .pb-51 {
  padding-bottom: 51px !important;
}
.page-body.direction-ltr .mr-51 {
  margin-right: 51px !important;
}
.page-body.direction-ltr .ml-51 {
  margin-left: 51px !important;
}
.page-body.direction-ltr .pr-51 {
  padding-right: 51px !important;
}
.page-body.direction-ltr .pl-51 {
  padding-left: 51px !important;
}
.page-body.direction-rtl .mr-51 {
  margin-left: 51px !important;
}
.page-body.direction-rtl .ml-51 {
  margin-right: 51px !important;
}
.page-body.direction-rtl .pr-51 {
  padding-left: 51px !important;
}
.page-body.direction-rtl .pl-51 {
  padding-right: 51px !important;
}
.page-body.direction-ltr .mt-52, .page-body.direction-rtl .mt-52 {
  margin-top: 52px !important;
}
.page-body.direction-ltr .mb-52, .page-body.direction-rtl .mb-52 {
  margin-bottom: 52px !important;
}
.page-body.direction-ltr .pt-52, .page-body.direction-rtl .pt-52 {
  padding-top: 52px !important;
}
.page-body.direction-ltr .pb-52, .page-body.direction-rtl .pb-52 {
  padding-bottom: 52px !important;
}
.page-body.direction-ltr .mr-52 {
  margin-right: 52px !important;
}
.page-body.direction-ltr .ml-52 {
  margin-left: 52px !important;
}
.page-body.direction-ltr .pr-52 {
  padding-right: 52px !important;
}
.page-body.direction-ltr .pl-52 {
  padding-left: 52px !important;
}
.page-body.direction-rtl .mr-52 {
  margin-left: 52px !important;
}
.page-body.direction-rtl .ml-52 {
  margin-right: 52px !important;
}
.page-body.direction-rtl .pr-52 {
  padding-left: 52px !important;
}
.page-body.direction-rtl .pl-52 {
  padding-right: 52px !important;
}
.page-body.direction-ltr .mt-53, .page-body.direction-rtl .mt-53 {
  margin-top: 53px !important;
}
.page-body.direction-ltr .mb-53, .page-body.direction-rtl .mb-53 {
  margin-bottom: 53px !important;
}
.page-body.direction-ltr .pt-53, .page-body.direction-rtl .pt-53 {
  padding-top: 53px !important;
}
.page-body.direction-ltr .pb-53, .page-body.direction-rtl .pb-53 {
  padding-bottom: 53px !important;
}
.page-body.direction-ltr .mr-53 {
  margin-right: 53px !important;
}
.page-body.direction-ltr .ml-53 {
  margin-left: 53px !important;
}
.page-body.direction-ltr .pr-53 {
  padding-right: 53px !important;
}
.page-body.direction-ltr .pl-53 {
  padding-left: 53px !important;
}
.page-body.direction-rtl .mr-53 {
  margin-left: 53px !important;
}
.page-body.direction-rtl .ml-53 {
  margin-right: 53px !important;
}
.page-body.direction-rtl .pr-53 {
  padding-left: 53px !important;
}
.page-body.direction-rtl .pl-53 {
  padding-right: 53px !important;
}
.page-body.direction-ltr .mt-54, .page-body.direction-rtl .mt-54 {
  margin-top: 54px !important;
}
.page-body.direction-ltr .mb-54, .page-body.direction-rtl .mb-54 {
  margin-bottom: 54px !important;
}
.page-body.direction-ltr .pt-54, .page-body.direction-rtl .pt-54 {
  padding-top: 54px !important;
}
.page-body.direction-ltr .pb-54, .page-body.direction-rtl .pb-54 {
  padding-bottom: 54px !important;
}
.page-body.direction-ltr .mr-54 {
  margin-right: 54px !important;
}
.page-body.direction-ltr .ml-54 {
  margin-left: 54px !important;
}
.page-body.direction-ltr .pr-54 {
  padding-right: 54px !important;
}
.page-body.direction-ltr .pl-54 {
  padding-left: 54px !important;
}
.page-body.direction-rtl .mr-54 {
  margin-left: 54px !important;
}
.page-body.direction-rtl .ml-54 {
  margin-right: 54px !important;
}
.page-body.direction-rtl .pr-54 {
  padding-left: 54px !important;
}
.page-body.direction-rtl .pl-54 {
  padding-right: 54px !important;
}
.page-body.direction-ltr .mt-55, .page-body.direction-rtl .mt-55 {
  margin-top: 55px !important;
}
.page-body.direction-ltr .mb-55, .page-body.direction-rtl .mb-55 {
  margin-bottom: 55px !important;
}
.page-body.direction-ltr .pt-55, .page-body.direction-rtl .pt-55 {
  padding-top: 55px !important;
}
.page-body.direction-ltr .pb-55, .page-body.direction-rtl .pb-55 {
  padding-bottom: 55px !important;
}
.page-body.direction-ltr .mr-55 {
  margin-right: 55px !important;
}
.page-body.direction-ltr .ml-55 {
  margin-left: 55px !important;
}
.page-body.direction-ltr .pr-55 {
  padding-right: 55px !important;
}
.page-body.direction-ltr .pl-55 {
  padding-left: 55px !important;
}
.page-body.direction-rtl .mr-55 {
  margin-left: 55px !important;
}
.page-body.direction-rtl .ml-55 {
  margin-right: 55px !important;
}
.page-body.direction-rtl .pr-55 {
  padding-left: 55px !important;
}
.page-body.direction-rtl .pl-55 {
  padding-right: 55px !important;
}
.page-body.direction-ltr .mt-56, .page-body.direction-rtl .mt-56 {
  margin-top: 56px !important;
}
.page-body.direction-ltr .mb-56, .page-body.direction-rtl .mb-56 {
  margin-bottom: 56px !important;
}
.page-body.direction-ltr .pt-56, .page-body.direction-rtl .pt-56 {
  padding-top: 56px !important;
}
.page-body.direction-ltr .pb-56, .page-body.direction-rtl .pb-56 {
  padding-bottom: 56px !important;
}
.page-body.direction-ltr .mr-56 {
  margin-right: 56px !important;
}
.page-body.direction-ltr .ml-56 {
  margin-left: 56px !important;
}
.page-body.direction-ltr .pr-56 {
  padding-right: 56px !important;
}
.page-body.direction-ltr .pl-56 {
  padding-left: 56px !important;
}
.page-body.direction-rtl .mr-56 {
  margin-left: 56px !important;
}
.page-body.direction-rtl .ml-56 {
  margin-right: 56px !important;
}
.page-body.direction-rtl .pr-56 {
  padding-left: 56px !important;
}
.page-body.direction-rtl .pl-56 {
  padding-right: 56px !important;
}
.page-body.direction-ltr .mt-57, .page-body.direction-rtl .mt-57 {
  margin-top: 57px !important;
}
.page-body.direction-ltr .mb-57, .page-body.direction-rtl .mb-57 {
  margin-bottom: 57px !important;
}
.page-body.direction-ltr .pt-57, .page-body.direction-rtl .pt-57 {
  padding-top: 57px !important;
}
.page-body.direction-ltr .pb-57, .page-body.direction-rtl .pb-57 {
  padding-bottom: 57px !important;
}
.page-body.direction-ltr .mr-57 {
  margin-right: 57px !important;
}
.page-body.direction-ltr .ml-57 {
  margin-left: 57px !important;
}
.page-body.direction-ltr .pr-57 {
  padding-right: 57px !important;
}
.page-body.direction-ltr .pl-57 {
  padding-left: 57px !important;
}
.page-body.direction-rtl .mr-57 {
  margin-left: 57px !important;
}
.page-body.direction-rtl .ml-57 {
  margin-right: 57px !important;
}
.page-body.direction-rtl .pr-57 {
  padding-left: 57px !important;
}
.page-body.direction-rtl .pl-57 {
  padding-right: 57px !important;
}
.page-body.direction-ltr .mt-58, .page-body.direction-rtl .mt-58 {
  margin-top: 58px !important;
}
.page-body.direction-ltr .mb-58, .page-body.direction-rtl .mb-58 {
  margin-bottom: 58px !important;
}
.page-body.direction-ltr .pt-58, .page-body.direction-rtl .pt-58 {
  padding-top: 58px !important;
}
.page-body.direction-ltr .pb-58, .page-body.direction-rtl .pb-58 {
  padding-bottom: 58px !important;
}
.page-body.direction-ltr .mr-58 {
  margin-right: 58px !important;
}
.page-body.direction-ltr .ml-58 {
  margin-left: 58px !important;
}
.page-body.direction-ltr .pr-58 {
  padding-right: 58px !important;
}
.page-body.direction-ltr .pl-58 {
  padding-left: 58px !important;
}
.page-body.direction-rtl .mr-58 {
  margin-left: 58px !important;
}
.page-body.direction-rtl .ml-58 {
  margin-right: 58px !important;
}
.page-body.direction-rtl .pr-58 {
  padding-left: 58px !important;
}
.page-body.direction-rtl .pl-58 {
  padding-right: 58px !important;
}
.page-body.direction-ltr .mt-59, .page-body.direction-rtl .mt-59 {
  margin-top: 59px !important;
}
.page-body.direction-ltr .mb-59, .page-body.direction-rtl .mb-59 {
  margin-bottom: 59px !important;
}
.page-body.direction-ltr .pt-59, .page-body.direction-rtl .pt-59 {
  padding-top: 59px !important;
}
.page-body.direction-ltr .pb-59, .page-body.direction-rtl .pb-59 {
  padding-bottom: 59px !important;
}
.page-body.direction-ltr .mr-59 {
  margin-right: 59px !important;
}
.page-body.direction-ltr .ml-59 {
  margin-left: 59px !important;
}
.page-body.direction-ltr .pr-59 {
  padding-right: 59px !important;
}
.page-body.direction-ltr .pl-59 {
  padding-left: 59px !important;
}
.page-body.direction-rtl .mr-59 {
  margin-left: 59px !important;
}
.page-body.direction-rtl .ml-59 {
  margin-right: 59px !important;
}
.page-body.direction-rtl .pr-59 {
  padding-left: 59px !important;
}
.page-body.direction-rtl .pl-59 {
  padding-right: 59px !important;
}
.page-body.direction-ltr .mt-60, .page-body.direction-rtl .mt-60 {
  margin-top: 60px !important;
}
.page-body.direction-ltr .mb-60, .page-body.direction-rtl .mb-60 {
  margin-bottom: 60px !important;
}
.page-body.direction-ltr .pt-60, .page-body.direction-rtl .pt-60 {
  padding-top: 60px !important;
}
.page-body.direction-ltr .pb-60, .page-body.direction-rtl .pb-60 {
  padding-bottom: 60px !important;
}
.page-body.direction-ltr .mr-60 {
  margin-right: 60px !important;
}
.page-body.direction-ltr .ml-60 {
  margin-left: 60px !important;
}
.page-body.direction-ltr .pr-60 {
  padding-right: 60px !important;
}
.page-body.direction-ltr .pl-60 {
  padding-left: 60px !important;
}
.page-body.direction-rtl .mr-60 {
  margin-left: 60px !important;
}
.page-body.direction-rtl .ml-60 {
  margin-right: 60px !important;
}
.page-body.direction-rtl .pr-60 {
  padding-left: 60px !important;
}
.page-body.direction-rtl .pl-60 {
  padding-right: 60px !important;
}
.page-body.direction-ltr .mt-61, .page-body.direction-rtl .mt-61 {
  margin-top: 61px !important;
}
.page-body.direction-ltr .mb-61, .page-body.direction-rtl .mb-61 {
  margin-bottom: 61px !important;
}
.page-body.direction-ltr .pt-61, .page-body.direction-rtl .pt-61 {
  padding-top: 61px !important;
}
.page-body.direction-ltr .pb-61, .page-body.direction-rtl .pb-61 {
  padding-bottom: 61px !important;
}
.page-body.direction-ltr .mr-61 {
  margin-right: 61px !important;
}
.page-body.direction-ltr .ml-61 {
  margin-left: 61px !important;
}
.page-body.direction-ltr .pr-61 {
  padding-right: 61px !important;
}
.page-body.direction-ltr .pl-61 {
  padding-left: 61px !important;
}
.page-body.direction-rtl .mr-61 {
  margin-left: 61px !important;
}
.page-body.direction-rtl .ml-61 {
  margin-right: 61px !important;
}
.page-body.direction-rtl .pr-61 {
  padding-left: 61px !important;
}
.page-body.direction-rtl .pl-61 {
  padding-right: 61px !important;
}
.page-body.direction-ltr .mt-62, .page-body.direction-rtl .mt-62 {
  margin-top: 62px !important;
}
.page-body.direction-ltr .mb-62, .page-body.direction-rtl .mb-62 {
  margin-bottom: 62px !important;
}
.page-body.direction-ltr .pt-62, .page-body.direction-rtl .pt-62 {
  padding-top: 62px !important;
}
.page-body.direction-ltr .pb-62, .page-body.direction-rtl .pb-62 {
  padding-bottom: 62px !important;
}
.page-body.direction-ltr .mr-62 {
  margin-right: 62px !important;
}
.page-body.direction-ltr .ml-62 {
  margin-left: 62px !important;
}
.page-body.direction-ltr .pr-62 {
  padding-right: 62px !important;
}
.page-body.direction-ltr .pl-62 {
  padding-left: 62px !important;
}
.page-body.direction-rtl .mr-62 {
  margin-left: 62px !important;
}
.page-body.direction-rtl .ml-62 {
  margin-right: 62px !important;
}
.page-body.direction-rtl .pr-62 {
  padding-left: 62px !important;
}
.page-body.direction-rtl .pl-62 {
  padding-right: 62px !important;
}
.page-body.direction-ltr .mt-63, .page-body.direction-rtl .mt-63 {
  margin-top: 63px !important;
}
.page-body.direction-ltr .mb-63, .page-body.direction-rtl .mb-63 {
  margin-bottom: 63px !important;
}
.page-body.direction-ltr .pt-63, .page-body.direction-rtl .pt-63 {
  padding-top: 63px !important;
}
.page-body.direction-ltr .pb-63, .page-body.direction-rtl .pb-63 {
  padding-bottom: 63px !important;
}
.page-body.direction-ltr .mr-63 {
  margin-right: 63px !important;
}
.page-body.direction-ltr .ml-63 {
  margin-left: 63px !important;
}
.page-body.direction-ltr .pr-63 {
  padding-right: 63px !important;
}
.page-body.direction-ltr .pl-63 {
  padding-left: 63px !important;
}
.page-body.direction-rtl .mr-63 {
  margin-left: 63px !important;
}
.page-body.direction-rtl .ml-63 {
  margin-right: 63px !important;
}
.page-body.direction-rtl .pr-63 {
  padding-left: 63px !important;
}
.page-body.direction-rtl .pl-63 {
  padding-right: 63px !important;
}
.page-body.direction-ltr .mt-64, .page-body.direction-rtl .mt-64 {
  margin-top: 64px !important;
}
.page-body.direction-ltr .mb-64, .page-body.direction-rtl .mb-64 {
  margin-bottom: 64px !important;
}
.page-body.direction-ltr .pt-64, .page-body.direction-rtl .pt-64 {
  padding-top: 64px !important;
}
.page-body.direction-ltr .pb-64, .page-body.direction-rtl .pb-64 {
  padding-bottom: 64px !important;
}
.page-body.direction-ltr .mr-64 {
  margin-right: 64px !important;
}
.page-body.direction-ltr .ml-64 {
  margin-left: 64px !important;
}
.page-body.direction-ltr .pr-64 {
  padding-right: 64px !important;
}
.page-body.direction-ltr .pl-64 {
  padding-left: 64px !important;
}
.page-body.direction-rtl .mr-64 {
  margin-left: 64px !important;
}
.page-body.direction-rtl .ml-64 {
  margin-right: 64px !important;
}
.page-body.direction-rtl .pr-64 {
  padding-left: 64px !important;
}
.page-body.direction-rtl .pl-64 {
  padding-right: 64px !important;
}
.page-body.direction-ltr .mt-65, .page-body.direction-rtl .mt-65 {
  margin-top: 65px !important;
}
.page-body.direction-ltr .mb-65, .page-body.direction-rtl .mb-65 {
  margin-bottom: 65px !important;
}
.page-body.direction-ltr .pt-65, .page-body.direction-rtl .pt-65 {
  padding-top: 65px !important;
}
.page-body.direction-ltr .pb-65, .page-body.direction-rtl .pb-65 {
  padding-bottom: 65px !important;
}
.page-body.direction-ltr .mr-65 {
  margin-right: 65px !important;
}
.page-body.direction-ltr .ml-65 {
  margin-left: 65px !important;
}
.page-body.direction-ltr .pr-65 {
  padding-right: 65px !important;
}
.page-body.direction-ltr .pl-65 {
  padding-left: 65px !important;
}
.page-body.direction-rtl .mr-65 {
  margin-left: 65px !important;
}
.page-body.direction-rtl .ml-65 {
  margin-right: 65px !important;
}
.page-body.direction-rtl .pr-65 {
  padding-left: 65px !important;
}
.page-body.direction-rtl .pl-65 {
  padding-right: 65px !important;
}
.page-body.direction-ltr .mt-66, .page-body.direction-rtl .mt-66 {
  margin-top: 66px !important;
}
.page-body.direction-ltr .mb-66, .page-body.direction-rtl .mb-66 {
  margin-bottom: 66px !important;
}
.page-body.direction-ltr .pt-66, .page-body.direction-rtl .pt-66 {
  padding-top: 66px !important;
}
.page-body.direction-ltr .pb-66, .page-body.direction-rtl .pb-66 {
  padding-bottom: 66px !important;
}
.page-body.direction-ltr .mr-66 {
  margin-right: 66px !important;
}
.page-body.direction-ltr .ml-66 {
  margin-left: 66px !important;
}
.page-body.direction-ltr .pr-66 {
  padding-right: 66px !important;
}
.page-body.direction-ltr .pl-66 {
  padding-left: 66px !important;
}
.page-body.direction-rtl .mr-66 {
  margin-left: 66px !important;
}
.page-body.direction-rtl .ml-66 {
  margin-right: 66px !important;
}
.page-body.direction-rtl .pr-66 {
  padding-left: 66px !important;
}
.page-body.direction-rtl .pl-66 {
  padding-right: 66px !important;
}
.page-body.direction-ltr .mt-67, .page-body.direction-rtl .mt-67 {
  margin-top: 67px !important;
}
.page-body.direction-ltr .mb-67, .page-body.direction-rtl .mb-67 {
  margin-bottom: 67px !important;
}
.page-body.direction-ltr .pt-67, .page-body.direction-rtl .pt-67 {
  padding-top: 67px !important;
}
.page-body.direction-ltr .pb-67, .page-body.direction-rtl .pb-67 {
  padding-bottom: 67px !important;
}
.page-body.direction-ltr .mr-67 {
  margin-right: 67px !important;
}
.page-body.direction-ltr .ml-67 {
  margin-left: 67px !important;
}
.page-body.direction-ltr .pr-67 {
  padding-right: 67px !important;
}
.page-body.direction-ltr .pl-67 {
  padding-left: 67px !important;
}
.page-body.direction-rtl .mr-67 {
  margin-left: 67px !important;
}
.page-body.direction-rtl .ml-67 {
  margin-right: 67px !important;
}
.page-body.direction-rtl .pr-67 {
  padding-left: 67px !important;
}
.page-body.direction-rtl .pl-67 {
  padding-right: 67px !important;
}
.page-body.direction-ltr .mt-68, .page-body.direction-rtl .mt-68 {
  margin-top: 68px !important;
}
.page-body.direction-ltr .mb-68, .page-body.direction-rtl .mb-68 {
  margin-bottom: 68px !important;
}
.page-body.direction-ltr .pt-68, .page-body.direction-rtl .pt-68 {
  padding-top: 68px !important;
}
.page-body.direction-ltr .pb-68, .page-body.direction-rtl .pb-68 {
  padding-bottom: 68px !important;
}
.page-body.direction-ltr .mr-68 {
  margin-right: 68px !important;
}
.page-body.direction-ltr .ml-68 {
  margin-left: 68px !important;
}
.page-body.direction-ltr .pr-68 {
  padding-right: 68px !important;
}
.page-body.direction-ltr .pl-68 {
  padding-left: 68px !important;
}
.page-body.direction-rtl .mr-68 {
  margin-left: 68px !important;
}
.page-body.direction-rtl .ml-68 {
  margin-right: 68px !important;
}
.page-body.direction-rtl .pr-68 {
  padding-left: 68px !important;
}
.page-body.direction-rtl .pl-68 {
  padding-right: 68px !important;
}
.page-body.direction-ltr .mt-69, .page-body.direction-rtl .mt-69 {
  margin-top: 69px !important;
}
.page-body.direction-ltr .mb-69, .page-body.direction-rtl .mb-69 {
  margin-bottom: 69px !important;
}
.page-body.direction-ltr .pt-69, .page-body.direction-rtl .pt-69 {
  padding-top: 69px !important;
}
.page-body.direction-ltr .pb-69, .page-body.direction-rtl .pb-69 {
  padding-bottom: 69px !important;
}
.page-body.direction-ltr .mr-69 {
  margin-right: 69px !important;
}
.page-body.direction-ltr .ml-69 {
  margin-left: 69px !important;
}
.page-body.direction-ltr .pr-69 {
  padding-right: 69px !important;
}
.page-body.direction-ltr .pl-69 {
  padding-left: 69px !important;
}
.page-body.direction-rtl .mr-69 {
  margin-left: 69px !important;
}
.page-body.direction-rtl .ml-69 {
  margin-right: 69px !important;
}
.page-body.direction-rtl .pr-69 {
  padding-left: 69px !important;
}
.page-body.direction-rtl .pl-69 {
  padding-right: 69px !important;
}
.page-body.direction-ltr .mt-70, .page-body.direction-rtl .mt-70 {
  margin-top: 70px !important;
}
.page-body.direction-ltr .mb-70, .page-body.direction-rtl .mb-70 {
  margin-bottom: 70px !important;
}
.page-body.direction-ltr .pt-70, .page-body.direction-rtl .pt-70 {
  padding-top: 70px !important;
}
.page-body.direction-ltr .pb-70, .page-body.direction-rtl .pb-70 {
  padding-bottom: 70px !important;
}
.page-body.direction-ltr .mr-70 {
  margin-right: 70px !important;
}
.page-body.direction-ltr .ml-70 {
  margin-left: 70px !important;
}
.page-body.direction-ltr .pr-70 {
  padding-right: 70px !important;
}
.page-body.direction-ltr .pl-70 {
  padding-left: 70px !important;
}
.page-body.direction-rtl .mr-70 {
  margin-left: 70px !important;
}
.page-body.direction-rtl .ml-70 {
  margin-right: 70px !important;
}
.page-body.direction-rtl .pr-70 {
  padding-left: 70px !important;
}
.page-body.direction-rtl .pl-70 {
  padding-right: 70px !important;
}
.page-body.direction-ltr .mt-71, .page-body.direction-rtl .mt-71 {
  margin-top: 71px !important;
}
.page-body.direction-ltr .mb-71, .page-body.direction-rtl .mb-71 {
  margin-bottom: 71px !important;
}
.page-body.direction-ltr .pt-71, .page-body.direction-rtl .pt-71 {
  padding-top: 71px !important;
}
.page-body.direction-ltr .pb-71, .page-body.direction-rtl .pb-71 {
  padding-bottom: 71px !important;
}
.page-body.direction-ltr .mr-71 {
  margin-right: 71px !important;
}
.page-body.direction-ltr .ml-71 {
  margin-left: 71px !important;
}
.page-body.direction-ltr .pr-71 {
  padding-right: 71px !important;
}
.page-body.direction-ltr .pl-71 {
  padding-left: 71px !important;
}
.page-body.direction-rtl .mr-71 {
  margin-left: 71px !important;
}
.page-body.direction-rtl .ml-71 {
  margin-right: 71px !important;
}
.page-body.direction-rtl .pr-71 {
  padding-left: 71px !important;
}
.page-body.direction-rtl .pl-71 {
  padding-right: 71px !important;
}
.page-body.direction-ltr .mt-72, .page-body.direction-rtl .mt-72 {
  margin-top: 72px !important;
}
.page-body.direction-ltr .mb-72, .page-body.direction-rtl .mb-72 {
  margin-bottom: 72px !important;
}
.page-body.direction-ltr .pt-72, .page-body.direction-rtl .pt-72 {
  padding-top: 72px !important;
}
.page-body.direction-ltr .pb-72, .page-body.direction-rtl .pb-72 {
  padding-bottom: 72px !important;
}
.page-body.direction-ltr .mr-72 {
  margin-right: 72px !important;
}
.page-body.direction-ltr .ml-72 {
  margin-left: 72px !important;
}
.page-body.direction-ltr .pr-72 {
  padding-right: 72px !important;
}
.page-body.direction-ltr .pl-72 {
  padding-left: 72px !important;
}
.page-body.direction-rtl .mr-72 {
  margin-left: 72px !important;
}
.page-body.direction-rtl .ml-72 {
  margin-right: 72px !important;
}
.page-body.direction-rtl .pr-72 {
  padding-left: 72px !important;
}
.page-body.direction-rtl .pl-72 {
  padding-right: 72px !important;
}
.page-body.direction-ltr .mt-73, .page-body.direction-rtl .mt-73 {
  margin-top: 73px !important;
}
.page-body.direction-ltr .mb-73, .page-body.direction-rtl .mb-73 {
  margin-bottom: 73px !important;
}
.page-body.direction-ltr .pt-73, .page-body.direction-rtl .pt-73 {
  padding-top: 73px !important;
}
.page-body.direction-ltr .pb-73, .page-body.direction-rtl .pb-73 {
  padding-bottom: 73px !important;
}
.page-body.direction-ltr .mr-73 {
  margin-right: 73px !important;
}
.page-body.direction-ltr .ml-73 {
  margin-left: 73px !important;
}
.page-body.direction-ltr .pr-73 {
  padding-right: 73px !important;
}
.page-body.direction-ltr .pl-73 {
  padding-left: 73px !important;
}
.page-body.direction-rtl .mr-73 {
  margin-left: 73px !important;
}
.page-body.direction-rtl .ml-73 {
  margin-right: 73px !important;
}
.page-body.direction-rtl .pr-73 {
  padding-left: 73px !important;
}
.page-body.direction-rtl .pl-73 {
  padding-right: 73px !important;
}
.page-body.direction-ltr .mt-74, .page-body.direction-rtl .mt-74 {
  margin-top: 74px !important;
}
.page-body.direction-ltr .mb-74, .page-body.direction-rtl .mb-74 {
  margin-bottom: 74px !important;
}
.page-body.direction-ltr .pt-74, .page-body.direction-rtl .pt-74 {
  padding-top: 74px !important;
}
.page-body.direction-ltr .pb-74, .page-body.direction-rtl .pb-74 {
  padding-bottom: 74px !important;
}
.page-body.direction-ltr .mr-74 {
  margin-right: 74px !important;
}
.page-body.direction-ltr .ml-74 {
  margin-left: 74px !important;
}
.page-body.direction-ltr .pr-74 {
  padding-right: 74px !important;
}
.page-body.direction-ltr .pl-74 {
  padding-left: 74px !important;
}
.page-body.direction-rtl .mr-74 {
  margin-left: 74px !important;
}
.page-body.direction-rtl .ml-74 {
  margin-right: 74px !important;
}
.page-body.direction-rtl .pr-74 {
  padding-left: 74px !important;
}
.page-body.direction-rtl .pl-74 {
  padding-right: 74px !important;
}
.page-body.direction-ltr .mt-75, .page-body.direction-rtl .mt-75 {
  margin-top: 75px !important;
}
.page-body.direction-ltr .mb-75, .page-body.direction-rtl .mb-75 {
  margin-bottom: 75px !important;
}
.page-body.direction-ltr .pt-75, .page-body.direction-rtl .pt-75 {
  padding-top: 75px !important;
}
.page-body.direction-ltr .pb-75, .page-body.direction-rtl .pb-75 {
  padding-bottom: 75px !important;
}
.page-body.direction-ltr .mr-75 {
  margin-right: 75px !important;
}
.page-body.direction-ltr .ml-75 {
  margin-left: 75px !important;
}
.page-body.direction-ltr .pr-75 {
  padding-right: 75px !important;
}
.page-body.direction-ltr .pl-75 {
  padding-left: 75px !important;
}
.page-body.direction-rtl .mr-75 {
  margin-left: 75px !important;
}
.page-body.direction-rtl .ml-75 {
  margin-right: 75px !important;
}
.page-body.direction-rtl .pr-75 {
  padding-left: 75px !important;
}
.page-body.direction-rtl .pl-75 {
  padding-right: 75px !important;
}
.page-body.direction-ltr .mt-76, .page-body.direction-rtl .mt-76 {
  margin-top: 76px !important;
}
.page-body.direction-ltr .mb-76, .page-body.direction-rtl .mb-76 {
  margin-bottom: 76px !important;
}
.page-body.direction-ltr .pt-76, .page-body.direction-rtl .pt-76 {
  padding-top: 76px !important;
}
.page-body.direction-ltr .pb-76, .page-body.direction-rtl .pb-76 {
  padding-bottom: 76px !important;
}
.page-body.direction-ltr .mr-76 {
  margin-right: 76px !important;
}
.page-body.direction-ltr .ml-76 {
  margin-left: 76px !important;
}
.page-body.direction-ltr .pr-76 {
  padding-right: 76px !important;
}
.page-body.direction-ltr .pl-76 {
  padding-left: 76px !important;
}
.page-body.direction-rtl .mr-76 {
  margin-left: 76px !important;
}
.page-body.direction-rtl .ml-76 {
  margin-right: 76px !important;
}
.page-body.direction-rtl .pr-76 {
  padding-left: 76px !important;
}
.page-body.direction-rtl .pl-76 {
  padding-right: 76px !important;
}
.page-body.direction-ltr .mt-77, .page-body.direction-rtl .mt-77 {
  margin-top: 77px !important;
}
.page-body.direction-ltr .mb-77, .page-body.direction-rtl .mb-77 {
  margin-bottom: 77px !important;
}
.page-body.direction-ltr .pt-77, .page-body.direction-rtl .pt-77 {
  padding-top: 77px !important;
}
.page-body.direction-ltr .pb-77, .page-body.direction-rtl .pb-77 {
  padding-bottom: 77px !important;
}
.page-body.direction-ltr .mr-77 {
  margin-right: 77px !important;
}
.page-body.direction-ltr .ml-77 {
  margin-left: 77px !important;
}
.page-body.direction-ltr .pr-77 {
  padding-right: 77px !important;
}
.page-body.direction-ltr .pl-77 {
  padding-left: 77px !important;
}
.page-body.direction-rtl .mr-77 {
  margin-left: 77px !important;
}
.page-body.direction-rtl .ml-77 {
  margin-right: 77px !important;
}
.page-body.direction-rtl .pr-77 {
  padding-left: 77px !important;
}
.page-body.direction-rtl .pl-77 {
  padding-right: 77px !important;
}
.page-body.direction-ltr .mt-78, .page-body.direction-rtl .mt-78 {
  margin-top: 78px !important;
}
.page-body.direction-ltr .mb-78, .page-body.direction-rtl .mb-78 {
  margin-bottom: 78px !important;
}
.page-body.direction-ltr .pt-78, .page-body.direction-rtl .pt-78 {
  padding-top: 78px !important;
}
.page-body.direction-ltr .pb-78, .page-body.direction-rtl .pb-78 {
  padding-bottom: 78px !important;
}
.page-body.direction-ltr .mr-78 {
  margin-right: 78px !important;
}
.page-body.direction-ltr .ml-78 {
  margin-left: 78px !important;
}
.page-body.direction-ltr .pr-78 {
  padding-right: 78px !important;
}
.page-body.direction-ltr .pl-78 {
  padding-left: 78px !important;
}
.page-body.direction-rtl .mr-78 {
  margin-left: 78px !important;
}
.page-body.direction-rtl .ml-78 {
  margin-right: 78px !important;
}
.page-body.direction-rtl .pr-78 {
  padding-left: 78px !important;
}
.page-body.direction-rtl .pl-78 {
  padding-right: 78px !important;
}
.page-body.direction-ltr .mt-79, .page-body.direction-rtl .mt-79 {
  margin-top: 79px !important;
}
.page-body.direction-ltr .mb-79, .page-body.direction-rtl .mb-79 {
  margin-bottom: 79px !important;
}
.page-body.direction-ltr .pt-79, .page-body.direction-rtl .pt-79 {
  padding-top: 79px !important;
}
.page-body.direction-ltr .pb-79, .page-body.direction-rtl .pb-79 {
  padding-bottom: 79px !important;
}
.page-body.direction-ltr .mr-79 {
  margin-right: 79px !important;
}
.page-body.direction-ltr .ml-79 {
  margin-left: 79px !important;
}
.page-body.direction-ltr .pr-79 {
  padding-right: 79px !important;
}
.page-body.direction-ltr .pl-79 {
  padding-left: 79px !important;
}
.page-body.direction-rtl .mr-79 {
  margin-left: 79px !important;
}
.page-body.direction-rtl .ml-79 {
  margin-right: 79px !important;
}
.page-body.direction-rtl .pr-79 {
  padding-left: 79px !important;
}
.page-body.direction-rtl .pl-79 {
  padding-right: 79px !important;
}
.page-body.direction-ltr .mt-80, .page-body.direction-rtl .mt-80 {
  margin-top: 80px !important;
}
.page-body.direction-ltr .mb-80, .page-body.direction-rtl .mb-80 {
  margin-bottom: 80px !important;
}
.page-body.direction-ltr .pt-80, .page-body.direction-rtl .pt-80 {
  padding-top: 80px !important;
}
.page-body.direction-ltr .pb-80, .page-body.direction-rtl .pb-80 {
  padding-bottom: 80px !important;
}
.page-body.direction-ltr .mr-80 {
  margin-right: 80px !important;
}
.page-body.direction-ltr .ml-80 {
  margin-left: 80px !important;
}
.page-body.direction-ltr .pr-80 {
  padding-right: 80px !important;
}
.page-body.direction-ltr .pl-80 {
  padding-left: 80px !important;
}
.page-body.direction-rtl .mr-80 {
  margin-left: 80px !important;
}
.page-body.direction-rtl .ml-80 {
  margin-right: 80px !important;
}
.page-body.direction-rtl .pr-80 {
  padding-left: 80px !important;
}
.page-body.direction-rtl .pl-80 {
  padding-right: 80px !important;
}
.page-body.direction-ltr .mt-81, .page-body.direction-rtl .mt-81 {
  margin-top: 81px !important;
}
.page-body.direction-ltr .mb-81, .page-body.direction-rtl .mb-81 {
  margin-bottom: 81px !important;
}
.page-body.direction-ltr .pt-81, .page-body.direction-rtl .pt-81 {
  padding-top: 81px !important;
}
.page-body.direction-ltr .pb-81, .page-body.direction-rtl .pb-81 {
  padding-bottom: 81px !important;
}
.page-body.direction-ltr .mr-81 {
  margin-right: 81px !important;
}
.page-body.direction-ltr .ml-81 {
  margin-left: 81px !important;
}
.page-body.direction-ltr .pr-81 {
  padding-right: 81px !important;
}
.page-body.direction-ltr .pl-81 {
  padding-left: 81px !important;
}
.page-body.direction-rtl .mr-81 {
  margin-left: 81px !important;
}
.page-body.direction-rtl .ml-81 {
  margin-right: 81px !important;
}
.page-body.direction-rtl .pr-81 {
  padding-left: 81px !important;
}
.page-body.direction-rtl .pl-81 {
  padding-right: 81px !important;
}
.page-body.direction-ltr .mt-82, .page-body.direction-rtl .mt-82 {
  margin-top: 82px !important;
}
.page-body.direction-ltr .mb-82, .page-body.direction-rtl .mb-82 {
  margin-bottom: 82px !important;
}
.page-body.direction-ltr .pt-82, .page-body.direction-rtl .pt-82 {
  padding-top: 82px !important;
}
.page-body.direction-ltr .pb-82, .page-body.direction-rtl .pb-82 {
  padding-bottom: 82px !important;
}
.page-body.direction-ltr .mr-82 {
  margin-right: 82px !important;
}
.page-body.direction-ltr .ml-82 {
  margin-left: 82px !important;
}
.page-body.direction-ltr .pr-82 {
  padding-right: 82px !important;
}
.page-body.direction-ltr .pl-82 {
  padding-left: 82px !important;
}
.page-body.direction-rtl .mr-82 {
  margin-left: 82px !important;
}
.page-body.direction-rtl .ml-82 {
  margin-right: 82px !important;
}
.page-body.direction-rtl .pr-82 {
  padding-left: 82px !important;
}
.page-body.direction-rtl .pl-82 {
  padding-right: 82px !important;
}
.page-body.direction-ltr .mt-83, .page-body.direction-rtl .mt-83 {
  margin-top: 83px !important;
}
.page-body.direction-ltr .mb-83, .page-body.direction-rtl .mb-83 {
  margin-bottom: 83px !important;
}
.page-body.direction-ltr .pt-83, .page-body.direction-rtl .pt-83 {
  padding-top: 83px !important;
}
.page-body.direction-ltr .pb-83, .page-body.direction-rtl .pb-83 {
  padding-bottom: 83px !important;
}
.page-body.direction-ltr .mr-83 {
  margin-right: 83px !important;
}
.page-body.direction-ltr .ml-83 {
  margin-left: 83px !important;
}
.page-body.direction-ltr .pr-83 {
  padding-right: 83px !important;
}
.page-body.direction-ltr .pl-83 {
  padding-left: 83px !important;
}
.page-body.direction-rtl .mr-83 {
  margin-left: 83px !important;
}
.page-body.direction-rtl .ml-83 {
  margin-right: 83px !important;
}
.page-body.direction-rtl .pr-83 {
  padding-left: 83px !important;
}
.page-body.direction-rtl .pl-83 {
  padding-right: 83px !important;
}
.page-body.direction-ltr .mt-84, .page-body.direction-rtl .mt-84 {
  margin-top: 84px !important;
}
.page-body.direction-ltr .mb-84, .page-body.direction-rtl .mb-84 {
  margin-bottom: 84px !important;
}
.page-body.direction-ltr .pt-84, .page-body.direction-rtl .pt-84 {
  padding-top: 84px !important;
}
.page-body.direction-ltr .pb-84, .page-body.direction-rtl .pb-84 {
  padding-bottom: 84px !important;
}
.page-body.direction-ltr .mr-84 {
  margin-right: 84px !important;
}
.page-body.direction-ltr .ml-84 {
  margin-left: 84px !important;
}
.page-body.direction-ltr .pr-84 {
  padding-right: 84px !important;
}
.page-body.direction-ltr .pl-84 {
  padding-left: 84px !important;
}
.page-body.direction-rtl .mr-84 {
  margin-left: 84px !important;
}
.page-body.direction-rtl .ml-84 {
  margin-right: 84px !important;
}
.page-body.direction-rtl .pr-84 {
  padding-left: 84px !important;
}
.page-body.direction-rtl .pl-84 {
  padding-right: 84px !important;
}
.page-body.direction-ltr .mt-85, .page-body.direction-rtl .mt-85 {
  margin-top: 85px !important;
}
.page-body.direction-ltr .mb-85, .page-body.direction-rtl .mb-85 {
  margin-bottom: 85px !important;
}
.page-body.direction-ltr .pt-85, .page-body.direction-rtl .pt-85 {
  padding-top: 85px !important;
}
.page-body.direction-ltr .pb-85, .page-body.direction-rtl .pb-85 {
  padding-bottom: 85px !important;
}
.page-body.direction-ltr .mr-85 {
  margin-right: 85px !important;
}
.page-body.direction-ltr .ml-85 {
  margin-left: 85px !important;
}
.page-body.direction-ltr .pr-85 {
  padding-right: 85px !important;
}
.page-body.direction-ltr .pl-85 {
  padding-left: 85px !important;
}
.page-body.direction-rtl .mr-85 {
  margin-left: 85px !important;
}
.page-body.direction-rtl .ml-85 {
  margin-right: 85px !important;
}
.page-body.direction-rtl .pr-85 {
  padding-left: 85px !important;
}
.page-body.direction-rtl .pl-85 {
  padding-right: 85px !important;
}
.page-body.direction-ltr .mt-86, .page-body.direction-rtl .mt-86 {
  margin-top: 86px !important;
}
.page-body.direction-ltr .mb-86, .page-body.direction-rtl .mb-86 {
  margin-bottom: 86px !important;
}
.page-body.direction-ltr .pt-86, .page-body.direction-rtl .pt-86 {
  padding-top: 86px !important;
}
.page-body.direction-ltr .pb-86, .page-body.direction-rtl .pb-86 {
  padding-bottom: 86px !important;
}
.page-body.direction-ltr .mr-86 {
  margin-right: 86px !important;
}
.page-body.direction-ltr .ml-86 {
  margin-left: 86px !important;
}
.page-body.direction-ltr .pr-86 {
  padding-right: 86px !important;
}
.page-body.direction-ltr .pl-86 {
  padding-left: 86px !important;
}
.page-body.direction-rtl .mr-86 {
  margin-left: 86px !important;
}
.page-body.direction-rtl .ml-86 {
  margin-right: 86px !important;
}
.page-body.direction-rtl .pr-86 {
  padding-left: 86px !important;
}
.page-body.direction-rtl .pl-86 {
  padding-right: 86px !important;
}
.page-body.direction-ltr .mt-87, .page-body.direction-rtl .mt-87 {
  margin-top: 87px !important;
}
.page-body.direction-ltr .mb-87, .page-body.direction-rtl .mb-87 {
  margin-bottom: 87px !important;
}
.page-body.direction-ltr .pt-87, .page-body.direction-rtl .pt-87 {
  padding-top: 87px !important;
}
.page-body.direction-ltr .pb-87, .page-body.direction-rtl .pb-87 {
  padding-bottom: 87px !important;
}
.page-body.direction-ltr .mr-87 {
  margin-right: 87px !important;
}
.page-body.direction-ltr .ml-87 {
  margin-left: 87px !important;
}
.page-body.direction-ltr .pr-87 {
  padding-right: 87px !important;
}
.page-body.direction-ltr .pl-87 {
  padding-left: 87px !important;
}
.page-body.direction-rtl .mr-87 {
  margin-left: 87px !important;
}
.page-body.direction-rtl .ml-87 {
  margin-right: 87px !important;
}
.page-body.direction-rtl .pr-87 {
  padding-left: 87px !important;
}
.page-body.direction-rtl .pl-87 {
  padding-right: 87px !important;
}
.page-body.direction-ltr .mt-88, .page-body.direction-rtl .mt-88 {
  margin-top: 88px !important;
}
.page-body.direction-ltr .mb-88, .page-body.direction-rtl .mb-88 {
  margin-bottom: 88px !important;
}
.page-body.direction-ltr .pt-88, .page-body.direction-rtl .pt-88 {
  padding-top: 88px !important;
}
.page-body.direction-ltr .pb-88, .page-body.direction-rtl .pb-88 {
  padding-bottom: 88px !important;
}
.page-body.direction-ltr .mr-88 {
  margin-right: 88px !important;
}
.page-body.direction-ltr .ml-88 {
  margin-left: 88px !important;
}
.page-body.direction-ltr .pr-88 {
  padding-right: 88px !important;
}
.page-body.direction-ltr .pl-88 {
  padding-left: 88px !important;
}
.page-body.direction-rtl .mr-88 {
  margin-left: 88px !important;
}
.page-body.direction-rtl .ml-88 {
  margin-right: 88px !important;
}
.page-body.direction-rtl .pr-88 {
  padding-left: 88px !important;
}
.page-body.direction-rtl .pl-88 {
  padding-right: 88px !important;
}
.page-body.direction-ltr .mt-89, .page-body.direction-rtl .mt-89 {
  margin-top: 89px !important;
}
.page-body.direction-ltr .mb-89, .page-body.direction-rtl .mb-89 {
  margin-bottom: 89px !important;
}
.page-body.direction-ltr .pt-89, .page-body.direction-rtl .pt-89 {
  padding-top: 89px !important;
}
.page-body.direction-ltr .pb-89, .page-body.direction-rtl .pb-89 {
  padding-bottom: 89px !important;
}
.page-body.direction-ltr .mr-89 {
  margin-right: 89px !important;
}
.page-body.direction-ltr .ml-89 {
  margin-left: 89px !important;
}
.page-body.direction-ltr .pr-89 {
  padding-right: 89px !important;
}
.page-body.direction-ltr .pl-89 {
  padding-left: 89px !important;
}
.page-body.direction-rtl .mr-89 {
  margin-left: 89px !important;
}
.page-body.direction-rtl .ml-89 {
  margin-right: 89px !important;
}
.page-body.direction-rtl .pr-89 {
  padding-left: 89px !important;
}
.page-body.direction-rtl .pl-89 {
  padding-right: 89px !important;
}
.page-body.direction-ltr .mt-90, .page-body.direction-rtl .mt-90 {
  margin-top: 90px !important;
}
.page-body.direction-ltr .mb-90, .page-body.direction-rtl .mb-90 {
  margin-bottom: 90px !important;
}
.page-body.direction-ltr .pt-90, .page-body.direction-rtl .pt-90 {
  padding-top: 90px !important;
}
.page-body.direction-ltr .pb-90, .page-body.direction-rtl .pb-90 {
  padding-bottom: 90px !important;
}
.page-body.direction-ltr .mr-90 {
  margin-right: 90px !important;
}
.page-body.direction-ltr .ml-90 {
  margin-left: 90px !important;
}
.page-body.direction-ltr .pr-90 {
  padding-right: 90px !important;
}
.page-body.direction-ltr .pl-90 {
  padding-left: 90px !important;
}
.page-body.direction-rtl .mr-90 {
  margin-left: 90px !important;
}
.page-body.direction-rtl .ml-90 {
  margin-right: 90px !important;
}
.page-body.direction-rtl .pr-90 {
  padding-left: 90px !important;
}
.page-body.direction-rtl .pl-90 {
  padding-right: 90px !important;
}
.page-body.direction-ltr .mt-91, .page-body.direction-rtl .mt-91 {
  margin-top: 91px !important;
}
.page-body.direction-ltr .mb-91, .page-body.direction-rtl .mb-91 {
  margin-bottom: 91px !important;
}
.page-body.direction-ltr .pt-91, .page-body.direction-rtl .pt-91 {
  padding-top: 91px !important;
}
.page-body.direction-ltr .pb-91, .page-body.direction-rtl .pb-91 {
  padding-bottom: 91px !important;
}
.page-body.direction-ltr .mr-91 {
  margin-right: 91px !important;
}
.page-body.direction-ltr .ml-91 {
  margin-left: 91px !important;
}
.page-body.direction-ltr .pr-91 {
  padding-right: 91px !important;
}
.page-body.direction-ltr .pl-91 {
  padding-left: 91px !important;
}
.page-body.direction-rtl .mr-91 {
  margin-left: 91px !important;
}
.page-body.direction-rtl .ml-91 {
  margin-right: 91px !important;
}
.page-body.direction-rtl .pr-91 {
  padding-left: 91px !important;
}
.page-body.direction-rtl .pl-91 {
  padding-right: 91px !important;
}
.page-body.direction-ltr .mt-92, .page-body.direction-rtl .mt-92 {
  margin-top: 92px !important;
}
.page-body.direction-ltr .mb-92, .page-body.direction-rtl .mb-92 {
  margin-bottom: 92px !important;
}
.page-body.direction-ltr .pt-92, .page-body.direction-rtl .pt-92 {
  padding-top: 92px !important;
}
.page-body.direction-ltr .pb-92, .page-body.direction-rtl .pb-92 {
  padding-bottom: 92px !important;
}
.page-body.direction-ltr .mr-92 {
  margin-right: 92px !important;
}
.page-body.direction-ltr .ml-92 {
  margin-left: 92px !important;
}
.page-body.direction-ltr .pr-92 {
  padding-right: 92px !important;
}
.page-body.direction-ltr .pl-92 {
  padding-left: 92px !important;
}
.page-body.direction-rtl .mr-92 {
  margin-left: 92px !important;
}
.page-body.direction-rtl .ml-92 {
  margin-right: 92px !important;
}
.page-body.direction-rtl .pr-92 {
  padding-left: 92px !important;
}
.page-body.direction-rtl .pl-92 {
  padding-right: 92px !important;
}
.page-body.direction-ltr .mt-93, .page-body.direction-rtl .mt-93 {
  margin-top: 93px !important;
}
.page-body.direction-ltr .mb-93, .page-body.direction-rtl .mb-93 {
  margin-bottom: 93px !important;
}
.page-body.direction-ltr .pt-93, .page-body.direction-rtl .pt-93 {
  padding-top: 93px !important;
}
.page-body.direction-ltr .pb-93, .page-body.direction-rtl .pb-93 {
  padding-bottom: 93px !important;
}
.page-body.direction-ltr .mr-93 {
  margin-right: 93px !important;
}
.page-body.direction-ltr .ml-93 {
  margin-left: 93px !important;
}
.page-body.direction-ltr .pr-93 {
  padding-right: 93px !important;
}
.page-body.direction-ltr .pl-93 {
  padding-left: 93px !important;
}
.page-body.direction-rtl .mr-93 {
  margin-left: 93px !important;
}
.page-body.direction-rtl .ml-93 {
  margin-right: 93px !important;
}
.page-body.direction-rtl .pr-93 {
  padding-left: 93px !important;
}
.page-body.direction-rtl .pl-93 {
  padding-right: 93px !important;
}
.page-body.direction-ltr .mt-94, .page-body.direction-rtl .mt-94 {
  margin-top: 94px !important;
}
.page-body.direction-ltr .mb-94, .page-body.direction-rtl .mb-94 {
  margin-bottom: 94px !important;
}
.page-body.direction-ltr .pt-94, .page-body.direction-rtl .pt-94 {
  padding-top: 94px !important;
}
.page-body.direction-ltr .pb-94, .page-body.direction-rtl .pb-94 {
  padding-bottom: 94px !important;
}
.page-body.direction-ltr .mr-94 {
  margin-right: 94px !important;
}
.page-body.direction-ltr .ml-94 {
  margin-left: 94px !important;
}
.page-body.direction-ltr .pr-94 {
  padding-right: 94px !important;
}
.page-body.direction-ltr .pl-94 {
  padding-left: 94px !important;
}
.page-body.direction-rtl .mr-94 {
  margin-left: 94px !important;
}
.page-body.direction-rtl .ml-94 {
  margin-right: 94px !important;
}
.page-body.direction-rtl .pr-94 {
  padding-left: 94px !important;
}
.page-body.direction-rtl .pl-94 {
  padding-right: 94px !important;
}
.page-body.direction-ltr .mt-95, .page-body.direction-rtl .mt-95 {
  margin-top: 95px !important;
}
.page-body.direction-ltr .mb-95, .page-body.direction-rtl .mb-95 {
  margin-bottom: 95px !important;
}
.page-body.direction-ltr .pt-95, .page-body.direction-rtl .pt-95 {
  padding-top: 95px !important;
}
.page-body.direction-ltr .pb-95, .page-body.direction-rtl .pb-95 {
  padding-bottom: 95px !important;
}
.page-body.direction-ltr .mr-95 {
  margin-right: 95px !important;
}
.page-body.direction-ltr .ml-95 {
  margin-left: 95px !important;
}
.page-body.direction-ltr .pr-95 {
  padding-right: 95px !important;
}
.page-body.direction-ltr .pl-95 {
  padding-left: 95px !important;
}
.page-body.direction-rtl .mr-95 {
  margin-left: 95px !important;
}
.page-body.direction-rtl .ml-95 {
  margin-right: 95px !important;
}
.page-body.direction-rtl .pr-95 {
  padding-left: 95px !important;
}
.page-body.direction-rtl .pl-95 {
  padding-right: 95px !important;
}
.page-body.direction-ltr .mt-96, .page-body.direction-rtl .mt-96 {
  margin-top: 96px !important;
}
.page-body.direction-ltr .mb-96, .page-body.direction-rtl .mb-96 {
  margin-bottom: 96px !important;
}
.page-body.direction-ltr .pt-96, .page-body.direction-rtl .pt-96 {
  padding-top: 96px !important;
}
.page-body.direction-ltr .pb-96, .page-body.direction-rtl .pb-96 {
  padding-bottom: 96px !important;
}
.page-body.direction-ltr .mr-96 {
  margin-right: 96px !important;
}
.page-body.direction-ltr .ml-96 {
  margin-left: 96px !important;
}
.page-body.direction-ltr .pr-96 {
  padding-right: 96px !important;
}
.page-body.direction-ltr .pl-96 {
  padding-left: 96px !important;
}
.page-body.direction-rtl .mr-96 {
  margin-left: 96px !important;
}
.page-body.direction-rtl .ml-96 {
  margin-right: 96px !important;
}
.page-body.direction-rtl .pr-96 {
  padding-left: 96px !important;
}
.page-body.direction-rtl .pl-96 {
  padding-right: 96px !important;
}
.page-body.direction-ltr .mt-97, .page-body.direction-rtl .mt-97 {
  margin-top: 97px !important;
}
.page-body.direction-ltr .mb-97, .page-body.direction-rtl .mb-97 {
  margin-bottom: 97px !important;
}
.page-body.direction-ltr .pt-97, .page-body.direction-rtl .pt-97 {
  padding-top: 97px !important;
}
.page-body.direction-ltr .pb-97, .page-body.direction-rtl .pb-97 {
  padding-bottom: 97px !important;
}
.page-body.direction-ltr .mr-97 {
  margin-right: 97px !important;
}
.page-body.direction-ltr .ml-97 {
  margin-left: 97px !important;
}
.page-body.direction-ltr .pr-97 {
  padding-right: 97px !important;
}
.page-body.direction-ltr .pl-97 {
  padding-left: 97px !important;
}
.page-body.direction-rtl .mr-97 {
  margin-left: 97px !important;
}
.page-body.direction-rtl .ml-97 {
  margin-right: 97px !important;
}
.page-body.direction-rtl .pr-97 {
  padding-left: 97px !important;
}
.page-body.direction-rtl .pl-97 {
  padding-right: 97px !important;
}
.page-body.direction-ltr .mt-98, .page-body.direction-rtl .mt-98 {
  margin-top: 98px !important;
}
.page-body.direction-ltr .mb-98, .page-body.direction-rtl .mb-98 {
  margin-bottom: 98px !important;
}
.page-body.direction-ltr .pt-98, .page-body.direction-rtl .pt-98 {
  padding-top: 98px !important;
}
.page-body.direction-ltr .pb-98, .page-body.direction-rtl .pb-98 {
  padding-bottom: 98px !important;
}
.page-body.direction-ltr .mr-98 {
  margin-right: 98px !important;
}
.page-body.direction-ltr .ml-98 {
  margin-left: 98px !important;
}
.page-body.direction-ltr .pr-98 {
  padding-right: 98px !important;
}
.page-body.direction-ltr .pl-98 {
  padding-left: 98px !important;
}
.page-body.direction-rtl .mr-98 {
  margin-left: 98px !important;
}
.page-body.direction-rtl .ml-98 {
  margin-right: 98px !important;
}
.page-body.direction-rtl .pr-98 {
  padding-left: 98px !important;
}
.page-body.direction-rtl .pl-98 {
  padding-right: 98px !important;
}
.page-body.direction-ltr .mt-99, .page-body.direction-rtl .mt-99 {
  margin-top: 99px !important;
}
.page-body.direction-ltr .mb-99, .page-body.direction-rtl .mb-99 {
  margin-bottom: 99px !important;
}
.page-body.direction-ltr .pt-99, .page-body.direction-rtl .pt-99 {
  padding-top: 99px !important;
}
.page-body.direction-ltr .pb-99, .page-body.direction-rtl .pb-99 {
  padding-bottom: 99px !important;
}
.page-body.direction-ltr .mr-99 {
  margin-right: 99px !important;
}
.page-body.direction-ltr .ml-99 {
  margin-left: 99px !important;
}
.page-body.direction-ltr .pr-99 {
  padding-right: 99px !important;
}
.page-body.direction-ltr .pl-99 {
  padding-left: 99px !important;
}
.page-body.direction-rtl .mr-99 {
  margin-left: 99px !important;
}
.page-body.direction-rtl .ml-99 {
  margin-right: 99px !important;
}
.page-body.direction-rtl .pr-99 {
  padding-left: 99px !important;
}
.page-body.direction-rtl .pl-99 {
  padding-right: 99px !important;
}

.mat-mdc-form-field-suffix .mat-mdc-icon-button, .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  font-size: inherit;
  width: 2.5em;
  height: 2.5em;
}

div[data-popper-placement=bottom-start] div[ngbdropdownmenu]::before {
  left: 15px;
}

div[data-popper-placement=bottom-end] div[ngbdropdownmenu]::before {
  right: 15px;
}

div[data-popper-placement=bottom] div[ngbdropdownmenu]::before {
  right: 46%;
}

a {
  text-decoration: none !important;
}

.gap-6 {
  gap: 6px !important;
}

.gap-7 {
  gap: 7px !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-9 {
  gap: 9px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-11 {
  gap: 11px !important;
}

.gap-12 {
  gap: 12px !important;
}

.gap-13 {
  gap: 13px !important;
}

.gap-14 {
  gap: 14px !important;
}

.gap-15 {
  gap: 15px !important;
}

.gap-16 {
  gap: 16px !important;
}

.gap-17 {
  gap: 17px !important;
}

.gap-18 {
  gap: 18px !important;
}

.gap-19 {
  gap: 19px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-21 {
  gap: 21px !important;
}

.gap-22 {
  gap: 22px !important;
}

.gap-23 {
  gap: 23px !important;
}

.gap-24 {
  gap: 24px !important;
}

.gap-25 {
  gap: 25px !important;
}

.gap-26 {
  gap: 26px !important;
}

.gap-27 {
  gap: 27px !important;
}

.gap-28 {
  gap: 28px !important;
}

.gap-29 {
  gap: 29px !important;
}

.gap-30 {
  gap: 30px !important;
}

.gap-31 {
  gap: 31px !important;
}

.gap-32 {
  gap: 32px !important;
}

.gap-33 {
  gap: 33px !important;
}

.gap-34 {
  gap: 34px !important;
}

.gap-35 {
  gap: 35px !important;
}

.gap-36 {
  gap: 36px !important;
}

.gap-37 {
  gap: 37px !important;
}

.gap-38 {
  gap: 38px !important;
}

.gap-39 {
  gap: 39px !important;
}

.gap-40 {
  gap: 40px !important;
}

.gap-41 {
  gap: 41px !important;
}

.gap-42 {
  gap: 42px !important;
}

.gap-43 {
  gap: 43px !important;
}

.gap-44 {
  gap: 44px !important;
}

.gap-45 {
  gap: 45px !important;
}

.gap-46 {
  gap: 46px !important;
}

.gap-47 {
  gap: 47px !important;
}

.gap-48 {
  gap: 48px !important;
}

.gap-49 {
  gap: 49px !important;
}

.gap-50 {
  gap: 50px !important;
}

.gap-51 {
  gap: 51px !important;
}

.gap-52 {
  gap: 52px !important;
}

.gap-53 {
  gap: 53px !important;
}

.gap-54 {
  gap: 54px !important;
}

.gap-55 {
  gap: 55px !important;
}

.gap-56 {
  gap: 56px !important;
}

.gap-57 {
  gap: 57px !important;
}

.gap-58 {
  gap: 58px !important;
}

.gap-59 {
  gap: 59px !important;
}

:root {
  --bs-danger-rgb: 220, 53, 69;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-secondary-color: var(--foo-light-color);
  --mdc-checkbox-unselected-hover-icon-color: var(--mdc-checkbox-unselected-icon-color);
  --mdc-checkbox-unselected-focus-icon-color: var(--mdc-checkbox-unselected-icon-color);
}

.mat-expansion-panel {
  --mat-expansion-container-shape: 10px !important;
}

.page-body.direction-rtl {
  direction: rtl;
}

mat-calendar-header .mat-calendar-hidden-label {
  display: none !important;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  padding-right: 15px;
  padding-left: 15px;
  position: relative;
  max-width: 100%;
}

.form-group {
  margin-bottom: 1rem;
}

.btn-block {
  display: block;
  width: 100%;
}

textarea.form-control {
  min-height: 120px;
}

.alert {
  --bs-alert-padding-x: 1.25rem !important;
  --bs-alert-padding-y: .75rem !important;
}

.row > search-bar {
  width: auto !important;
  padding: 0 !important;
}

label {
  margin-bottom: 0.5rem;
}

.left-menu-details {
  height: auto !important;
}

.page-body.direction-ltr ol, .page-body.direction-ltr ul {
  padding-left: unset !important;
}

.row > search-bar {
  padding-left: unset;
  padding-right: unset;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

button.btn {
  display: inline-block;
}

.modal {
  --bs-modal-border-radius: 10px;
}

.page-body.direction-ltr .navbar, .page-body.direction-rtl .navbar {
  --bs-navbar-padding-x: 1rem !important;
}

.page-body.direction-ltr .text-end, .page-body.direction-rtl .text-end {
  text-align: end !important;
}
.page-body.direction-ltr .text-start, .page-body.direction-rtl .text-start {
  text-align: start !important;
}
.page-body.direction-ltr .row, .page-body.direction-rtl .row {
  --bs-gutter-x: 30px;
}
.page-body.direction-ltr .row > *, .page-body.direction-rtl .row > * {
  --bs-gutter-x: 30px;
  --bs-gutter-y: 0;
}
.page-body.direction-ltr .col, .page-body.direction-rtl .col {
  flex: 1 1 100%;
}
.page-body.direction-ltr pagination-controls, .page-body.direction-rtl pagination-controls {
  margin: auto;
  width: auto !important;
}
.page-body.direction-ltr .mat-mdc-checkbox .mdc-checkbox__background, .page-body.direction-rtl .mat-mdc-checkbox .mdc-checkbox__background {
  border-color: var(--mdc-checkbox-unselected-icon-color);
}

/** Custom Styling **/
.djs-element.hover .djs-outline, .djs-element.selected .djs-outline {
  stroke-dasharray: 3, 3;
}

.mat-datepicker-toggle {
  pointer-events: auto;
  color: var(--mat-datepicker-toggle-icon-color);
}

.mat-datepicker-toggle-active {
  color: var(--mat-datepicker-toggle-active-state-icon-color);
}

.cdk-high-contrast-active .mat-datepicker-toggle-default-icon {
  color: canvastext;
}

.mat-datepicker-content {
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px -1px, rgba(0, 0, 0, 0.14) 0 4px 5px 0, rgba(0, 0, 0, 0.12) 0 1px 10px 0;
  display: block;
  border-radius: 4px;
  background-color: var(--mat-datepicker-calendar-container-background-color);
  color: var(--mat-datepicker-calendar-container-text-color);
}

.mat-datepicker-content .mat-calendar {
  width: 296px;
  height: 354px;
}

.mat-datepicker-content .mat-datepicker-content-container-with-custom-header .mat-calendar {
  height: auto;
}

.mat-datepicker-content .mat-datepicker-close-button {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 8px;
}

.ng-animating .mat-datepicker-content .mat-datepicker-close-button {
  display: none;
}

.mat-datepicker-content-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mat-datepicker-content-touch {
  box-shadow: rgba(0, 0, 0, 0.2) 0 11px 15px -7px, rgba(0, 0, 0, 0.14) 0 24px 38px 3px, rgba(0, 0, 0, 0.12) 0 9px 46px 8px;
  display: block;
  max-height: 80vh;
  position: relative;
  overflow: visible;
}

.mat-datepicker-content-touch .mat-datepicker-content-container {
  min-height: 312px;
  max-height: 788px;
  min-width: 250px;
  max-width: 750px;
}

.mat-datepicker-content-touch .mat-calendar {
  width: 100%;
  height: auto;
}

@media (orientation: landscape) {
  .mat-datepicker-content-touch .mat-datepicker-content-container {
    width: 64vh;
    height: 80vh;
  }
}
@media (orientation: portrait) {
  .mat-datepicker-content-touch .mat-datepicker-content-container {
    width: 80vw;
    height: 100vw;
  }
  .mat-datepicker-content-touch .mat-datepicker-content-container-with-actions {
    height: 115vw;
  }
}
.mat-calendar {
  display: block;
  font-family: var(--mat-datepicker-calendar-text-font);
  font-size: var(--mat-datepicker-calendar-text-size);
}

.mat-calendar-header {
  padding: 8px 8px 0;
}

.mat-calendar-content {
  padding: 0 8px 8px;
  outline: none;
}

.mat-calendar-controls {
  display: flex;
  align-items: center;
  margin: 5% calc(4.71429% - 16px);
}

.mat-calendar-spacer {
  flex: 1 1 auto;
}

.mat-calendar-period-button {
  min-width: 0;
  margin: 0 8px;
  font-size: var(--mat-datepicker-calendar-period-button-text-size);
  font-weight: var(--mat-datepicker-calendar-period-button-text-weight);
}

.mat-calendar-arrow {
  display: inline-block;
  width: 10px;
  height: 5px;
  margin: 0 0 0 5px;
  vertical-align: middle;
  fill: var(--mat-datepicker-calendar-period-button-icon-color);
}

.mat-calendar-arrow.mat-calendar-invert {
  transform: rotate(180deg);
}

.cdk-high-contrast-active .mat-calendar-arrow {
  fill: canvastext;
}

.mat-calendar-previous-button,
.mat-calendar-next-button {
  position: relative;
}

.mat-datepicker-content .mat-calendar-previous-button,
.mat-datepicker-content .mat-calendar-next-button {
  color: var(--mat-datepicker-calendar-navigation-button-icon-color);
}

.mat-calendar-previous-button::after,
.mat-calendar-next-button::after {
  inset: 0;
  position: absolute;
  content: "";
  margin: 15.5px;
  border-width: 2px 0 0;
  border-style: solid;
  border-color: currentColor;
  border-image: initial;
}

.mat-calendar-previous-button::after {
  border-left-width: 2px;
  transform: translateX(2px) rotate(-45deg);
}

.mat-calendar-next-button::after {
  border-right-width: 2px;
  transform: translateX(-2px) rotate(45deg);
}

.mat-calendar-table {
  border-spacing: 0;
  border-collapse: collapse;
  width: 100%;
}

.mat-calendar-table-header th {
  text-align: center;
  padding: 0 0 8px;
  color: var(--mat-datepicker-calendar-header-text-color);
  font-size: var(--mat-datepicker-calendar-header-text-size);
  font-weight: var(--mat-datepicker-calendar-header-text-weight);
}

.mat-calendar-table-header-divider {
  position: relative;
  height: 1px;
}

.mat-calendar-table-header-divider::after {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  right: -8px;
  height: 1px;
  background: var(--mat-datepicker-calendar-header-divider-color);
}

.mat-calendar-body-cell-content::before {
  margin: calc((var(--mat-focus-indicator-border-width, 3px) + 3px) * -1);
}

.mat-calendar-body-cell:focus .mat-focus-indicator::before {
  content: "";
}

.mat-calendar-hidden-label {
  display: none;
}

.mat-calendar-body {
  min-width: 224px;
}

.mat-calendar-body-today:not(.mat-calendar-body-selected,
.mat-calendar-body-comparison-identical) {
  border-color: var(--mat-datepicker-calendar-date-today-outline-color);
}

.mat-calendar-body-label {
  height: 0;
  line-height: 0;
  text-align: left;
  padding-left: 4.71429%;
  padding-right: 4.71429%;
  font-size: var(--mat-datepicker-calendar-body-label-text-size);
  font-weight: var(--mat-datepicker-calendar-body-label-text-weight);
  color: var(--mat-datepicker-calendar-body-label-text-color);
}

.mat-calendar-body-hidden-label {
  display: none;
}

.mat-calendar-body-cell-container {
  position: relative;
  height: 0;
  line-height: 0;
}

.mat-calendar-body-cell {
  -webkit-user-select: none;
          user-select: none;
  cursor: pointer;
  border: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  text-align: center;
  outline: none;
  font-family: inherit;
  margin: 0;
}

.mat-calendar-body-cell::before,
.mat-calendar-body-cell::after,
.mat-calendar-body-cell-preview {
  content: "";
  position: absolute;
  top: 5%;
  left: 0;
  z-index: 0;
  box-sizing: border-box;
  display: block;
  height: 90%;
  width: 100%;
}

.mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar-body-range-start::after,
.mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
.mat-calendar-body-comparison-start::after,
.mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  left: 5%;
  width: 95%;
  border-top-left-radius: 999px;
  border-bottom-left-radius: 999px;
}

[dir=rtl] .mat-calendar-body-range-start:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar-body-range-start::after,
[dir=rtl] .mat-calendar-body-comparison-start:not(.mat-calendar-body-comparison-bridge-start)::before,
[dir=rtl] .mat-calendar-body-comparison-start::after,
[dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  left: 0;
  border-radius: 0 999px 999px 0;
}

.mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
.mat-calendar-body-range-end::after,
.mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
.mat-calendar-body-comparison-end::after,
.mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  width: 95%;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

[dir=rtl] .mat-calendar-body-range-end:not(.mat-calendar-body-in-comparison-range)::before,
[dir=rtl] .mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-end:not(.mat-calendar-body-comparison-bridge-end)::before,
[dir=rtl] .mat-calendar-body-comparison-end::after,
[dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  left: 5%;
  border-radius: 999px 0 0 999px;
}

[dir=rtl] .mat-calendar-body-comparison-bridge-start.mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-bridge-end.mat-calendar-body-range-start::after {
  width: 95%;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
}

.mat-calendar-body-comparison-start.mat-calendar-body-range-end::after,
[dir=rtl] .mat-calendar-body-comparison-start.mat-calendar-body-range-end::after,
.mat-calendar-body-comparison-end.mat-calendar-body-range-start::after,
[dir=rtl] .mat-calendar-body-comparison-end.mat-calendar-body-range-start::after {
  width: 90%;
}

.mat-calendar-body-in-preview {
  color: var(--mat-datepicker-calendar-date-preview-state-outline-color);
}

.mat-calendar-body-in-preview .mat-calendar-body-cell-preview {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
}

.mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  border-left: 1px dashed;
}

[dir=rtl] .mat-calendar-body-preview-start .mat-calendar-body-cell-preview {
  border-left: 0;
  border-right: 1px dashed;
}

.mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  border-right: 1px dashed;
}

[dir=rtl] .mat-calendar-body-preview-end .mat-calendar-body-cell-preview {
  border-right: 0;
  border-left: 1px dashed;
}

.mat-calendar-body-disabled {
  cursor: default;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected,
.mat-calendar-body-comparison-identical) {
  color: var(--mat-datepicker-calendar-date-disabled-state-text-color);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected,
.mat-calendar-body-comparison-identical) {
  border-color: var(--mat-datepicker-calendar-date-today-disabled-state-outline-color);
}

.cdk-high-contrast-active .mat-calendar-body-disabled {
  opacity: 0.5;
}

.mat-calendar-body-cell-content {
  top: 5%;
  left: 5%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 90%;
  height: 90%;
  line-height: 1;
  border-width: 1px;
  border-style: solid;
  border-radius: 999px;
  color: var(--mat-datepicker-calendar-date-text-color);
  border-color: var(--mat-datepicker-calendar-date-outline-color);
}

.mat-calendar-body-cell-content.mat-focus-indicator {
  position: absolute;
}

.cdk-high-contrast-active .mat-calendar-body-cell-content {
  border: none;
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected,
.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected,
.mat-calendar-body-comparison-identical) {
  background-color: var(--mat-datepicker-calendar-date-focus-state-background-color);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected,
  .mat-calendar-body-comparison-identical) {
    background-color: var(--mat-datepicker-calendar-date-hover-state-background-color);
  }
}
.mat-calendar-body-selected {
  background-color: var(--mat-datepicker-calendar-date-selected-state-background-color);
  color: var(--mat-datepicker-calendar-date-selected-state-text-color);
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: var(--mat-datepicker-calendar-date-selected-disabled-state-background-color);
}

.mat-calendar-body-selected.mat-calendar-body-today {
  box-shadow: inset 0 0 0 1px var(--mat-datepicker-calendar-date-today-selected-state-outline-color);
}

.mat-calendar-body-in-range::before {
  background: var(--mat-datepicker-calendar-date-in-range-state-background-color);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, var(--mat-datepicker-calendar-date-in-range-state-background-color) 50%, var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, var(--mat-datepicker-calendar-date-in-range-state-background-color) 50%, var(--mat-datepicker-calendar-date-in-comparison-range-state-background-color) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: var(--mat-datepicker-calendar-date-in-overlap-range-state-background-color);
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: var(--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color);
}

.cdk-high-contrast-active .mat-datepicker-popup:not(:empty),
.cdk-high-contrast-active .mat-calendar-body-cell:not(.mat-calendar-body-in-range) .mat-calendar-body-selected {
  outline: solid 1px;
}

.cdk-high-contrast-active .mat-calendar-body-today {
  outline: dotted 1px;
}

.cdk-high-contrast-active .mat-calendar-body-cell::before,
.cdk-high-contrast-active .mat-calendar-body-cell::after,
.cdk-high-contrast-active .mat-calendar-body-selected {
  background: none;
}

.cdk-high-contrast-active .mat-calendar-body-in-range::before,
.cdk-high-contrast-active .mat-calendar-body-comparison-bridge-start::before,
.cdk-high-contrast-active .mat-calendar-body-comparison-bridge-end::before {
  border-top: 1px solid;
  border-bottom: 1px solid;
}

.cdk-high-contrast-active .mat-calendar-body-range-start::before {
  border-left: 1px solid;
}

[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-range-start::before {
  border-left: 0;
  border-right: 1px solid;
}

.cdk-high-contrast-active .mat-calendar-body-range-end::before {
  border-right: 1px solid;
}

[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-range-end::before {
  border-right: 0;
  border-left: 1px solid;
}

.cdk-high-contrast-active .mat-calendar-body-in-comparison-range::before {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
}

.cdk-high-contrast-active .mat-calendar-body-comparison-start::before {
  border-left: 1px dashed;
}

[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-comparison-start::before {
  border-left: 0;
  border-right: 1px dashed;
}

.cdk-high-contrast-active .mat-calendar-body-comparison-end::before {
  border-right: 1px dashed;
}

[dir=rtl] .cdk-high-contrast-active .mat-calendar-body-comparison-end::before {
  border-right: 0;
  border-left: 1px dashed;
}

[dir=rtl] .mat-calendar-previous-button, [dir=rtl] .mat-calendar-next-button {
  transform: unset !important;
}

/*
 * @PACKAGE foo-variables
 *
 * TABLE OF CONTENT:
 * ----------------
 * 1. Rgba Function to create colors with opacity to use it as background color
 * 2. Loop theme colors check $foo-theme-colors in (_foo-colors-map.scss)
 * 3. Add Variables names in the loop to set dynamic variables of theme colors
 * 4. How to use: var(--foo-{key}-color)
 *
 *
 *
 * Variables Example:
 * ---------------------
 * --foo-primary-color
 * --foo-secondary-color
 * .
 * .
 * .
 */
:root {
  /* * ------------------------------------------------------------------ * *
   * * 1. Loop theme colors check $foo-theme-colors in (_foo-colors-map.scss) * *
   * * ------------------------------------------------------------------ * */
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-default-color: ;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-primary-color: #02B2DA;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-secondary-color: #011936;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-third-color: #2E3E56;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-success-color: #57CA99;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-info-color: #02B2DA;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-warning-color: #FFB800;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-danger-color: #FF0000;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-light-color: #AFB7C5;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-dark-color: #011936;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-white-color: #ffffff;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-btn-shadow-color: rgba(2, 178, 218, 0.4);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-btn-outline-shadow-color: rgba(1, 25, 54, 0.2);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-left-menu-primary-color: #011936;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-left-menu-secondary-color: #ffffff;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-left-menu-active-color: #02B2DA;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-sub-left-menu-primary-color: #011936;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-sub-left-menu-secondary-color: #AFB7C5;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-sub-left-menu-active-color: #02B2DA;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-sub-left-menu-hover-color: rgba(2, 178, 218, 0.05);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-tab-active-color: #02B2DA;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-list-row-hover-color: rgba(2, 178, 218, 0.05);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-item-tag-hover-color: rgba(2, 178, 218, 0.05);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-shimmer-color: linear-gradient(to right, #F5F5F5 4%, #FBFBFB 25%, #f5f5f5 36%);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-shimmer-secondary-color: linear-gradient(to right, #DDEAFF 4%, #FBFBFB 25%, #DDEAFF 36%);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-shimmer-light-color: #f5f5f5;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-shimmer-none-color: none;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-border-color: #F5F6F8;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-tags-color: #AFB7C5;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-dialog-overlay-color: rgba(46, 62, 86, 0.45);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-loader-color: #011936;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-readonly-color: #F2F2F2;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-container-border-color: rgba(175, 183, 197, 0.2);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-container-shadow-color: rgba(1, 25, 54, 0.05);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-box-border-color: transparent;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-box-shadow-color: rgba(2, 178, 218, 0.11);
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-scrollbar-color: #AFB7C5;
  /* * -------------------------------------------------------------------------- * *
   * * 2. Add Variables names in the loop to set dynamic variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-scrollbar-track-color: #F5F6F8;
  /* * -------------------------------------------------------------------------- * *
   * * 3. Add Variables names in the loop to set dynamic rgba variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-primary-bg: rgba(2, 178, 218, 0.12);
  --foo-primary-shadow: 0px 2px 8px rgba(2, 178, 218, 0.12);
  /* * -------------------------------------------------------------------------- * *
   * * 3. Add Variables names in the loop to set dynamic rgba variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-secondary-bg: rgba(1, 25, 54, 0.12);
  --foo-secondary-shadow: 0px 2px 8px rgba(1, 25, 54, 0.12);
  /* * -------------------------------------------------------------------------- * *
   * * 3. Add Variables names in the loop to set dynamic rgba variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-third-bg: rgba(46, 62, 86, 0.12);
  --foo-third-shadow: 0px 2px 8px rgba(46, 62, 86, 0.12);
  /* * -------------------------------------------------------------------------- * *
   * * 3. Add Variables names in the loop to set dynamic rgba variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-success-bg: rgba(87, 202, 153, 0.12);
  --foo-success-shadow: 0px 2px 8px rgba(87, 202, 153, 0.12);
  /* * -------------------------------------------------------------------------- * *
   * * 3. Add Variables names in the loop to set dynamic rgba variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-info-bg: rgba(2, 178, 218, 0.06);
  --foo-info-shadow: 0px 2px 8px rgba(2, 178, 218, 0.06);
  /* * -------------------------------------------------------------------------- * *
   * * 3. Add Variables names in the loop to set dynamic rgba variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-warning-bg: rgba(255, 184, 0, 0.12);
  --foo-warning-shadow: 0px 2px 8px rgba(255, 184, 0, 0.12);
  /* * -------------------------------------------------------------------------- * *
   * * 3. Add Variables names in the loop to set dynamic rgba variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-danger-bg: rgba(255, 0, 0, 0.06);
  --foo-danger-shadow: 0px 2px 8px rgba(255, 0, 0, 0.06);
  /* * -------------------------------------------------------------------------- * *
   * * 3. Add Variables names in the loop to set dynamic rgba variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-light-bg: rgba(175, 183, 197, 0.12);
  --foo-light-shadow: 0px 2px 8px rgba(175, 183, 197, 0.12);
  /* * -------------------------------------------------------------------------- * *
   * * 3. Add Variables names in the loop to set dynamic rgba variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-dark-bg: rgba(1, 25, 54, 0.12);
  --foo-dark-shadow: 0px 2px 8px rgba(1, 25, 54, 0.12);
  /* * -------------------------------------------------------------------------- * *
   * * 3. Add Variables names in the loop to set dynamic rgba variables of theme colors * *
   * * -------------------------------------------------------------------------- * */
  --foo-white-bg: rgba(255, 255, 255, 0.12);
  --foo-white-shadow: 0px 2px 8px rgba(255, 255, 255, 0.12);
  --foo-primary-opacity-2: rgba(2, 178, 218, 0.2);
  --foo-secondary-opacity-2: rgba(1, 25, 54, 0.2);
  --foo-third-opacity-2: rgba(46, 62, 86, 0.2);
  --foo-success-opacity-2: rgba(87, 202, 153, 0.2);
  --foo-info-opacity-2: rgba(2, 178, 218, 0.2);
  --foo-warning-opacity-2: rgba(255, 184, 0, 0.2);
  --foo-danger-opacity-2: rgba(255, 0, 0, 0.2);
  --foo-light-opacity-2: rgba(175, 183, 197, 0.2);
  --foo-dark-opacity-2: rgba(1, 25, 54, 0.2);
  --foo-white-opacity-2: rgba(255, 255, 255, 0.2);
  --foo-btn-shadow: 0px 10px 10px -4px rgba(2, 178, 218, 0.4);
  --foo-btn-outline-shadow: 0px 19px 10px -14px rgba(1, 25, 54, 0.2);
  --foo-dialog-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);
  --foo-loader-width: 100px;
  --foo-listing-row-height: 32px;
  --foo-container-min-height: 54px;
  --foo-input-height: 40px;
  --foo-input-border-radius: 10px;
  --foo-textarea-height: 120px;
  --foo-container-border: 1px solid rgba(175, 183, 197, 0.2);
  --foo-container-shadow: 0 1px 9px rgba(1, 25, 54, 0.05);
  --foo-box-border: 1px solid transparent;
  --foo-box-shadow: 0px 2px 15px rgba(2, 178, 218, 0.11);
  --foo-scrollbar-width: 7px;
  --foo-scrollbar-height: 7px;
  --foo-scrollbar-border-radius: 10px;
  --mat-datepicker-calendar-date-selected-state-background-color: var(--foo-primary-color);
  --mat-datepicker-calendar-date-selected-state-text-color: var(--foo-white-color);
  --mat-datepicker-calendar-date-hover-state-background-color: var(--foo-item-tag-hover-color);
  --mat-expansion-header-hover-state-layer-color: var(--foo-list-row-hover-color);
  --mdc-fab-small-container-color: none;
  --mdc-filled-text-field-container-color: none;
  --mat-select-trigger-text-size: 12px;
  --mat-select-trigger-text-font: var(--foo-primary-font);
  --mat-select-trigger-text-line-height: 1;
  --mat-select-trigger-text-tracking: normal;
  --mat-form-field-container-text-line-height: 1.125;
  --mat-form-field-container-text-size: 12px;
  --mat-form-field-container-text-tracking: normal;
  --mat-option-selected-state-label-text-color: var(--foo-primary-color);
  --mat-option-label-text-color: var(--foo-dark-color);
  --mat-option-label-text-line-height: 1;
  --mat-option-label-text-size: 12px;
  --mat-option-label-text-tracking: normal;
  --mat-option-hover-state-layer-color: var(--foo-item-tag-hover-color);
  --mdc-filled-text-field-focus-active-indicator-height: 0px;
  --mdc-checkbox-unselected-icon-color:#0000008a;
  --foo-shimmer-border-radius: 4px;
  --foo-shimmer-min-height: 20px;
  --foo-info-box-background: rgba(2, 178, 218, 0.03);
}
:root .mat-mdc-checkbox {
  --mdc-checkbox-selected-focus-state-layer-color: var(--foo-primary-color);
  --mdc-checkbox-selected-hover-state-layer-color: var(--foo-primary-color);
  --mdc-checkbox-selected-pressed-state-layer-color: var(--foo-primary-color);
  --mdc-checkbox-selected-focus-icon-color: var(--foo-primary-color);
  --mdc-checkbox-selected-hover-icon-color: var(--foo-primary-color);
  --mdc-checkbox-selected-icon-color: var(--foo-primary-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--foo-primary-color);
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-state-layer-size: 0;
}

app-root {
  z-index: 99;
}

button[ngbdropdowntoggle] {
  display: flex !important;
}
button[ngbdropdowntoggle]::after {
  display: none !important;
}

div[ngbDropdownMenu] {
  box-shadow: 0px -2px 32px rgba(39, 55, 79, 0.14);
  border: none !important;
  border-radius: 10px !important;
}
div[ngbDropdownMenu]::before {
  position: absolute;
  top: -5px;
  left: unset;
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--foo-white-color);
  border-left: 7px solid transparent;
  content: "";
}
div[ngbDropdownMenu]::after {
  position: absolute;
  top: -5px;
  width: 100%;
  left: 0;
  display: inline-block !important;
  height: 5px;
  content: "";
}
div[ngbDropdownMenu][x-placement=bottom-right]::before {
  right: 15px;
}
div[ngbDropdownMenu][x-placement=bottom-left]::before {
  left: 15px;
}
div[ngbDropdownMenu][x-placement=bottom]::before {
  right: 46%;
}
div[ngbDropdownMenu] button[ngbdropdownitem] {
  color: var(--foo-dark-color);
  font-weight: 400 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 14px !important;
}

.more-options-dropdown.dropdown-menu.show {
  position: relative !important;
}
.more-options-dropdown.dropdown-menu.show[x-placement=bottom-right] {
  left: 10px;
}
.more-options-dropdown.dropdown-menu.show[x-placement=bottom-left] {
  right: 10px !important;
  left: auto;
}

.foo-status-success span:not(.label-row2):not(.destroy-status-effect):last-of-type {
  display: inline-flex;
  font-size: 12px;
  padding: 0 4px !important;
  border-radius: 5px;
  color: var(--foo-success-color);
  background: var(--foo-success-bg);
}

.foo-status-danger span:not(.label-row2):not(.destroy-status-effect):last-of-type {
  display: inline-flex;
  font-size: 12px;
  padding: 0 4px !important;
  border-radius: 5px;
  color: var(--foo-danger-color);
  background: var(--foo-danger-bg);
}

.foo-status-warning span:not(.label-row2):not(.destroy-status-effect):last-of-type {
  display: inline-flex;
  font-size: 12px;
  padding: 0 4px !important;
  border-radius: 5px;
  color: var(--foo-warning-color);
  background: var(--foo-warning-bg);
}

.foo-status-light span:not(.label-row2):not(.destroy-status-effect):last-of-type {
  display: inline-flex;
  font-size: 12px;
  padding: 0 4px !important;
  border-radius: 5px;
  color: var(--foo-light-color);
  background: var(--foo-light-bg);
}

.foo-status-info span:not(.label-row2):not(.destroy-status-effect):last-of-type {
  display: inline-flex;
  font-size: 12px;
  padding: 0 4px !important;
  border-radius: 5px;
  color: var(--foo-info-color);
  background: var(--foo-info-bg);
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer;
}

a.disabled {
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
  opacity: 0.7;
}

button.disabled {
  opacity: 0.7;
}

button.close-icon,
button.filter-close-button {
  transition: 0.5s all ease;
}
button.close-icon:hover,
button.filter-close-button:hover {
  opacity: 0.6;
}

mat-form-field[class*=status-box-] {
  height: 100%;
  max-width: 150px;
  width: fit-content !important;
  display: block;
  padding: 0.5px 2px;
  border-radius: 5px;
  font-size: 12px;
}
mat-form-field[class*=status-box-] .mat-mdc-select-arrow-wrapper {
  padding: 0 2px;
}
mat-form-field[class*=status-box-] .mat-mdc-select-arrow {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  display: inline-block;
  padding: 2px;
  margin-top: -4px;
  border-width: 0 1px 1px 0;
  border-style: solid;
}
mat-form-field[class*=status-box-].mat-focused .mat-mdc-select-arrow {
  transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
}
mat-form-field[class*=status-box-] .mat-mdc-form-field-infix {
  width: fit-content;
}
mat-form-field[class*=status-box-].mat-mdc-form-field-type-mat-select .mat-mdc-form-field-infix {
  padding-top: unset !important;
  padding-bottom: unset !important;
}

.mat-mdc-select-arrow-wrapper {
  height: 16px !important;
}
.mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  width: 0 !important;
  height: 0 !important;
  margin: 0 4px;
}
.mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg {
  display: none;
}

.mdc-text-field {
  padding: 0 !important;
}
.mdc-text-field.mdc-text-field--filled {
  --mdc-filled-text-field-container-shape: 5px !important;
  --mdc-filled-text-field-active-indicator-height: 0px !important;
  --mdc-filled-text-field-focus-active-indicator-height: 0px !important;
}

mat-form-field.status-box-active,
mat-form-field.status-box-green {
  background: var(--foo-success-bg) !important;
}
mat-form-field.status-box-active .mat-mdc-select-value-text,
mat-form-field.status-box-green .mat-mdc-select-value-text {
  color: var(--foo-success-color) !important;
}
mat-form-field.status-box-active .mat-mdc-select-arrow,
mat-form-field.status-box-green .mat-mdc-select-arrow {
  border-color: var(--foo-success-color);
}

mat-form-field.status-box-failed,
mat-form-field.status-box-red {
  background: var(--foo-danger-bg) !important;
}
mat-form-field.status-box-failed .mat-mdc-select-value-text,
mat-form-field.status-box-red .mat-mdc-select-value-text {
  color: var(--foo-danger-color) !important;
}
mat-form-field.status-box-failed .mat-mdc-select-arrow,
mat-form-field.status-box-red .mat-mdc-select-arrow {
  border-color: var(--foo-danger-color);
}

mat-form-field.status-box-gray {
  background: var(--foo-light-bg) !important;
}
mat-form-field.status-box-gray .mat-mdc-select-value-text {
  color: var(--foo-light-color) !important;
}
mat-form-field.status-box-gray .mat-mdc-select-arrow {
  border-color: var(--foo-light-color);
}

/* Start Popup CSS*/
.app-custom-dialog-container {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.app-custom-dialog-container .mat-mdc-dialog-container {
  padding-top: unset;
  position: relative;
  border-radius: 10px;
  box-shadow: var(--mdc-dialog-container-elevation);
}
.app-custom-dialog-container ::-webkit-scrollbar {
  display: none;
}

.cdk-overlay-pane .mat-mdc-dialog-container {
  overflow-y: unset !important;
  --mdc-dialog-supporting-text-font: var(--foo-primary-font);
  --mdc-dialog-subhead-font: var(--foo-primary-font);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-container-shape: 10px;
  --mdc-dialog-container-elevation: var(--foo-dialog-shadow);
  --mdc-dialog-supporting-text-line-height: 17px;
  --mdc-dialog-supporting-text-size: 1rem;
  --mat-dialog-transition-duration: 0ms !important;
}
.cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface {
  overflow: hidden;
  box-shadow: none;
}
.cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface .mdc-dialog__title::before {
  height: unset;
}
.cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface .mdc-dialog__content {
  padding: 16px 24px !important;
  letter-spacing: unset;
}
.cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-actions .foo-btn-outline-secondary {
  cursor: pointer;
  margin-right: 20px;
}

.relative-dialog-container .mat-mdc-dialog-container {
  position: relative;
}

/* width */
::-webkit-scrollbar {
  width: var(--foo-scrollbar-width);
  height: var(--foo-scrollbar-height);
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: none;
  background: var(--foo-scrollbar-track-color);
  border-radius: var(--foo-scrollbar-border-radius);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--foo-scrollbar-color);
  border-radius: var(--foo-scrollbar-border-radius);
}

.cdk-overlay-backdrop.app-customer-backdrop.cdk-overlay-backdrop-showing {
  background: var(--foo-dialog-overlay-color);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

/* End Popup CSS*/
.page-body.direction-rtl,
.page-body.direction-ltr {
  margin: 0;
  font-family: var(--foo-primary-font);
  /* 01. Start Select boxes CSS */
  /* 01. END Select boxes CSS */
  /* 02. Start Tabs CSS */
  /* 03. Start Search Box CSS */
  /* 03. END Search Box CSS */
  /* 04. Start Forms CSS */
  /* 04. END Forms CSS */
  /* 05. Start Shimmering CSS */
  /* 05. END Shimmering CSS */
  /* 06. Start Paginator CSS */
  /* 06. END Paginator CSS */
}
.page-body.direction-rtl .min-righticon-container,
.page-body.direction-ltr .min-righticon-container {
  position: relative;
  display: block;
}
.page-body.direction-rtl .min-righticon-container span.min-righticon-form,
.page-body.direction-ltr .min-righticon-container span.min-righticon-form {
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  right: 15px;
  font-weight: bold;
  color: var(--foo-dark-color);
  font-size: 14px;
}
.page-body.direction-rtl span[data-order=""]::after,
.page-body.direction-ltr span[data-order=""]::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: 9px;
  background: url("/assets/img/sort-arrows.svg");
  width: 6px;
  height: 10px;
  background-position: center;
  background-repeat: no-repeat;
}
.page-body.direction-rtl span[data-order=asc]::after,
.page-body.direction-ltr span[data-order=asc]::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: 9px;
  background: url("/assets/img/sort-asc.svg");
  width: 6px;
  height: 10px;
  background-position: top;
  background-repeat: no-repeat;
}
.page-body.direction-rtl span[data-order=desc]::after,
.page-body.direction-ltr span[data-order=desc]::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  margin-left: 9px;
  background: url("/assets/img/sort-desc.svg");
  width: 6px;
  height: 10px;
  background-position: bottom;
  background-repeat: no-repeat;
}
.page-body.direction-rtl .form-control[readonly]:not(.input-calendar),
.page-body.direction-rtl input[readonly]:not(.input-calendar),
.page-body.direction-ltr .form-control[readonly]:not(.input-calendar),
.page-body.direction-ltr input[readonly]:not(.input-calendar) {
  background: var(--foo-readonly-color);
  border: none !important;
  box-shadow: none !important;
  cursor: default;
  resize: none;
}
.page-body.direction-rtl .form-control[readonly]:not(.input-calendar) :not(.timepicker-dial__control),
.page-body.direction-rtl input[readonly]:not(.input-calendar) :not(.timepicker-dial__control),
.page-body.direction-ltr .form-control[readonly]:not(.input-calendar) :not(.timepicker-dial__control),
.page-body.direction-ltr input[readonly]:not(.input-calendar) :not(.timepicker-dial__control) {
  color: var(--foo-light-color) !important;
}
.page-body.direction-rtl .form-control[readonly]:not(.input-calendar):not(.mat-datepicker-input),
.page-body.direction-rtl input[readonly]:not(.input-calendar):not(.mat-datepicker-input),
.page-body.direction-ltr .form-control[readonly]:not(.input-calendar):not(.mat-datepicker-input),
.page-body.direction-ltr input[readonly]:not(.input-calendar):not(.mat-datepicker-input) {
  border-radius: var(--foo-input-border-radius);
  height: var(--foo-input-height);
}
.page-body.direction-rtl ng-select[readonly],
.page-body.direction-rtl .ng-select.ng-select-disabled > .ng-select-container,
.page-body.direction-ltr ng-select[readonly],
.page-body.direction-ltr .ng-select.ng-select-disabled > .ng-select-container {
  background: var(--foo-readonly-color) !important;
  box-shadow: none !important;
}
.page-body.direction-rtl img,
.page-body.direction-ltr img {
  max-width: 100%;
}
.page-body.direction-rtl [class*=container-box-],
.page-body.direction-ltr [class*=container-box-] {
  word-break: break-all;
  background: var(--foo-white-color);
  box-sizing: border-box;
  box-shadow: var(--foo-container-shadow);
  border-radius: 10px;
  padding: 10px 15px;
  margin: 0 0 10px 0;
}
.page-body.direction-rtl [class*=container-box-]:not(.container-box-seperatedlist),
.page-body.direction-ltr [class*=container-box-]:not(.container-box-seperatedlist) {
  border: var(--foo-box-border);
}
.page-body.direction-rtl .mat-mdc-standard-chip,
.page-body.direction-ltr .mat-mdc-standard-chip {
  --mdc-chip-label-text-size: 14px;
}
.page-body.direction-rtl .mat-mdc-checkbox-checked:not(.mat-mdc-checkbox-disabled).mat-accent .mat-ripple-element,
.page-body.direction-rtl .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.page-body.direction-rtl .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.page-body.direction-rtl .mat-checkbox-checked.mat-accent .mat-checkbox-background,
.page-body.direction-ltr .mat-mdc-checkbox-checked:not(.mat-mdc-checkbox-disabled).mat-accent .mat-ripple-element,
.page-body.direction-ltr .mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.page-body.direction-ltr .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.page-body.direction-ltr .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background: var(--foo-primary-color) !important;
}
.page-body.direction-rtl .mat-mdc-checkbox,
.page-body.direction-ltr .mat-mdc-checkbox {
  font-family: var(--foo-primary-font);
  text-align: start;
}
.page-body.direction-rtl .mat-mdc-checkbox .mdc-label,
.page-body.direction-ltr .mat-mdc-checkbox .mdc-label {
  margin-bottom: 0 !important;
  padding-left: 8px;
  font-size: 14px;
}
.page-body.direction-rtl .mat-mdc-checkbox .mdc-checkbox,
.page-body.direction-ltr .mat-mdc-checkbox .mdc-checkbox {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
}
.page-body.direction-rtl .mat-mdc-checkbox .mdc-checkbox__background,
.page-body.direction-ltr .mat-mdc-checkbox .mdc-checkbox__background {
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
.page-body.direction-rtl .mat-mdc-checkbox .mdc-checkbox__ripple,
.page-body.direction-ltr .mat-mdc-checkbox .mdc-checkbox__ripple {
  display: none;
}
.page-body.direction-rtl .mdc-checkbox__checkmark,
.page-body.direction-ltr .mdc-checkbox__checkmark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 84%;
  right: unset !important;
}
.page-body.direction-rtl .mat-mdc-checkbox a,
.page-body.direction-ltr .mat-mdc-checkbox a {
  color: var(--foo-primary-color);
}
.page-body.direction-rtl .mat-mdc-checkbox-disabled .mdc-checkbox__background,
.page-body.direction-ltr .mat-mdc-checkbox-disabled .mdc-checkbox__background {
  opacity: 0.2;
  border-radius: 4px;
}
.page-body.direction-rtl .mat-mdc-checkbox-disabled:not(.mat-mdc-checkbox-checked) .mdc-checkbox__background,
.page-body.direction-ltr .mat-mdc-checkbox-disabled:not(.mat-mdc-checkbox-checked) .mdc-checkbox__background {
  border-color: rgba(0, 0, 0, 0.5411764706) !important;
  background-color: var(--foo-light-color) !important;
}
.page-body.direction-rtl .mat-mdc-checkbox-disabled.mat-mdc-checkbox-checked .mdc-checkbox__background,
.page-body.direction-ltr .mat-mdc-checkbox-disabled.mat-mdc-checkbox-checked .mdc-checkbox__background {
  border-color: var(--mdc-checkbox-selected-hover-icon-color) !important;
  background-color: var(--mdc-checkbox-selected-hover-icon-color) !important;
}
.page-body.direction-rtl .mdc-radio__inner-circle,
.page-body.direction-ltr .mdc-radio__inner-circle {
  background-color: var(--foo-primary-color);
}
.page-body.direction-rtl .mdc-radio__outer-circle,
.page-body.direction-ltr .mdc-radio__outer-circle {
  border-color: var(--foo-light-color) !important;
}
.page-body.direction-rtl .mat-mdc-radio-checked .mdc-radio__outer-circle,
.page-body.direction-ltr .mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: var(--foo-primary-color) !important;
}
.page-body.direction-rtl .mat-mdc-radio-checked .mdc-radio__inner-circle,
.page-body.direction-ltr .mat-mdc-radio-checked .mdc-radio__inner-circle {
  transform: scale(0.6);
}
.page-body.direction-rtl .mat-mdc-radio-button .mdc-radio__background,
.page-body.direction-rtl .mat-mdc-radio-button .mdc-radio__outer-circle,
.page-body.direction-rtl .mat-mdc-radio-button .mdc-radio__inner-circle,
.page-body.direction-ltr .mat-mdc-radio-button .mdc-radio__background,
.page-body.direction-ltr .mat-mdc-radio-button .mdc-radio__outer-circle,
.page-body.direction-ltr .mat-mdc-radio-button .mdc-radio__inner-circle {
  width: 25px !important;
  height: 25px !important;
}
.page-body.direction-rtl .mat-mdc-radio-button .mdc-label,
.page-body.direction-ltr .mat-mdc-radio-button .mdc-label {
  padding-left: 12px;
  padding-right: 12px;
  cursor: pointer;
  margin-bottom: 0;
  font-size: 14px;
}
.page-body.direction-rtl .mat-mdc-radio-button.mat-accent,
.page-body.direction-ltr .mat-mdc-radio-button.mat-accent {
  --mdc-radio-selected-focus-icon-color: var(--foo-primary-color);
  --mdc-radio-selected-hover-icon-color: var(--foo-primary-color);
  --mdc-radio-selected-icon-color: var(--foo-primary-color);
  --mdc-radio-selected-pressed-icon-color: var(--foo-primary-color);
  --mat-radio-checked-ripple-color: var(--foo-primary-color);
}
.page-body.direction-rtl .mat-mdc-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element,
.page-body.direction-ltr .mat-mdc-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: var(--foo-primary-bg) !important;
}
.page-body.direction-rtl .mat-mdc-radio-button .mdc-label,
.page-body.direction-ltr .mat-mdc-radio-button .mdc-label {
  cursor: pointer;
}
.page-body.direction-rtl .mat-mdc-radio-button .mdc-radio,
.page-body.direction-ltr .mat-mdc-radio-button .mdc-radio {
  width: 24px;
  height: 24px;
  --mdc-radio-state-layer-size: 0;
}
.page-body.direction-rtl .mat-mdc-radio-button .mdc-radio__native-control,
.page-body.direction-ltr .mat-mdc-radio-button .mdc-radio__native-control {
  width: 24px;
  height: 24px;
}
.page-body.direction-rtl .mat-mdc-radio-button.shimmer-animate .mdc-form-field,
.page-body.direction-ltr .mat-mdc-radio-button.shimmer-animate .mdc-form-field {
  animation: shimmer 3s infinite linear;
  background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%) !important;
  background-size: 1000px 100% !important;
  color: transparent !important;
  height: 50%;
  position: relative;
  top: 25%;
}
.page-body.direction-rtl .mat-mdc-radio-button.shimmer-animate .mdc-radio, .page-body.direction-rtl .mat-mdc-radio-button.shimmer-animate .mdc-label,
.page-body.direction-ltr .mat-mdc-radio-button.shimmer-animate .mdc-radio,
.page-body.direction-ltr .mat-mdc-radio-button.shimmer-animate .mdc-label {
  visibility: hidden !important;
}
.page-body.direction-rtl .container-box-seperatedlist .mat-accordion .mat-expansion-panel:last-of-type,
.page-body.direction-ltr .container-box-seperatedlist .mat-accordion .mat-expansion-panel:last-of-type {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.page-body.direction-rtl .container-box-seperatedlist .mat-accordion .mat-expansion-panel:first-of-type,
.page-body.direction-ltr .container-box-seperatedlist .mat-accordion .mat-expansion-panel:first-of-type {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.page-body.direction-rtl mat-accordion .mat-expansion-panel-header,
.page-body.direction-ltr mat-accordion .mat-expansion-panel-header {
  border-radius: var(--mat-expansion-container-shape);
}
.page-body.direction-rtl mat-accordion .mat-expansion-panel-header .padding-element,
.page-body.direction-ltr mat-accordion .mat-expansion-panel-header .padding-element {
  display: none;
}
.page-body.direction-rtl mat-accordion .mat-expansion-panel-header[aria-disabled=true],
.page-body.direction-ltr mat-accordion .mat-expansion-panel-header[aria-disabled=true] {
  color: initial;
}
.page-body.direction-rtl mat-accordion .mat-expansion-panel-header[aria-disabled=true] .padding-element,
.page-body.direction-ltr mat-accordion .mat-expansion-panel-header[aria-disabled=true] .padding-element {
  display: block !important;
  width: 55.5px;
}
.page-body.direction-rtl mat-accordion .mat-expansion-indicator::after,
.page-body.direction-ltr mat-accordion .mat-expansion-indicator::after {
  content: "";
  padding: 3px;
  transform: rotate(0deg);
  vertical-align: middle;
  background: url("/assets/img/arrow_down.svg");
  display: block;
  width: 24px;
  height: 24px;
  border: 0 !important;
  background-size: contain;
}
.page-body.direction-rtl .mat-mdc-dialog-actions,
.page-body.direction-ltr .mat-mdc-dialog-actions {
  margin-bottom: 0;
  padding-bottom: 24px;
}
.page-body.direction-rtl .foo-btn-outline-secondary.btn-big,
.page-body.direction-ltr .foo-btn-outline-secondary.btn-big {
  min-width: 300px;
}
.page-body.direction-rtl .foo-btn-outline-secondary.btn-black,
.page-body.direction-ltr .foo-btn-outline-secondary.btn-black {
  border: 1px solid #1c1612;
  color: #1d1611;
}
.page-body.direction-rtl .foo-btn-outline-secondary.btn-md,
.page-body.direction-ltr .foo-btn-outline-secondary.btn-md {
  min-width: 245px;
}
.page-body.direction-rtl .foo-btn-outline-secondary.btn-center,
.page-body.direction-ltr .foo-btn-outline-secondary.btn-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-body.direction-rtl .foo-btn-outline-secondary:active,
.page-body.direction-ltr .foo-btn-outline-secondary:active {
  box-shadow: none !important;
}
.page-body.direction-rtl .foo-btn-outline-secondary .btn-icons,
.page-body.direction-ltr .foo-btn-outline-secondary .btn-icons {
  width: 21px;
  height: 21px;
  margin-right: 5px;
}
.page-body.direction-rtl .mat-mdc-dialog-content,
.page-body.direction-ltr .mat-mdc-dialog-content {
  padding-top: 15px;
}
.page-body.direction-rtl .mat-mdc-dialog-title,
.page-body.direction-ltr .mat-mdc-dialog-title {
  margin: 0;
  display: flex;
  border-bottom: 1px solid var(--foo-container-border-color);
  min-height: 50px;
  --mat-dialog-headline-padding: 26px 54px 20px 24px;
  text-transform: capitalize;
}
.page-body.direction-rtl .mat-mdc-dialog-title p,
.page-body.direction-ltr .mat-mdc-dialog-title p {
  margin: 0;
  padding: 0;
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  width: 100%;
}
.page-body.direction-rtl .mdc-dialog__container .close-icon,
.page-body.direction-ltr .mdc-dialog__container .close-icon {
  margin-top: 1.2rem !important;
}
.page-body.direction-rtl .close-icon,
.page-body.direction-ltr .close-icon {
  background: transparent;
  border: 0;
  outline: 0;
  position: absolute;
  right: 4%;
  margin-top: 0.25rem !important;
  z-index: 1;
}
.page-body.direction-rtl button.circle-actions,
.page-body.direction-ltr button.circle-actions {
  outline: 0;
  background: transparent;
  border-radius: 50%;
  margin: 0 5px !important;
  padding: 0;
  border: 1px solid transparent;
  display: inline-flex;
  vertical-align: middle;
}
.page-body.direction-rtl button.circle-actions.foo-icons-arrow-down-btn,
.page-body.direction-ltr button.circle-actions.foo-icons-arrow-down-btn {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.page-body.direction-rtl button[disabled=""],
.page-body.direction-ltr button[disabled=""] {
  opacity: 0.4;
  cursor: default;
}
.page-body.direction-rtl button:focus,
.page-body.direction-ltr button:focus {
  outline: 0;
  box-shadow: none;
}
.page-body.direction-rtl .mat-mdc-form-field,
.page-body.direction-ltr .mat-mdc-form-field {
  width: 100%;
}
.page-body.direction-rtl .mat-mdc-form-field .mat-mdc-form-field-suffix, .page-body.direction-rtl .mat-mdc-form-field .mat-mdc-form-field-icon-suffix,
.page-body.direction-ltr .mat-mdc-form-field .mat-mdc-form-field-suffix,
.page-body.direction-ltr .mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  position: absolute;
  right: 10px !important;
  left: unset !important;
  top: 50%;
  transform: translateY(-50%);
}
.page-body.direction-rtl .mat-mdc-form-field.mat-mdc-form-field-type-mat-input .mat-mdc-form-field-flex,
.page-body.direction-ltr .mat-mdc-form-field.mat-mdc-form-field-type-mat-input .mat-mdc-form-field-flex {
  background: var(--foo-white-color) !important;
  box-shadow: none;
  height: var(--foo-input-height);
  border-radius: var(--foo-input-border-radius) !important;
}
.page-body.direction-rtl .mat-mdc-form-field.mat-mdc-form-field-type-mat-input .mat-mdc-form-field-flex .mat-datepicker-input,
.page-body.direction-ltr .mat-mdc-form-field.mat-mdc-form-field-type-mat-input .mat-mdc-form-field-flex .mat-datepicker-input {
  background: transparent !important;
}
.page-body.direction-rtl .mat-mdc-form-field span.mat-mdc-form-field-label-wrapper,
.page-body.direction-ltr .mat-mdc-form-field span.mat-mdc-form-field-label-wrapper {
  height: var(--foo-input-height); /*need to test*/
  padding: 0 15px 0 30px;
  top: 0;
}
.page-body.direction-rtl .mat-mdc-form-field span.mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label,
.page-body.direction-ltr .mat-mdc-form-field span.mat-mdc-form-field-label-wrapper .mat-mdc-form-field-label {
  padding: 0 15px;
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: var(--foo-light-color);
  top: 50%;
  transform: translateY(-50%);
}
.page-body.direction-rtl .mat-mdc-form-field span.mat-mdc-form-field-label-wrapper input::placeholder,
.page-body.direction-ltr .mat-mdc-form-field span.mat-mdc-form-field-label-wrapper input::placeholder {
  color: var(--foo-light-color) !important;
}
.page-body.direction-rtl .mat-mdc-form-field .mat-mdc-form-field-infix,
.page-body.direction-ltr .mat-mdc-form-field .mat-mdc-form-field-infix {
  margin: 0;
  padding: 0 3px;
  border: 0;
  font-family: var(--foo-primary-font);
  font-size: 14px;
  line-height: 1.25;
  min-height: auto;
}
.page-body.direction-rtl .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper, .page-body.direction-rtl .mat-mdc-form-field .mat-form-field-underline,
.page-body.direction-ltr .mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,
.page-body.direction-ltr .mat-mdc-form-field .mat-form-field-underline {
  display: none;
}
.page-body.direction-rtl .mat-mdc-form-field .mat-form-field-wrapper,
.page-body.direction-ltr .mat-mdc-form-field .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.page-body.direction-rtl mat-datepicker-content thead.mat-calendar-table-header th,
.page-body.direction-rtl ngx-mat-datetime-content thead.mat-calendar-table-header th,
.page-body.direction-ltr mat-datepicker-content thead.mat-calendar-table-header th,
.page-body.direction-ltr ngx-mat-datetime-content thead.mat-calendar-table-header th {
  text-align: center !important;
}
.page-body.direction-rtl .timepicker .mat-mdc-form-field-icon-suffix > .mat-icon,
.page-body.direction-ltr .timepicker .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding: 3px;
}
.page-body.direction-rtl .ngx-mat-timepicker-dialog .mat-mdc-dialog-content,
.page-body.direction-ltr .ngx-mat-timepicker-dialog .mat-mdc-dialog-content {
  padding: 0 !important;
}
.page-body.direction-rtl ngx-mat-datetime-content .ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-mdc-icon-button .mat-icon,
.page-body.direction-ltr ngx-mat-datetime-content .ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-mdc-icon-button .mat-icon {
  margin: 0 !important;
}
.page-body.direction-rtl ngx-mat-datetime-content .mat-mdc-form-field-infix,
.page-body.direction-ltr ngx-mat-datetime-content .mat-mdc-form-field-infix {
  padding: 4px 0 0 0 !important;
}
.page-body.direction-rtl ngx-mat-timepicker .mat-mdc-form-field-flex,
.page-body.direction-ltr ngx-mat-timepicker .mat-mdc-form-field-flex {
  height: unset !important;
}
.page-body.direction-rtl ngx-mat-timepicker .mat-mdc-form-field-infix,
.page-body.direction-ltr ngx-mat-timepicker .mat-mdc-form-field-infix {
  padding: 6px 0 !important;
}
.page-body.direction-rtl ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-mdc-icon-button .mat-icon,
.page-body.direction-ltr ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-mdc-icon-button .mat-icon {
  margin-left: 1px !important;
}
.page-body.direction-rtl mat-form-field.datetimepicker,
.page-body.direction-rtl mat-form-field.datepicker,
.page-body.direction-ltr mat-form-field.datetimepicker,
.page-body.direction-ltr mat-form-field.datepicker {
  width: 100%;
}
.page-body.direction-rtl mat-form-field.datetimepicker:not(.timepicker) .mat-mdc-form-field-flex input,
.page-body.direction-rtl mat-form-field.datepicker:not(.timepicker) .mat-mdc-form-field-flex input,
.page-body.direction-ltr mat-form-field.datetimepicker:not(.timepicker) .mat-mdc-form-field-flex input,
.page-body.direction-ltr mat-form-field.datepicker:not(.timepicker) .mat-mdc-form-field-flex input {
  cursor: default;
}
.page-body.direction-rtl mat-form-field.datetimepicker .mat-icon,
.page-body.direction-rtl mat-form-field.datepicker .mat-icon,
.page-body.direction-ltr mat-form-field.datetimepicker .mat-icon,
.page-body.direction-ltr mat-form-field.datepicker .mat-icon {
  margin: 0 !important;
}
.page-body.direction-rtl mat-form-field.datetimepicker .mat-mdc-form-field-flex,
.page-body.direction-rtl mat-form-field.datepicker .mat-mdc-form-field-flex,
.page-body.direction-ltr mat-form-field.datetimepicker .mat-mdc-form-field-flex,
.page-body.direction-ltr mat-form-field.datepicker .mat-mdc-form-field-flex {
  padding: 0em 0.75em 0 0.75em !important;
  align-items: center;
}
.page-body.direction-rtl mat-form-field.datetimepicker .mat-mdc-form-field-flex input,
.page-body.direction-rtl mat-form-field.datepicker .mat-mdc-form-field-flex input,
.page-body.direction-ltr mat-form-field.datetimepicker .mat-mdc-form-field-flex input,
.page-body.direction-ltr mat-form-field.datepicker .mat-mdc-form-field-flex input {
  background: transparent !important;
}
.page-body.direction-rtl mat-form-field.datetimepicker .mat-mdc-text-field-wrapper,
.page-body.direction-rtl mat-form-field.datepicker .mat-mdc-text-field-wrapper,
.page-body.direction-ltr mat-form-field.datetimepicker .mat-mdc-text-field-wrapper,
.page-body.direction-ltr mat-form-field.datepicker .mat-mdc-text-field-wrapper {
  background: none;
  will-change: auto;
}
.page-body.direction-rtl mat-form-field.datetimepicker .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.page-body.direction-rtl mat-form-field.datepicker .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.page-body.direction-ltr mat-form-field.datetimepicker .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.page-body.direction-ltr mat-form-field.datepicker .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  display: none;
}
.page-body.direction-rtl mat-form-field.datetimepicker .mat-mdc-form-field-infix,
.page-body.direction-rtl mat-form-field.datepicker .mat-mdc-form-field-infix,
.page-body.direction-ltr mat-form-field.datetimepicker .mat-mdc-form-field-infix,
.page-body.direction-ltr mat-form-field.datepicker .mat-mdc-form-field-infix {
  margin: 0;
  padding: 0 3px;
  border: 0;
  font-family: var(--foo-primary-font);
  font-size: 14px;
  line-height: 1.25;
}
.page-body.direction-rtl mat-form-field.datetimepicker .mat-form-field-underline,
.page-body.direction-rtl mat-form-field.datepicker .mat-form-field-underline,
.page-body.direction-ltr mat-form-field.datetimepicker .mat-form-field-underline,
.page-body.direction-ltr mat-form-field.datepicker .mat-form-field-underline {
  display: none;
}
.page-body.direction-rtl mat-form-field.datetimepicker .mat-form-field-subscript-wrapper,
.page-body.direction-rtl mat-form-field.datepicker .mat-form-field-subscript-wrapper,
.page-body.direction-ltr mat-form-field.datetimepicker .mat-form-field-subscript-wrapper,
.page-body.direction-ltr mat-form-field.datepicker .mat-form-field-subscript-wrapper {
  display: none;
}
.page-body.direction-rtl mat-form-field.datetimepicker .mat-form-field-wrapper,
.page-body.direction-rtl mat-form-field.datepicker .mat-form-field-wrapper,
.page-body.direction-ltr mat-form-field.datetimepicker .mat-form-field-wrapper,
.page-body.direction-ltr mat-form-field.datepicker .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
.page-body.direction-rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.page-body.direction-rtl .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label,
.page-body.direction-ltr .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.page-body.direction-ltr .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  display: none;
}
.page-body.direction-rtl .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label.mat-form-field-empty,
.page-body.direction-ltr .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label.mat-form-field-empty {
  display: block;
}
.page-body.direction-rtl .mat-mdc-text-field-wrapper,
.page-body.direction-ltr .mat-mdc-text-field-wrapper {
  background: none;
}
.page-body.direction-rtl .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
.page-body.direction-ltr .mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  display: none;
}
.page-body.direction-rtl div[class*=status-box-],
.page-body.direction-rtl span[class*=status-box-],
.page-body.direction-ltr div[class*=status-box-],
.page-body.direction-ltr span[class*=status-box-] {
  border-radius: 9px;
  height: 30px;
  padding: 0 15px;
  width: max-content;
  min-width: 100px;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-transform: capitalize;
  font-family: var(--foo-primary-font);
  margin: 0 20px;
}
.page-body.direction-rtl div[class*=status-box-].big-status,
.page-body.direction-rtl span[class*=status-box-].big-status,
.page-body.direction-ltr div[class*=status-box-].big-status,
.page-body.direction-ltr span[class*=status-box-].big-status {
  width: 100%;
  margin: 0;
}
.page-body.direction-rtl .status-box-received,
.page-body.direction-ltr .status-box-received {
  background: rgba(192, 192, 192, 0.1);
  color: var(--foo-light-color);
}
.page-body.direction-rtl .status-box-pending,
.page-body.direction-ltr .status-box-pending {
  background: var(--foo-warning-bg);
  color: var(--foo-warning-color);
}
.page-body.direction-rtl .status-box-pending .mat-mdc-select-value-text,
.page-body.direction-ltr .status-box-pending .mat-mdc-select-value-text {
  color: var(--foo-warning-color);
}
.page-body.direction-rtl .status-box-pending .mat-mdc-select-arrow,
.page-body.direction-ltr .status-box-pending .mat-mdc-select-arrow {
  border-color: var(--foo-warning-color);
}
.page-body.direction-rtl .status-box-failed,
.page-body.direction-ltr .status-box-failed {
  background: rgba(255, 0, 0, 0.17);
  color: var(--foo-danger-color);
}
.page-body.direction-rtl .status-box-failed .mat-mdc-select-value-text,
.page-body.direction-ltr .status-box-failed .mat-mdc-select-value-text {
  color: var(--foo-danger-color);
}
.page-body.direction-rtl .status-box-failed .mat-mdc-select-arrow,
.page-body.direction-ltr .status-box-failed .mat-mdc-select-arrow {
  border-color: var(--foo-danger-color);
}
.page-body.direction-rtl .status-box-active,
.page-body.direction-ltr .status-box-active {
  background: var(--approve-background);
  color: var(--foo-success-color);
}
.page-body.direction-rtl .status-box-active .mat-mdc-select-value-text,
.page-body.direction-ltr .status-box-active .mat-mdc-select-value-text {
  color: var(--foo-success-color);
}
.page-body.direction-rtl .status-box-active .mat-mdc-select-arrow,
.page-body.direction-ltr .status-box-active .mat-mdc-select-arrow {
  border-color: var(--foo-success-color);
}
.page-body.direction-rtl li.xng-breadcrumb-item:only-of-type,
.page-body.direction-ltr li.xng-breadcrumb-item:only-of-type {
  display: none;
}
.page-body.direction-rtl ol.xng-breadcrumb-list,
.page-body.direction-ltr ol.xng-breadcrumb-list {
  margin-bottom: 0px;
}
.page-body.direction-rtl ol.xng-breadcrumb-list li,
.page-body.direction-ltr ol.xng-breadcrumb-list li {
  font-size: 12px;
  line-height: 16px;
  color: var(--foo-light-color);
  z-index: 999;
  margin-bottom: 1rem;
}
.page-body.direction-rtl ol.xng-breadcrumb-list li a,
.page-body.direction-ltr ol.xng-breadcrumb-list li a {
  text-decoration: none;
  color: var(--foo-light-color);
  outline: 0 !important;
}
.page-body.direction-rtl ol.xng-breadcrumb-list li label,
.page-body.direction-ltr ol.xng-breadcrumb-list li label {
  margin-bottom: 0;
}
.page-body.direction-rtl ol.xng-breadcrumb-list li .foo-icon,
.page-body.direction-ltr ol.xng-breadcrumb-list li .foo-icon {
  margin-right: 10px;
  cursor: pointer;
}
.page-body.direction-rtl ol.xng-breadcrumb-list li .foo-icon:hover,
.page-body.direction-ltr ol.xng-breadcrumb-list li .foo-icon:hover {
  box-shadow: var(--foo-btn-shadow);
}
.page-body.direction-rtl ol.xng-breadcrumb-list li .foo-icon:active,
.page-body.direction-ltr ol.xng-breadcrumb-list li .foo-icon:active {
  box-shadow: none;
}
.page-body.direction-rtl ol.xng-breadcrumb-list li .xng-breadcrumb-trail,
.page-body.direction-ltr ol.xng-breadcrumb-list li .xng-breadcrumb-trail {
  font-weight: 700;
  color: var(--foo-light-color);
}
.page-body.direction-rtl .auto-slider .swiper-slide,
.page-body.direction-ltr .auto-slider .swiper-slide {
  flex-shrink: 1;
  max-width: fit-content;
}
.page-body.direction-rtl ngb-alert.alert,
.page-body.direction-ltr ngb-alert.alert {
  position: fixed;
  top: 12px;
  width: 400px;
  right: 12px;
  z-index: 9999999999;
  max-width: calc(100% - 24px);
}
.page-body.direction-rtl ngb-alert.alert .btn-close,
.page-body.direction-ltr ngb-alert.alert .btn-close {
  padding: 0.9rem 1.25rem;
  font-size: 0.8em;
  padding-top: 0px;
  padding-bottom: 0px;
  height: 100%;
}
.page-body.direction-rtl .top-title-with-buttons,
.page-body.direction-ltr .top-title-with-buttons {
  display: flex;
  align-items: center;
}
.page-body.direction-rtl .cdk-overlay-container,
.page-body.direction-ltr .cdk-overlay-container {
  position: fixed;
  z-index: 1100;
}
.page-body.direction-rtl .filter-panel,
.page-body.direction-ltr .filter-panel {
  position: absolute;
  width: 50%;
  z-index: 1;
  background: var(--foo-white-color);
  box-shadow: var(--foo-dialog-shadow);
  border-radius: 10px;
  max-width: 630px;
  right: 50%;
  transform: translate(50%, -30px);
}
.page-body.direction-rtl .filter-panel .filter-panel--title,
.page-body.direction-ltr .filter-panel .filter-panel--title {
  color: var(--foo-dark-color);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 24px;
}
.page-body.direction-rtl .filter-panel .mat-mdc-checkbox,
.page-body.direction-ltr .filter-panel .mat-mdc-checkbox {
  margin: 0 5px 5px;
}
.page-body.direction-rtl .listing-component-1row framework-listing .data-container .container-box-list .transaction-info span,
.page-body.direction-ltr .listing-component-1row framework-listing .data-container .container-box-list .transaction-info span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
}
.page-body.direction-rtl .listing-component-1row framework-listing .data-container .container-box-list div,
.page-body.direction-rtl .listing-component-1row dynamic-listing .data-container .mat-expansion-panel-header-title div,
.page-body.direction-rtl .listing-component-1row dynamic-listing .data-container .mat-expansion-panel-header-title .transaction-info span,
.page-body.direction-rtl .listing-component-1row dynamic-listing .data-container .basicListing div,
.page-body.direction-rtl .listing-component-1row dynamic-listing .data-container .basicListing .transaction-info span,
.page-body.direction-ltr .listing-component-1row framework-listing .data-container .container-box-list div,
.page-body.direction-ltr .listing-component-1row dynamic-listing .data-container .mat-expansion-panel-header-title div,
.page-body.direction-ltr .listing-component-1row dynamic-listing .data-container .mat-expansion-panel-header-title .transaction-info span,
.page-body.direction-ltr .listing-component-1row dynamic-listing .data-container .basicListing div,
.page-body.direction-ltr .listing-component-1row dynamic-listing .data-container .basicListing .transaction-info span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.page-body.direction-rtl framework-listing .unset-1row span, .page-body.direction-rtl dynamic-listing .unset-1row span,
.page-body.direction-ltr framework-listing .unset-1row span,
.page-body.direction-ltr dynamic-listing .unset-1row span {
  text-overflow: unset !important;
  overflow: unset !important;
  white-space: unset !important;
}
.page-body.direction-rtl dynamic-listing .mat-content.mat-content-hide-toggle,
.page-body.direction-ltr dynamic-listing .mat-content.mat-content-hide-toggle {
  margin-right: 0;
}
.page-body.direction-rtl dynamic-listing .mat-expansion-panel-header-title, .page-body.direction-rtl dynamic-listing .basicListing,
.page-body.direction-ltr dynamic-listing .mat-expansion-panel-header-title,
.page-body.direction-ltr dynamic-listing .basicListing {
  min-width: 0;
}
.page-body.direction-rtl dynamic-listing .mat-expansion-panel-header-title .info-cols .values-container, .page-body.direction-rtl dynamic-listing .basicListing .info-cols .values-container,
.page-body.direction-ltr dynamic-listing .mat-expansion-panel-header-title .info-cols .values-container,
.page-body.direction-ltr dynamic-listing .basicListing .info-cols .values-container {
  min-width: 0;
}
.page-body.direction-rtl dynamic-listing .mat-expansion-panel-header-title .info-cols .resp-label, .page-body.direction-rtl dynamic-listing .basicListing .info-cols .resp-label,
.page-body.direction-ltr dynamic-listing .mat-expansion-panel-header-title .info-cols .resp-label,
.page-body.direction-ltr dynamic-listing .basicListing .info-cols .resp-label {
  min-width: 100px !important;
}
.page-body.direction-rtl dynamic-listing .mat-expansion-panel-header-title div, .page-body.direction-rtl dynamic-listing .basicListing div,
.page-body.direction-ltr dynamic-listing .mat-expansion-panel-header-title div,
.page-body.direction-ltr dynamic-listing .basicListing div {
  overflow: hidden;
}
.page-body.direction-rtl dynamic-listing .list-header, .page-body.direction-rtl framework-listing .list-header,
.page-body.direction-ltr dynamic-listing .list-header,
.page-body.direction-ltr framework-listing .list-header {
  display: flex;
}
.page-body.direction-rtl dynamic-listing .info-cols > div, .page-body.direction-rtl framework-listing .info-cols > div,
.page-body.direction-ltr dynamic-listing .info-cols > div,
.page-body.direction-ltr framework-listing .info-cols > div {
  width: 100%;
}
.page-body.direction-rtl .overflow-ellipsis, .page-body.direction-rtl .overflow-ellipsis *,
.page-body.direction-ltr .overflow-ellipsis,
.page-body.direction-ltr .overflow-ellipsis * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.page-body.direction-rtl .ng-select.ng-select-single:not(.ng-select-disabled) .ng-select-container,
.page-body.direction-rtl .ng-select.ng-select-opened.ng-select-bottom > .ng-select-container,
.page-body.direction-rtl .ng-select > .ng-select-container,
.page-body.direction-ltr .ng-select.ng-select-single:not(.ng-select-disabled) .ng-select-container,
.page-body.direction-ltr .ng-select.ng-select-opened.ng-select-bottom > .ng-select-container,
.page-body.direction-ltr .ng-select > .ng-select-container {
  background: var(--foo-white-color);
  box-shadow: none;
  border-radius: var(--foo-input-border-radius);
  height: var(--foo-input-height);
  padding: 0 15px;
}
.page-body.direction-rtl .ng-select.ng-select-single.ng-select-disabled .ng-select-container,
.page-body.direction-ltr .ng-select.ng-select-single.ng-select-disabled .ng-select-container {
  background: var(--foo-white-color);
  border-radius: var(--foo-input-border-radius);
  height: var(--foo-input-height);
  padding: 0 15px;
  background: var(--foo-readonly-color);
  border: none !important;
  box-shadow: none !important;
  cursor: default;
}
.page-body.direction-rtl .ng-select.ng-select-single.ng-select-disabled .ng-select-container span.ng-value-label,
.page-body.direction-ltr .ng-select.ng-select-single.ng-select-disabled .ng-select-container span.ng-value-label {
  color: var(--foo-light-color) !important;
}
.page-body.direction-rtl .ng-select.ng-select-multiple,
.page-body.direction-ltr .ng-select.ng-select-multiple {
  border-radius: var(--foo-input-border-radius) !important;
}
.page-body.direction-rtl .ng-select.ng-select-multiple .ng-select-container,
.page-body.direction-ltr .ng-select.ng-select-multiple .ng-select-container {
  background: var(--foo-white-color);
  box-shadow: none;
  border-radius: var(--foo-input-border-radius);
  height: auto !important;
  padding: 0 15px;
}
.page-body.direction-rtl .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder,
.page-body.direction-ltr .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding: 0 !important;
}
.page-body.direction-rtl .ng-select.ng-select-multiple .ng-select-container .ng-value-container input,
.page-body.direction-ltr .ng-select.ng-select-multiple .ng-select-container .ng-value-container input {
  padding: 0 !important;
}
.page-body.direction-rtl .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input,
.page-body.direction-ltr .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding-left: 0 !important;
}
.page-body.direction-rtl .ng-select.ng-select-multiple .ng-select-container input[type=text],
.page-body.direction-ltr .ng-select.ng-select-multiple .ng-select-container input[type=text] {
  border: 0 !important;
}
.page-body.direction-rtl .ng-select .ng-arrow-wrapper .ng-arrow,
.page-body.direction-ltr .ng-select .ng-arrow-wrapper .ng-arrow {
  border: 0;
  background: url("/assets/img/arrow_down.svg");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center center;
  width: 24px;
  height: 24px;
  margin: auto;
  display: block;
}
.page-body.direction-rtl .ng-select.ng-select-opened .ng-arrow,
.page-body.direction-ltr .ng-select.ng-select-opened .ng-arrow {
  transform: rotate(180deg);
}
.page-body.direction-rtl .ng-select .ng-clear-wrapper .ng-clear,
.page-body.direction-ltr .ng-select .ng-clear-wrapper .ng-clear {
  color: var(--foo-light-color);
}
.page-body.direction-rtl .ng-select .ng-placeholder,
.page-body.direction-ltr .ng-select .ng-placeholder {
  color: var(--foo-light-color);
  font-family: var(--foo-primary-font);
  font-size: 14px;
}
.page-body.direction-rtl body.page-body.direction-ltr.shimmer-animate .non-svg-color-filter,
.page-body.direction-rtl body.page-body.direction-ltr.shimmer-animate .success-svg-color-filter,
.page-body.direction-rtl body.page-body.direction-ltr.shimmer-animate .failed-svg-color-filter,
.page-body.direction-rtl body.page-body.direction-ltr.shimmer-animate .basic-svg-color-filter,
.page-body.direction-rtl body.page-body.direction-rtl.shimmer-animate .non-svg-color-filter,
.page-body.direction-rtl body.page-body.direction-rtl.shimmer-animate .success-svg-color-filter,
.page-body.direction-rtl body.page-body.direction-rtl.shimmer-animate .failed-svg-color-filter,
.page-body.direction-rtl body.page-body.direction-rtl.shimmer-animate .basic-svg-color-filter,
.page-body.direction-rtl .shimmer-animate .non-svg-color-filter,
.page-body.direction-rtl .shimmer-animate .success-svg-color-filter,
.page-body.direction-rtl .shimmer-animate .failed-svg-color-filter,
.page-body.direction-rtl .shimmer-animate .basic-svg-color-filter,
.page-body.direction-ltr body.page-body.direction-ltr.shimmer-animate .non-svg-color-filter,
.page-body.direction-ltr body.page-body.direction-ltr.shimmer-animate .success-svg-color-filter,
.page-body.direction-ltr body.page-body.direction-ltr.shimmer-animate .failed-svg-color-filter,
.page-body.direction-ltr body.page-body.direction-ltr.shimmer-animate .basic-svg-color-filter,
.page-body.direction-ltr body.page-body.direction-rtl.shimmer-animate .non-svg-color-filter,
.page-body.direction-ltr body.page-body.direction-rtl.shimmer-animate .success-svg-color-filter,
.page-body.direction-ltr body.page-body.direction-rtl.shimmer-animate .failed-svg-color-filter,
.page-body.direction-ltr body.page-body.direction-rtl.shimmer-animate .basic-svg-color-filter,
.page-body.direction-ltr .shimmer-animate .non-svg-color-filter,
.page-body.direction-ltr .shimmer-animate .success-svg-color-filter,
.page-body.direction-ltr .shimmer-animate .failed-svg-color-filter,
.page-body.direction-ltr .shimmer-animate .basic-svg-color-filter {
  filter: none !important;
}
.page-body.direction-rtl body.page-body.direction-ltr.shimmer-animate ng-select,
.page-body.direction-rtl body.page-body.direction-rtl.shimmer-animate ng-select,
.page-body.direction-rtl .shimmer-animate ng-select,
.page-body.direction-ltr body.page-body.direction-ltr.shimmer-animate ng-select,
.page-body.direction-ltr body.page-body.direction-rtl.shimmer-animate ng-select,
.page-body.direction-ltr .shimmer-animate ng-select {
  animation: shimmer 3s infinite linear;
  background: var(--foo-shimmer-color);
  background-size: 1000px 100%;
  border-radius: 4px;
  color: transparent !important;
  min-height: var(--foo-input-height);
  min-width: 100px;
}
.page-body.direction-rtl body.page-body.direction-ltr.shimmer-animate button[disabled=""]:hover,
.page-body.direction-rtl body.page-body.direction-rtl.shimmer-animate button[disabled=""]:hover,
.page-body.direction-rtl .shimmer-animate button[disabled=""]:hover,
.page-body.direction-ltr body.page-body.direction-ltr.shimmer-animate button[disabled=""]:hover,
.page-body.direction-ltr body.page-body.direction-rtl.shimmer-animate button[disabled=""]:hover,
.page-body.direction-ltr .shimmer-animate button[disabled=""]:hover {
  box-shadow: unset !important;
}
.page-body.direction-rtl .ng-dropdown-panel,
.page-body.direction-ltr .ng-dropdown-panel {
  border-radius: 0px 0px 10px 10px !important;
  background: var(--foo-white-color);
  box-shadow: none !important;
  border: 0px;
  margin-top: 2px;
}
.page-body.direction-rtl .ng-dropdown-panel .scroll-host,
.page-body.direction-ltr .ng-dropdown-panel .scroll-host {
  line-height: 40px !important;
  border-radius: 0px 0px 10px 10px;
}
.page-body.direction-rtl .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.page-body.direction-rtl .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked,
.page-body.direction-ltr .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.page-body.direction-ltr .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: var(--foo-dark-color);
  background: var(--foo-item-tag-hover-color);
  font-weight: bold;
}
.page-body.direction-rtl .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected b,
.page-body.direction-rtl .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked b,
.page-body.direction-ltr .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected b,
.page-body.direction-ltr .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked b {
  font-weight: 400 !important;
}
.page-body.direction-rtl .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked:not(.ng-option-disabled),
.page-body.direction-ltr .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked:not(.ng-option-disabled) {
  color: var(--foo-dark-color);
  background: var(--foo-item-tag-hover-color);
}
.page-body.direction-rtl .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.page-body.direction-ltr .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 15px 20px !important;
}
.page-body.direction-rtl .container-box-select-big .ng-select.ng-select-single .ng-select-container,
.page-body.direction-rtl .container-box-select-big .ng-select.ng-select-opened.ng-select-bottom > .ng-select-container,
.page-body.direction-ltr .container-box-select-big .ng-select.ng-select-single .ng-select-container,
.page-body.direction-ltr .container-box-select-big .ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  height: 75px !important;
  border-radius: 10px;
}
.page-body.direction-rtl .container-box-select-big,
.page-body.direction-ltr .container-box-select-big {
  padding: 0 !important;
}
.page-body.direction-rtl .container-box-select-big .ng-select > .ng-select-container,
.page-body.direction-rtl .container-box-select-big .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container,
.page-body.direction-rtl .container-box-select-big .ng-select .ng-select-container:hover,
.page-body.direction-ltr .container-box-select-big .ng-select > .ng-select-container,
.page-body.direction-ltr .container-box-select-big .ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container,
.page-body.direction-ltr .container-box-select-big .ng-select .ng-select-container:hover {
  border-color: #ced4da;
  border: 0;
  padding: 0 20px;
  box-shadow: none;
  font-weight: 800;
}
.page-body.direction-rtl .container-box-select-big .ng-select h2, .page-body.direction-rtl .container-box-select-big .ng-select .h2,
.page-body.direction-ltr .container-box-select-big .ng-select h2,
.page-body.direction-ltr .container-box-select-big .ng-select .h2 {
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.2px;
  color: var(--foo-dark-color);
  white-space: break-spaces;
}
.page-body.direction-rtl .container-box-select-big .ng-select h3, .page-body.direction-rtl .container-box-select-big .ng-select .h3,
.page-body.direction-ltr .container-box-select-big .ng-select h3,
.page-body.direction-ltr .container-box-select-big .ng-select .h3 {
  font-size: 14px;
  line-height: 22px;
  color: var(--foo-light-color);
  margin: 0;
  white-space: break-spaces;
  direction: ltr !important;
}
.page-body.direction-rtl .ng-select p,
.page-body.direction-rtl .ng-select h2,
.page-body.direction-rtl .ng-select .h2,
.page-body.direction-rtl .ng-select h3,
.page-body.direction-rtl .ng-select .h3,
.page-body.direction-ltr .ng-select p,
.page-body.direction-ltr .ng-select h2,
.page-body.direction-ltr .ng-select .h2,
.page-body.direction-ltr .ng-select h3,
.page-body.direction-ltr .ng-select .h3 {
  margin: 0;
}
.page-body.direction-rtl .ng-select .ng-select-container .ng-value-container,
.page-body.direction-rtl .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,
.page-body.direction-ltr .ng-select .ng-select-container .ng-value-container,
.page-body.direction-ltr .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-left: 0 !important;
  padding-right: 0 !important;
  top: unset;
}
.page-body.direction-rtl .ng-select:not(.ng-select-searchable) .ng-select-container .ng-value-container .ng-input > input,
.page-body.direction-ltr .ng-select:not(.ng-select-searchable) .ng-select-container .ng-value-container .ng-input > input {
  padding-left: 12px;
  padding-right: 12px;
  caret-color: transparent;
  cursor: pointer;
}
.page-body.direction-rtl .ng-select:not(.ng-select-searchable) .ng-select-container .ng-value-container .ng-input > input:disabled,
.page-body.direction-ltr .ng-select:not(.ng-select-searchable) .ng-select-container .ng-value-container .ng-input > input:disabled {
  cursor: default;
}
.page-body.direction-rtl .ng-select,
.page-body.direction-ltr .ng-select {
  border-radius: var(--foo-input-border-radius);
  border: 1px solid #ced4da;
}
.page-body.direction-rtl .ng-select.search-bar-design .ng-select-container,
.page-body.direction-ltr .ng-select.search-bar-design .ng-select-container {
  border: none !important;
  background-color: var(--foo-border-color) !important;
}
.page-body.direction-rtl .ng-select.search-bar-design.ng-select-focused > .ng-select-container,
.page-body.direction-ltr .ng-select.search-bar-design.ng-select-focused > .ng-select-container {
  background-color: unset !important;
}
.page-body.direction-rtl .ng-select.search-bar-design input,
.page-body.direction-ltr .ng-select.search-bar-design input {
  cursor: text !important;
}
.page-body.direction-rtl .ng-select.search-bar-design input:not(:focus),
.page-body.direction-ltr .ng-select.search-bar-design input:not(:focus) {
  border: none !important;
}
.page-body.direction-rtl .ng-select.autocomplete .ng-arrow-wrapper,
.page-body.direction-ltr .ng-select.autocomplete .ng-arrow-wrapper {
  display: none !important;
}
.page-body.direction-rtl .ng-select.ng-select-focused .ng-select-container,
.page-body.direction-ltr .ng-select.ng-select-focused .ng-select-container {
  border: 1px solid var(--foo-light-color) !important;
  background: none !important;
}
.page-body.direction-rtl .ng-select .ng-select-container .ng-value-container,
.page-body.direction-ltr .ng-select .ng-select-container .ng-value-container {
  color: var(--foo-dark-color);
}
.page-body.direction-rtl .ng-select .ng-select-container .ng-value-container .ng-value > .ng-star-inserted,
.page-body.direction-ltr .ng-select .ng-select-container .ng-value-container .ng-value > .ng-star-inserted {
  padding-left: 0 !important;
}
.page-body.direction-rtl .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value > .ng-star-inserted,
.page-body.direction-ltr .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value > .ng-star-inserted {
  padding-left: 5px !important;
}
.page-body.direction-rtl .foo-tabs-menu,
.page-body.direction-ltr .foo-tabs-menu {
  position: relative;
}
.page-body.direction-rtl .foo-tabs-menu.no-border-bottom::after,
.page-body.direction-ltr .foo-tabs-menu.no-border-bottom::after {
  display: none;
}
.page-body.direction-rtl .foo-tabs-menu .nav-pills li a,
.page-body.direction-ltr .foo-tabs-menu .nav-pills li a {
  margin: 14px 2px 18px;
}
.page-body.direction-rtl .foo-tabs-menu::after,
.page-body.direction-ltr .foo-tabs-menu::after {
  background: rgba(185, 191, 201, 0.2);
  height: 1px;
  content: "";
  position: absolute;
  bottom: 0;
  right: 15px;
  left: 15px;
}
.page-body.direction-rtl .buttons-container,
.page-body.direction-ltr .buttons-container {
  text-align: right;
  display: inline-flex;
  justify-content: flex-end;
}
.page-body.direction-rtl .responsive-buttons .buttons-container,
.page-body.direction-ltr .responsive-buttons .buttons-container {
  display: none;
}
.page-body.direction-rtl .nav-pills li,
.page-body.direction-ltr .nav-pills li {
  position: relative;
  display: flex;
  margin-right: 25px;
}
.page-body.direction-rtl .nav-pills li a,
.page-body.direction-ltr .nav-pills li a {
  display: block;
  padding: 0 15px;
  border: 0;
  margin: 10px 2px 20px;
  font-weight: normal;
  font-family: var(--foo-primary-font);
  font-size: 16px;
  line-height: 25px;
  color: var(--foo-light-color);
  text-decoration: none;
  text-transform: capitalize;
  text-align: center;
}
.page-body.direction-rtl .nav-pills li a:hover,
.page-body.direction-ltr .nav-pills li a:hover {
  color: var(--foo-tab-active-color);
}
.page-body.direction-rtl .nav-pills li a.active,
.page-body.direction-ltr .nav-pills li a.active {
  color: var(--foo-tab-active-color) !important;
  font-weight: 700;
  font-family: var(--foo-primary-font);
}
.page-body.direction-rtl .nav-pills li a.active::after,
.page-body.direction-ltr .nav-pills li a.active::after {
  width: calc(100% - 30px) !important;
  height: 4px !important;
  border-radius: 5px 5px 0 0 !important;
  margin: 0px 15px !important;
  background: var(--foo-tab-active-color) !important;
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0;
}
.page-body.direction-rtl .row > .tab-content,
.page-body.direction-ltr .row > .tab-content {
  padding: 0 15px;
  width: 100%;
}
.page-body.direction-rtl swiper,
.page-body.direction-ltr swiper {
  width: 100%;
}
.page-body.direction-rtl swiper .swiper-slide,
.page-body.direction-ltr swiper .swiper-slide {
  min-width: fit-content;
}
.page-body.direction-rtl .search-container,
.page-body.direction-ltr .search-container {
  background: transparent;
  margin-right: 0;
  margin-left: 0;
  border-radius: 10px;
}
.page-body.direction-rtl .search-container:not(.search-bar-container),
.page-body.direction-ltr .search-container:not(.search-bar-container) {
  padding: 24px;
}
.page-body.direction-rtl .add-seach-icon,
.page-body.direction-ltr .add-seach-icon {
  display: flex;
}
.page-body.direction-rtl .add-seach-icon input[type=text],
.page-body.direction-ltr .add-seach-icon input[type=text] {
  background: var(--foo-readonly-color) !important;
  border: none !important;
}
.page-body.direction-rtl .add-seach-icon::before,
.page-body.direction-ltr .add-seach-icon::before {
  content: "";
  position: relative;
  /*top: calc( 50% - 12px);
  left: 25px;*/
  top: 10px;
  left: 34px;
  background: url("/assets/img/search-btn.svg");
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}
.page-body.direction-rtl .custom-clear-input,
.page-body.direction-rtl .ng-select .ng-clear-wrapper,
.page-body.direction-ltr .custom-clear-input,
.page-body.direction-ltr .ng-select .ng-clear-wrapper {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 20px;
  height: 20px;
}
.page-body.direction-rtl .custom-clear-input .ng-clear,
.page-body.direction-rtl .ng-select .ng-clear-wrapper .ng-clear,
.page-body.direction-ltr .custom-clear-input .ng-clear,
.page-body.direction-ltr .ng-select .ng-clear-wrapper .ng-clear {
  position: absolute;
  mask-image: url("/assets/img/close.svg");
  mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("/assets/img/close.svg");
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  background-color: var(--foo-light-color);
  width: 100%;
  height: 100%;
  display: block;
  text-align: center;
  line-height: unset;
  cursor: pointer;
  margin: auto;
  right: 4px;
}
.page-body.direction-rtl .search-container input[type=text],
.page-body.direction-rtl .ng-select input[type=text],
.page-body.direction-ltr .search-container input[type=text],
.page-body.direction-ltr .ng-select input[type=text] {
  width: 100%;
  background: transparent;
  box-sizing: border-box !important;
  border-radius: var(--foo-input-border-radius);
  padding: 0 65px 0 15px !important;
  height: 31px;
  box-shadow: none;
  -webkit-appearance: none;
  font-family: var(--foo-primary-font);
}
.page-body.direction-rtl .search-container input[type=text].search-icon,
.page-body.direction-rtl .ng-select input[type=text].search-icon,
.page-body.direction-ltr .search-container input[type=text].search-icon,
.page-body.direction-ltr .ng-select input[type=text].search-icon {
  height: 50px;
  margin-right: 20px;
  box-shadow: none !important;
  padding: 0 15px 0 40px !important;
}
.page-body.direction-rtl .search-container.search-bar-container:not(.has-search-icon-btn) input,
.page-body.direction-ltr .search-container.search-bar-container:not(.has-search-icon-btn) input {
  height: 100% !important;
  min-height: var(--foo-input-height);
}
.page-body.direction-rtl .search-container input::placeholder,
.page-body.direction-ltr .search-container input::placeholder {
  color: var(--foo-light-color) !important;
  font-family: var(--foo-primary-font);
}
.page-body.direction-rtl .clear-search,
.page-body.direction-rtl .search-btn,
.page-body.direction-ltr .clear-search,
.page-body.direction-ltr .search-btn {
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  color: var(--foo-primary-color);
  display: inline-block;
  font-family: var(--foo-primary-font);
  cursor: pointer;
}
.page-body.direction-rtl .clear-search,
.page-body.direction-ltr .clear-search {
  margin-right: 35px;
}
.page-body.direction-rtl div.account-action-box .circle-actions-container,
.page-body.direction-ltr div.account-action-box .circle-actions-container {
  gap: 10px;
}
.page-body.direction-rtl div.account-action-box .circle-actions-container button.circle-actions.circle-actions-small,
.page-body.direction-ltr div.account-action-box .circle-actions-container button.circle-actions.circle-actions-small {
  margin: 0px !important;
}
.page-body.direction-rtl div.account-action-box .rightBtnDesign,
.page-body.direction-ltr div.account-action-box .rightBtnDesign {
  display: flex !important;
  justify-content: flex-end;
}
.page-body.direction-rtl .form-group,
.page-body.direction-ltr .form-group {
  position: relative;
}
.page-body.direction-rtl .form-control,
.page-body.direction-rtl .form-input,
.page-body.direction-rtl .iti > input,
.page-body.direction-ltr .form-control,
.page-body.direction-ltr .form-input,
.page-body.direction-ltr .iti > input {
  -webkit-appearance: none;
  width: 100%;
  background: var(--foo-white-color);
  box-shadow: none;
  border-radius: var(--foo-input-border-radius);
  border: 1px solid var(--foo-light-color);
  outline: 0;
  color: var(--foo-dark-color);
  caret-color: var(--foo-dark-color);
  font-family: var(--foo-primary-font);
  font-size: 14px;
}
.page-body.direction-rtl .form-control:not(textarea),
.page-body.direction-rtl .form-input:not(textarea),
.page-body.direction-rtl .iti > input:not(textarea),
.page-body.direction-ltr .form-control:not(textarea),
.page-body.direction-ltr .form-input:not(textarea),
.page-body.direction-ltr .iti > input:not(textarea) {
  height: var(--foo-input-height);
}
.page-body.direction-rtl .form-control:not([type=tel]):not(.ng-select),
.page-body.direction-rtl .form-input:not([type=tel]):not(.ng-select),
.page-body.direction-rtl .iti > input:not([type=tel]):not(.ng-select),
.page-body.direction-ltr .form-control:not([type=tel]):not(.ng-select),
.page-body.direction-ltr .form-input:not([type=tel]):not(.ng-select),
.page-body.direction-ltr .iti > input:not([type=tel]):not(.ng-select) {
  padding: 15px;
}
.page-body.direction-rtl .form-control:not(.ng-select):focus:not([readonly]), .page-body.direction-rtl .form-control:not(.ng-select):active:not([readonly]),
.page-body.direction-rtl .form-input:not(.ng-select):focus:not([readonly]),
.page-body.direction-rtl .form-input:not(.ng-select):active:not([readonly]),
.page-body.direction-rtl .iti > input:not(.ng-select):focus:not([readonly]),
.page-body.direction-rtl .iti > input:not(.ng-select):active:not([readonly]),
.page-body.direction-ltr .form-control:not(.ng-select):focus:not([readonly]),
.page-body.direction-ltr .form-control:not(.ng-select):active:not([readonly]),
.page-body.direction-ltr .form-input:not(.ng-select):focus:not([readonly]),
.page-body.direction-ltr .form-input:not(.ng-select):active:not([readonly]),
.page-body.direction-ltr .iti > input:not(.ng-select):focus:not([readonly]),
.page-body.direction-ltr .iti > input:not(.ng-select):active:not([readonly]) {
  box-shadow: none;
  border: 1px solid var(--foo-primary-color) !important;
}
.page-body.direction-rtl .form-control.has-error,
.page-body.direction-rtl .form-input.has-error,
.page-body.direction-rtl .iti > input.has-error,
.page-body.direction-ltr .form-control.has-error,
.page-body.direction-ltr .form-input.has-error,
.page-body.direction-ltr .iti > input.has-error {
  box-shadow: none !important;
  border: 1px solid #FF4E49 !important;
}
.page-body.direction-rtl .form-control.has-error:focus, .page-body.direction-rtl .form-control.has-error:active,
.page-body.direction-rtl .form-input.has-error:focus,
.page-body.direction-rtl .form-input.has-error:active,
.page-body.direction-rtl .iti > input.has-error:focus,
.page-body.direction-rtl .iti > input.has-error:active,
.page-body.direction-ltr .form-control.has-error:focus,
.page-body.direction-ltr .form-control.has-error:active,
.page-body.direction-ltr .form-input.has-error:focus,
.page-body.direction-ltr .form-input.has-error:active,
.page-body.direction-ltr .iti > input.has-error:focus,
.page-body.direction-ltr .iti > input.has-error:active {
  box-shadow: none !important;
  border: 1px solid #FF4E49 !important;
}
.page-body.direction-rtl .form-control[type=text]:not([readonly]), .page-body.direction-rtl .form-control[type=text]:focus:not([readonly]), .page-body.direction-rtl .form-control[type=text]:visited:not([readonly]), .page-body.direction-rtl .form-control[type=password]:not([readonly]), .page-body.direction-rtl .form-control[type=password]:focus:not([readonly]), .page-body.direction-rtl .form-control[type=password]:visited:not([readonly]), .page-body.direction-rtl .form-control[type=email]:not([readonly]), .page-body.direction-rtl .form-control[type=email]:focus:not([readonly]), .page-body.direction-rtl .form-control[type=email]:visited:not([readonly]), .page-body.direction-rtl .form-control[type=textarea]:not([readonly]), .page-body.direction-rtl .form-control[type=textarea]:focus:not([readonly]), .page-body.direction-rtl .form-control[type=tetextareaxt]:visited:not([readonly]), .page-body.direction-rtl .form-control[type=number]:not([readonly]), .page-body.direction-rtl .form-control[type=number]:focus:not([readonly]), .page-body.direction-rtl .form-control[type=number]:visited:not([readonly]), .page-body.direction-rtl .form-control[type=file]:not([readonly]), .page-body.direction-rtl .form-control[type=file]:focus:not([readonly]), .page-body.direction-rtl .form-control[type=file]:visited:not([readonly]), .page-body.direction-rtl .form-control[type=date]:not([readonly]), .page-body.direction-rtl .form-control[type=date]:focus:not([readonly]), .page-body.direction-rtl .form-control[type=date]:visited:not([readonly]), .page-body.direction-rtl .form-control[type=phone]:not([readonly]), .page-body.direction-rtl .form-control[type=phone]:focus:not([readonly]), .page-body.direction-rtl .form-control[type=phone]:visited:not([readonly]),
.page-body.direction-rtl .form-input[type=text]:not([readonly]),
.page-body.direction-rtl .form-input[type=text]:focus:not([readonly]),
.page-body.direction-rtl .form-input[type=text]:visited:not([readonly]),
.page-body.direction-rtl .form-input[type=password]:not([readonly]),
.page-body.direction-rtl .form-input[type=password]:focus:not([readonly]),
.page-body.direction-rtl .form-input[type=password]:visited:not([readonly]),
.page-body.direction-rtl .form-input[type=email]:not([readonly]),
.page-body.direction-rtl .form-input[type=email]:focus:not([readonly]),
.page-body.direction-rtl .form-input[type=email]:visited:not([readonly]),
.page-body.direction-rtl .form-input[type=textarea]:not([readonly]),
.page-body.direction-rtl .form-input[type=textarea]:focus:not([readonly]),
.page-body.direction-rtl .form-input[type=tetextareaxt]:visited:not([readonly]),
.page-body.direction-rtl .form-input[type=number]:not([readonly]),
.page-body.direction-rtl .form-input[type=number]:focus:not([readonly]),
.page-body.direction-rtl .form-input[type=number]:visited:not([readonly]),
.page-body.direction-rtl .form-input[type=file]:not([readonly]),
.page-body.direction-rtl .form-input[type=file]:focus:not([readonly]),
.page-body.direction-rtl .form-input[type=file]:visited:not([readonly]),
.page-body.direction-rtl .form-input[type=date]:not([readonly]),
.page-body.direction-rtl .form-input[type=date]:focus:not([readonly]),
.page-body.direction-rtl .form-input[type=date]:visited:not([readonly]),
.page-body.direction-rtl .form-input[type=phone]:not([readonly]),
.page-body.direction-rtl .form-input[type=phone]:focus:not([readonly]),
.page-body.direction-rtl .form-input[type=phone]:visited:not([readonly]),
.page-body.direction-rtl .iti > input[type=text]:not([readonly]),
.page-body.direction-rtl .iti > input[type=text]:focus:not([readonly]),
.page-body.direction-rtl .iti > input[type=text]:visited:not([readonly]),
.page-body.direction-rtl .iti > input[type=password]:not([readonly]),
.page-body.direction-rtl .iti > input[type=password]:focus:not([readonly]),
.page-body.direction-rtl .iti > input[type=password]:visited:not([readonly]),
.page-body.direction-rtl .iti > input[type=email]:not([readonly]),
.page-body.direction-rtl .iti > input[type=email]:focus:not([readonly]),
.page-body.direction-rtl .iti > input[type=email]:visited:not([readonly]),
.page-body.direction-rtl .iti > input[type=textarea]:not([readonly]),
.page-body.direction-rtl .iti > input[type=textarea]:focus:not([readonly]),
.page-body.direction-rtl .iti > input[type=tetextareaxt]:visited:not([readonly]),
.page-body.direction-rtl .iti > input[type=number]:not([readonly]),
.page-body.direction-rtl .iti > input[type=number]:focus:not([readonly]),
.page-body.direction-rtl .iti > input[type=number]:visited:not([readonly]),
.page-body.direction-rtl .iti > input[type=file]:not([readonly]),
.page-body.direction-rtl .iti > input[type=file]:focus:not([readonly]),
.page-body.direction-rtl .iti > input[type=file]:visited:not([readonly]),
.page-body.direction-rtl .iti > input[type=date]:not([readonly]),
.page-body.direction-rtl .iti > input[type=date]:focus:not([readonly]),
.page-body.direction-rtl .iti > input[type=date]:visited:not([readonly]),
.page-body.direction-rtl .iti > input[type=phone]:not([readonly]),
.page-body.direction-rtl .iti > input[type=phone]:focus:not([readonly]),
.page-body.direction-rtl .iti > input[type=phone]:visited:not([readonly]),
.page-body.direction-ltr .form-control[type=text]:not([readonly]),
.page-body.direction-ltr .form-control[type=text]:focus:not([readonly]),
.page-body.direction-ltr .form-control[type=text]:visited:not([readonly]),
.page-body.direction-ltr .form-control[type=password]:not([readonly]),
.page-body.direction-ltr .form-control[type=password]:focus:not([readonly]),
.page-body.direction-ltr .form-control[type=password]:visited:not([readonly]),
.page-body.direction-ltr .form-control[type=email]:not([readonly]),
.page-body.direction-ltr .form-control[type=email]:focus:not([readonly]),
.page-body.direction-ltr .form-control[type=email]:visited:not([readonly]),
.page-body.direction-ltr .form-control[type=textarea]:not([readonly]),
.page-body.direction-ltr .form-control[type=textarea]:focus:not([readonly]),
.page-body.direction-ltr .form-control[type=tetextareaxt]:visited:not([readonly]),
.page-body.direction-ltr .form-control[type=number]:not([readonly]),
.page-body.direction-ltr .form-control[type=number]:focus:not([readonly]),
.page-body.direction-ltr .form-control[type=number]:visited:not([readonly]),
.page-body.direction-ltr .form-control[type=file]:not([readonly]),
.page-body.direction-ltr .form-control[type=file]:focus:not([readonly]),
.page-body.direction-ltr .form-control[type=file]:visited:not([readonly]),
.page-body.direction-ltr .form-control[type=date]:not([readonly]),
.page-body.direction-ltr .form-control[type=date]:focus:not([readonly]),
.page-body.direction-ltr .form-control[type=date]:visited:not([readonly]),
.page-body.direction-ltr .form-control[type=phone]:not([readonly]),
.page-body.direction-ltr .form-control[type=phone]:focus:not([readonly]),
.page-body.direction-ltr .form-control[type=phone]:visited:not([readonly]),
.page-body.direction-ltr .form-input[type=text]:not([readonly]),
.page-body.direction-ltr .form-input[type=text]:focus:not([readonly]),
.page-body.direction-ltr .form-input[type=text]:visited:not([readonly]),
.page-body.direction-ltr .form-input[type=password]:not([readonly]),
.page-body.direction-ltr .form-input[type=password]:focus:not([readonly]),
.page-body.direction-ltr .form-input[type=password]:visited:not([readonly]),
.page-body.direction-ltr .form-input[type=email]:not([readonly]),
.page-body.direction-ltr .form-input[type=email]:focus:not([readonly]),
.page-body.direction-ltr .form-input[type=email]:visited:not([readonly]),
.page-body.direction-ltr .form-input[type=textarea]:not([readonly]),
.page-body.direction-ltr .form-input[type=textarea]:focus:not([readonly]),
.page-body.direction-ltr .form-input[type=tetextareaxt]:visited:not([readonly]),
.page-body.direction-ltr .form-input[type=number]:not([readonly]),
.page-body.direction-ltr .form-input[type=number]:focus:not([readonly]),
.page-body.direction-ltr .form-input[type=number]:visited:not([readonly]),
.page-body.direction-ltr .form-input[type=file]:not([readonly]),
.page-body.direction-ltr .form-input[type=file]:focus:not([readonly]),
.page-body.direction-ltr .form-input[type=file]:visited:not([readonly]),
.page-body.direction-ltr .form-input[type=date]:not([readonly]),
.page-body.direction-ltr .form-input[type=date]:focus:not([readonly]),
.page-body.direction-ltr .form-input[type=date]:visited:not([readonly]),
.page-body.direction-ltr .form-input[type=phone]:not([readonly]),
.page-body.direction-ltr .form-input[type=phone]:focus:not([readonly]),
.page-body.direction-ltr .form-input[type=phone]:visited:not([readonly]),
.page-body.direction-ltr .iti > input[type=text]:not([readonly]),
.page-body.direction-ltr .iti > input[type=text]:focus:not([readonly]),
.page-body.direction-ltr .iti > input[type=text]:visited:not([readonly]),
.page-body.direction-ltr .iti > input[type=password]:not([readonly]),
.page-body.direction-ltr .iti > input[type=password]:focus:not([readonly]),
.page-body.direction-ltr .iti > input[type=password]:visited:not([readonly]),
.page-body.direction-ltr .iti > input[type=email]:not([readonly]),
.page-body.direction-ltr .iti > input[type=email]:focus:not([readonly]),
.page-body.direction-ltr .iti > input[type=email]:visited:not([readonly]),
.page-body.direction-ltr .iti > input[type=textarea]:not([readonly]),
.page-body.direction-ltr .iti > input[type=textarea]:focus:not([readonly]),
.page-body.direction-ltr .iti > input[type=tetextareaxt]:visited:not([readonly]),
.page-body.direction-ltr .iti > input[type=number]:not([readonly]),
.page-body.direction-ltr .iti > input[type=number]:focus:not([readonly]),
.page-body.direction-ltr .iti > input[type=number]:visited:not([readonly]),
.page-body.direction-ltr .iti > input[type=file]:not([readonly]),
.page-body.direction-ltr .iti > input[type=file]:focus:not([readonly]),
.page-body.direction-ltr .iti > input[type=file]:visited:not([readonly]),
.page-body.direction-ltr .iti > input[type=date]:not([readonly]),
.page-body.direction-ltr .iti > input[type=date]:focus:not([readonly]),
.page-body.direction-ltr .iti > input[type=date]:visited:not([readonly]),
.page-body.direction-ltr .iti > input[type=phone]:not([readonly]),
.page-body.direction-ltr .iti > input[type=phone]:focus:not([readonly]),
.page-body.direction-ltr .iti > input[type=phone]:visited:not([readonly]) {
  font-family: var(--foo-primary-font);
  width: 100%;
  caret-color: var(--foo-dark-color);
  background: var(--foo-white-color);
  box-shadow: none;
  border-radius: var(--foo-input-border-radius);
  border: 1px solid var(--foo-light-color);
  padding: 15px;
  height: var(--foo-input-height);
  outline: 0;
  color: var(--foo-dark-color);
}
.page-body.direction-rtl .form-control[type=text]:not([readonly]):focus, .page-body.direction-rtl .form-control[type=text]:not([readonly]):active, .page-body.direction-rtl .form-control[type=text]:focus:not([readonly]):focus, .page-body.direction-rtl .form-control[type=text]:focus:not([readonly]):active, .page-body.direction-rtl .form-control[type=text]:visited:not([readonly]):focus, .page-body.direction-rtl .form-control[type=text]:visited:not([readonly]):active, .page-body.direction-rtl .form-control[type=password]:not([readonly]):focus, .page-body.direction-rtl .form-control[type=password]:not([readonly]):active, .page-body.direction-rtl .form-control[type=password]:focus:not([readonly]):focus, .page-body.direction-rtl .form-control[type=password]:focus:not([readonly]):active, .page-body.direction-rtl .form-control[type=password]:visited:not([readonly]):focus, .page-body.direction-rtl .form-control[type=password]:visited:not([readonly]):active, .page-body.direction-rtl .form-control[type=email]:not([readonly]):focus, .page-body.direction-rtl .form-control[type=email]:not([readonly]):active, .page-body.direction-rtl .form-control[type=email]:focus:not([readonly]):focus, .page-body.direction-rtl .form-control[type=email]:focus:not([readonly]):active, .page-body.direction-rtl .form-control[type=email]:visited:not([readonly]):focus, .page-body.direction-rtl .form-control[type=email]:visited:not([readonly]):active, .page-body.direction-rtl .form-control[type=textarea]:not([readonly]):focus, .page-body.direction-rtl .form-control[type=textarea]:not([readonly]):active, .page-body.direction-rtl .form-control[type=textarea]:focus:not([readonly]):focus, .page-body.direction-rtl .form-control[type=textarea]:focus:not([readonly]):active, .page-body.direction-rtl .form-control[type=tetextareaxt]:visited:not([readonly]):focus, .page-body.direction-rtl .form-control[type=tetextareaxt]:visited:not([readonly]):active, .page-body.direction-rtl .form-control[type=number]:not([readonly]):focus, .page-body.direction-rtl .form-control[type=number]:not([readonly]):active, .page-body.direction-rtl .form-control[type=number]:focus:not([readonly]):focus, .page-body.direction-rtl .form-control[type=number]:focus:not([readonly]):active, .page-body.direction-rtl .form-control[type=number]:visited:not([readonly]):focus, .page-body.direction-rtl .form-control[type=number]:visited:not([readonly]):active, .page-body.direction-rtl .form-control[type=file]:not([readonly]):focus, .page-body.direction-rtl .form-control[type=file]:not([readonly]):active, .page-body.direction-rtl .form-control[type=file]:focus:not([readonly]):focus, .page-body.direction-rtl .form-control[type=file]:focus:not([readonly]):active, .page-body.direction-rtl .form-control[type=file]:visited:not([readonly]):focus, .page-body.direction-rtl .form-control[type=file]:visited:not([readonly]):active, .page-body.direction-rtl .form-control[type=date]:not([readonly]):focus, .page-body.direction-rtl .form-control[type=date]:not([readonly]):active, .page-body.direction-rtl .form-control[type=date]:focus:not([readonly]):focus, .page-body.direction-rtl .form-control[type=date]:focus:not([readonly]):active, .page-body.direction-rtl .form-control[type=date]:visited:not([readonly]):focus, .page-body.direction-rtl .form-control[type=date]:visited:not([readonly]):active, .page-body.direction-rtl .form-control[type=phone]:not([readonly]):focus, .page-body.direction-rtl .form-control[type=phone]:not([readonly]):active, .page-body.direction-rtl .form-control[type=phone]:focus:not([readonly]):focus, .page-body.direction-rtl .form-control[type=phone]:focus:not([readonly]):active, .page-body.direction-rtl .form-control[type=phone]:visited:not([readonly]):focus, .page-body.direction-rtl .form-control[type=phone]:visited:not([readonly]):active,
.page-body.direction-rtl .form-input[type=text]:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=text]:not([readonly]):active,
.page-body.direction-rtl .form-input[type=text]:focus:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=text]:focus:not([readonly]):active,
.page-body.direction-rtl .form-input[type=text]:visited:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=text]:visited:not([readonly]):active,
.page-body.direction-rtl .form-input[type=password]:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=password]:not([readonly]):active,
.page-body.direction-rtl .form-input[type=password]:focus:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=password]:focus:not([readonly]):active,
.page-body.direction-rtl .form-input[type=password]:visited:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=password]:visited:not([readonly]):active,
.page-body.direction-rtl .form-input[type=email]:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=email]:not([readonly]):active,
.page-body.direction-rtl .form-input[type=email]:focus:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=email]:focus:not([readonly]):active,
.page-body.direction-rtl .form-input[type=email]:visited:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=email]:visited:not([readonly]):active,
.page-body.direction-rtl .form-input[type=textarea]:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=textarea]:not([readonly]):active,
.page-body.direction-rtl .form-input[type=textarea]:focus:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=textarea]:focus:not([readonly]):active,
.page-body.direction-rtl .form-input[type=tetextareaxt]:visited:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=tetextareaxt]:visited:not([readonly]):active,
.page-body.direction-rtl .form-input[type=number]:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=number]:not([readonly]):active,
.page-body.direction-rtl .form-input[type=number]:focus:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=number]:focus:not([readonly]):active,
.page-body.direction-rtl .form-input[type=number]:visited:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=number]:visited:not([readonly]):active,
.page-body.direction-rtl .form-input[type=file]:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=file]:not([readonly]):active,
.page-body.direction-rtl .form-input[type=file]:focus:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=file]:focus:not([readonly]):active,
.page-body.direction-rtl .form-input[type=file]:visited:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=file]:visited:not([readonly]):active,
.page-body.direction-rtl .form-input[type=date]:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=date]:not([readonly]):active,
.page-body.direction-rtl .form-input[type=date]:focus:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=date]:focus:not([readonly]):active,
.page-body.direction-rtl .form-input[type=date]:visited:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=date]:visited:not([readonly]):active,
.page-body.direction-rtl .form-input[type=phone]:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=phone]:not([readonly]):active,
.page-body.direction-rtl .form-input[type=phone]:focus:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=phone]:focus:not([readonly]):active,
.page-body.direction-rtl .form-input[type=phone]:visited:not([readonly]):focus,
.page-body.direction-rtl .form-input[type=phone]:visited:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=text]:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=text]:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=text]:focus:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=text]:focus:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=text]:visited:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=text]:visited:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=password]:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=password]:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=password]:focus:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=password]:focus:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=password]:visited:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=password]:visited:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=email]:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=email]:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=email]:focus:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=email]:focus:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=email]:visited:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=email]:visited:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=textarea]:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=textarea]:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=textarea]:focus:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=textarea]:focus:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=tetextareaxt]:visited:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=tetextareaxt]:visited:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=number]:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=number]:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=number]:focus:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=number]:focus:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=number]:visited:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=number]:visited:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=file]:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=file]:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=file]:focus:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=file]:focus:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=file]:visited:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=file]:visited:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=date]:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=date]:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=date]:focus:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=date]:focus:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=date]:visited:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=date]:visited:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=phone]:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=phone]:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=phone]:focus:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=phone]:focus:not([readonly]):active,
.page-body.direction-rtl .iti > input[type=phone]:visited:not([readonly]):focus,
.page-body.direction-rtl .iti > input[type=phone]:visited:not([readonly]):active,
.page-body.direction-ltr .form-control[type=text]:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=text]:not([readonly]):active,
.page-body.direction-ltr .form-control[type=text]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=text]:focus:not([readonly]):active,
.page-body.direction-ltr .form-control[type=text]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=text]:visited:not([readonly]):active,
.page-body.direction-ltr .form-control[type=password]:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=password]:not([readonly]):active,
.page-body.direction-ltr .form-control[type=password]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=password]:focus:not([readonly]):active,
.page-body.direction-ltr .form-control[type=password]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=password]:visited:not([readonly]):active,
.page-body.direction-ltr .form-control[type=email]:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=email]:not([readonly]):active,
.page-body.direction-ltr .form-control[type=email]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=email]:focus:not([readonly]):active,
.page-body.direction-ltr .form-control[type=email]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=email]:visited:not([readonly]):active,
.page-body.direction-ltr .form-control[type=textarea]:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=textarea]:not([readonly]):active,
.page-body.direction-ltr .form-control[type=textarea]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=textarea]:focus:not([readonly]):active,
.page-body.direction-ltr .form-control[type=tetextareaxt]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=tetextareaxt]:visited:not([readonly]):active,
.page-body.direction-ltr .form-control[type=number]:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=number]:not([readonly]):active,
.page-body.direction-ltr .form-control[type=number]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=number]:focus:not([readonly]):active,
.page-body.direction-ltr .form-control[type=number]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=number]:visited:not([readonly]):active,
.page-body.direction-ltr .form-control[type=file]:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=file]:not([readonly]):active,
.page-body.direction-ltr .form-control[type=file]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=file]:focus:not([readonly]):active,
.page-body.direction-ltr .form-control[type=file]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=file]:visited:not([readonly]):active,
.page-body.direction-ltr .form-control[type=date]:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=date]:not([readonly]):active,
.page-body.direction-ltr .form-control[type=date]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=date]:focus:not([readonly]):active,
.page-body.direction-ltr .form-control[type=date]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=date]:visited:not([readonly]):active,
.page-body.direction-ltr .form-control[type=phone]:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=phone]:not([readonly]):active,
.page-body.direction-ltr .form-control[type=phone]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=phone]:focus:not([readonly]):active,
.page-body.direction-ltr .form-control[type=phone]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-control[type=phone]:visited:not([readonly]):active,
.page-body.direction-ltr .form-input[type=text]:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=text]:not([readonly]):active,
.page-body.direction-ltr .form-input[type=text]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=text]:focus:not([readonly]):active,
.page-body.direction-ltr .form-input[type=text]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=text]:visited:not([readonly]):active,
.page-body.direction-ltr .form-input[type=password]:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=password]:not([readonly]):active,
.page-body.direction-ltr .form-input[type=password]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=password]:focus:not([readonly]):active,
.page-body.direction-ltr .form-input[type=password]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=password]:visited:not([readonly]):active,
.page-body.direction-ltr .form-input[type=email]:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=email]:not([readonly]):active,
.page-body.direction-ltr .form-input[type=email]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=email]:focus:not([readonly]):active,
.page-body.direction-ltr .form-input[type=email]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=email]:visited:not([readonly]):active,
.page-body.direction-ltr .form-input[type=textarea]:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=textarea]:not([readonly]):active,
.page-body.direction-ltr .form-input[type=textarea]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=textarea]:focus:not([readonly]):active,
.page-body.direction-ltr .form-input[type=tetextareaxt]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=tetextareaxt]:visited:not([readonly]):active,
.page-body.direction-ltr .form-input[type=number]:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=number]:not([readonly]):active,
.page-body.direction-ltr .form-input[type=number]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=number]:focus:not([readonly]):active,
.page-body.direction-ltr .form-input[type=number]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=number]:visited:not([readonly]):active,
.page-body.direction-ltr .form-input[type=file]:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=file]:not([readonly]):active,
.page-body.direction-ltr .form-input[type=file]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=file]:focus:not([readonly]):active,
.page-body.direction-ltr .form-input[type=file]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=file]:visited:not([readonly]):active,
.page-body.direction-ltr .form-input[type=date]:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=date]:not([readonly]):active,
.page-body.direction-ltr .form-input[type=date]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=date]:focus:not([readonly]):active,
.page-body.direction-ltr .form-input[type=date]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=date]:visited:not([readonly]):active,
.page-body.direction-ltr .form-input[type=phone]:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=phone]:not([readonly]):active,
.page-body.direction-ltr .form-input[type=phone]:focus:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=phone]:focus:not([readonly]):active,
.page-body.direction-ltr .form-input[type=phone]:visited:not([readonly]):focus,
.page-body.direction-ltr .form-input[type=phone]:visited:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=text]:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=text]:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=text]:focus:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=text]:focus:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=text]:visited:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=text]:visited:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=password]:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=password]:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=password]:focus:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=password]:focus:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=password]:visited:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=password]:visited:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=email]:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=email]:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=email]:focus:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=email]:focus:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=email]:visited:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=email]:visited:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=textarea]:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=textarea]:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=textarea]:focus:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=textarea]:focus:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=tetextareaxt]:visited:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=tetextareaxt]:visited:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=number]:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=number]:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=number]:focus:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=number]:focus:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=number]:visited:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=number]:visited:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=file]:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=file]:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=file]:focus:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=file]:focus:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=file]:visited:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=file]:visited:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=date]:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=date]:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=date]:focus:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=date]:focus:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=date]:visited:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=date]:visited:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=phone]:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=phone]:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=phone]:focus:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=phone]:focus:not([readonly]):active,
.page-body.direction-ltr .iti > input[type=phone]:visited:not([readonly]):focus,
.page-body.direction-ltr .iti > input[type=phone]:visited:not([readonly]):active {
  box-shadow: none !important;
  border: 1px solid var(--foo-primary-color) !important;
}
.page-body.direction-rtl .form-control[type=text]:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=text]:focus:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=text]:visited:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=password]:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=password]:focus:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=password]:visited:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=email]:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=email]:focus:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=email]:visited:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=textarea]:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=textarea]:focus:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=tetextareaxt]:visited:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=number]:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=number]:focus:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=number]:visited:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=file]:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=file]:focus:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=file]:visited:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=date]:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=date]:focus:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=date]:visited:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=phone]:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=phone]:focus:not([readonly]).has-error, .page-body.direction-rtl .form-control[type=phone]:visited:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=text]:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=text]:focus:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=text]:visited:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=password]:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=password]:focus:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=password]:visited:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=email]:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=email]:focus:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=email]:visited:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=textarea]:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=textarea]:focus:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=tetextareaxt]:visited:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=number]:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=number]:focus:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=number]:visited:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=file]:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=file]:focus:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=file]:visited:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=date]:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=date]:focus:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=date]:visited:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=phone]:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=phone]:focus:not([readonly]).has-error,
.page-body.direction-rtl .form-input[type=phone]:visited:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=text]:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=text]:focus:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=text]:visited:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=password]:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=password]:focus:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=password]:visited:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=email]:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=email]:focus:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=email]:visited:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=textarea]:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=textarea]:focus:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=tetextareaxt]:visited:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=number]:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=number]:focus:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=number]:visited:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=file]:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=file]:focus:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=file]:visited:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=date]:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=date]:focus:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=date]:visited:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=phone]:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=phone]:focus:not([readonly]).has-error,
.page-body.direction-rtl .iti > input[type=phone]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=text]:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=text]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=text]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=password]:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=password]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=password]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=email]:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=email]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=email]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=textarea]:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=textarea]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=tetextareaxt]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=number]:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=number]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=number]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=file]:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=file]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=file]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=date]:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=date]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=date]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=phone]:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=phone]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-control[type=phone]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=text]:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=text]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=text]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=password]:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=password]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=password]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=email]:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=email]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=email]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=textarea]:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=textarea]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=tetextareaxt]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=number]:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=number]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=number]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=file]:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=file]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=file]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=date]:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=date]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=date]:visited:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=phone]:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=phone]:focus:not([readonly]).has-error,
.page-body.direction-ltr .form-input[type=phone]:visited:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=text]:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=text]:focus:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=text]:visited:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=password]:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=password]:focus:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=password]:visited:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=email]:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=email]:focus:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=email]:visited:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=textarea]:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=textarea]:focus:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=tetextareaxt]:visited:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=number]:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=number]:focus:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=number]:visited:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=file]:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=file]:focus:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=file]:visited:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=date]:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=date]:focus:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=date]:visited:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=phone]:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=phone]:focus:not([readonly]).has-error,
.page-body.direction-ltr .iti > input[type=phone]:visited:not([readonly]).has-error {
  box-shadow: none !important;
  border: 1px solid #FF4E49 !important;
}
.page-body.direction-rtl .form-control[type=text]:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=text]:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=text]:focus:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=text]:focus:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=text]:visited:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=text]:visited:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=password]:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=password]:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=password]:focus:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=password]:focus:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=password]:visited:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=password]:visited:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=email]:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=email]:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=email]:focus:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=email]:focus:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=email]:visited:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=email]:visited:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=textarea]:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=textarea]:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=textarea]:focus:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=textarea]:focus:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=tetextareaxt]:visited:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=tetextareaxt]:visited:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=number]:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=number]:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=number]:focus:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=number]:focus:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=number]:visited:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=number]:visited:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=file]:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=file]:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=file]:focus:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=file]:focus:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=file]:visited:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=file]:visited:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=date]:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=date]:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=date]:focus:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=date]:focus:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=date]:visited:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=date]:visited:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=phone]:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=phone]:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=phone]:focus:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=phone]:focus:not([readonly]).has-error:active, .page-body.direction-rtl .form-control[type=phone]:visited:not([readonly]).has-error:focus, .page-body.direction-rtl .form-control[type=phone]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=text]:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=text]:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=text]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=text]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=text]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=text]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=password]:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=password]:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=password]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=password]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=password]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=password]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=email]:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=email]:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=email]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=email]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=email]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=email]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=textarea]:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=textarea]:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=textarea]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=textarea]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=tetextareaxt]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=tetextareaxt]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=number]:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=number]:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=number]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=number]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=number]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=number]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=file]:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=file]:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=file]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=file]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=file]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=file]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=date]:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=date]:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=date]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=date]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=date]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=date]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=phone]:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=phone]:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=phone]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=phone]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .form-input[type=phone]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .form-input[type=phone]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=text]:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=text]:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=text]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=text]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=text]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=text]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=password]:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=password]:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=password]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=password]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=password]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=password]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=email]:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=email]:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=email]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=email]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=email]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=email]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=textarea]:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=textarea]:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=textarea]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=textarea]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=tetextareaxt]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=tetextareaxt]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=number]:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=number]:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=number]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=number]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=number]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=number]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=file]:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=file]:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=file]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=file]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=file]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=file]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=date]:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=date]:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=date]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=date]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=date]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=date]:visited:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=phone]:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=phone]:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=phone]:focus:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=phone]:focus:not([readonly]).has-error:active,
.page-body.direction-rtl .iti > input[type=phone]:visited:not([readonly]).has-error:focus,
.page-body.direction-rtl .iti > input[type=phone]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=text]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=text]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=text]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=text]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=text]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=text]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=password]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=password]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=password]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=password]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=password]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=password]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=email]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=email]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=email]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=email]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=email]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=email]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=textarea]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=textarea]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=textarea]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=textarea]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=tetextareaxt]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=tetextareaxt]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=number]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=number]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=number]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=number]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=number]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=number]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=file]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=file]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=file]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=file]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=file]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=file]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=date]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=date]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=date]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=date]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=date]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=date]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=phone]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=phone]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=phone]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=phone]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-control[type=phone]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-control[type=phone]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=text]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=text]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=text]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=text]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=text]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=text]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=password]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=password]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=password]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=password]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=password]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=password]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=email]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=email]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=email]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=email]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=email]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=email]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=textarea]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=textarea]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=textarea]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=textarea]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=tetextareaxt]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=tetextareaxt]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=number]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=number]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=number]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=number]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=number]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=number]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=file]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=file]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=file]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=file]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=file]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=file]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=date]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=date]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=date]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=date]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=date]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=date]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=phone]:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=phone]:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=phone]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=phone]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .form-input[type=phone]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .form-input[type=phone]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=text]:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=text]:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=text]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=text]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=text]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=text]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=password]:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=password]:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=password]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=password]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=password]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=password]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=email]:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=email]:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=email]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=email]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=email]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=email]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=textarea]:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=textarea]:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=textarea]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=textarea]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=tetextareaxt]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=tetextareaxt]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=number]:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=number]:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=number]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=number]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=number]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=number]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=file]:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=file]:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=file]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=file]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=file]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=file]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=date]:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=date]:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=date]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=date]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=date]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=date]:visited:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=phone]:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=phone]:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=phone]:focus:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=phone]:focus:not([readonly]).has-error:active,
.page-body.direction-ltr .iti > input[type=phone]:visited:not([readonly]).has-error:focus,
.page-body.direction-ltr .iti > input[type=phone]:visited:not([readonly]).has-error:active {
  box-shadow: none !important;
  border: 1px solid #FF4E49 !important;
}
.page-body.direction-rtl .form-control.ng-select,
.page-body.direction-ltr .form-control.ng-select {
  height: auto;
  padding: 0px;
  line-height: 30px;
  border: none;
}
.page-body.direction-rtl .form-control.ng-select .ng-dropdown-panel,
.page-body.direction-ltr .form-control.ng-select .ng-dropdown-panel {
  border: none !important;
  box-shadow: 0px 5px 12px rgba(15, 15, 15, 0.06) !important;
  padding: 0px;
  border-radius: 10px !important;
}
.page-body.direction-rtl .form-control.ng-select .ng-dropdown-panel .ng-option,
.page-body.direction-ltr .form-control.ng-select .ng-dropdown-panel .ng-option {
  padding: 2px 12px !important;
  border-radius: 10px !important;
}
.page-body.direction-rtl .form-control.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container,
.page-body.direction-ltr .form-control.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: var(--foo-primary-color);
}
.page-body.direction-rtl .ng-select:not(.form-control),
.page-body.direction-ltr .ng-select:not(.form-control) {
  position: inherit;
}
.page-body.direction-rtl .input-group > .form-control:not(:first-child),
.page-body.direction-rtl .input-group > .custom-select:not(:first-child),
.page-body.direction-ltr .input-group > .form-control:not(:first-child),
.page-body.direction-ltr .input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}
.page-body.direction-rtl .form-control,
.page-body.direction-ltr .form-control {
  font-size: 14px !important;
}
.page-body.direction-rtl .form-control::placeholder,
.page-body.direction-rtl .form-input::placeholder,
.page-body.direction-ltr .form-control::placeholder,
.page-body.direction-ltr .form-input::placeholder {
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 22px;
  color: var(--foo-light-color);
}
.page-body.direction-rtl .form-label, .page-body.direction-rtl .mdc-label,
.page-body.direction-ltr .form-label,
.page-body.direction-ltr .mdc-label {
  font-family: var(--foo-primary-font);
  font-weight: normal;
  font-size: 12px;
  line-height: 19px;
  color: var(--foo-dark-color);
  margin-bottom: 5px;
  width: 100%;
}
.page-body.direction-rtl .form-label span.delete, .page-body.direction-rtl .mdc-label span.delete,
.page-body.direction-ltr .form-label span.delete,
.page-body.direction-ltr .mdc-label span.delete {
  font-family: var(--foo-primary-font);
  font-size: 14px;
  line-height: 16px;
  text-align: right;
  text-transform: capitalize;
  color: var(--foo-primary-color);
  font-weight: 800;
  float: right;
}
.page-body.direction-rtl textarea.form-control,
.page-body.direction-ltr textarea.form-control {
  width: 100%;
  background: var(--foo-white-color);
  box-shadow: none;
  border-radius: var(--foo-input-border-radius) !important;
  border: 1px solid var(--foo-light-color);
  padding: 15px;
  min-height: var(--foo-textarea-height) !important;
  outline: 0;
  -webkit-appearance: none;
}
.page-body.direction-rtl textarea.form-control:focus, .page-body.direction-rtl textarea.form-control:active,
.page-body.direction-ltr textarea.form-control:focus,
.page-body.direction-ltr textarea.form-control:active {
  box-shadow: none !important;
  border: 1px solid var(--foo-primary-color) !important;
}
.page-body.direction-rtl textarea.form-control.has-error,
.page-body.direction-ltr textarea.form-control.has-error {
  box-shadow: none !important;
  border: 1px solid #FF4E49 !important;
}
.page-body.direction-rtl textarea.form-control.has-error:focus, .page-body.direction-rtl textarea.form-control.has-error:active,
.page-body.direction-ltr textarea.form-control.has-error:focus,
.page-body.direction-ltr textarea.form-control.has-error:active {
  box-shadow: none !important;
  border: 1px solid #FF4E49 !important;
}
.page-body.direction-rtl input.form-control.input-calendar,
.page-body.direction-ltr input.form-control.input-calendar {
  width: 100% !important;
  display: inline-block !important;
  border-radius: var(--foo-input-border-radius) !important;
  background: var(--foo-white-color);
  box-shadow: none;
  height: var(--foo-input-height);
  -webkit-appearance: none;
}
.page-body.direction-rtl .input-calendar-append,
.page-body.direction-ltr .input-calendar-append {
  width: 40px;
  display: inline-block;
  position: absolute;
  right: 26px;
  top: 46px;
  transform: translateY(-50%);
}
.page-body.direction-rtl button.btn.btn-outline-secondary.calendar,
.page-body.direction-ltr button.btn.btn-outline-secondary.calendar {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  box-sizing: border-box;
  border-radius: 0 13px 13px 0;
  height: 30px;
  width: 30px;
  outline: 0 !important;
}
.page-body.direction-rtl button.btn.btn-outline-secondary.calendar::after,
.page-body.direction-ltr button.btn.btn-outline-secondary.calendar::after {
  filter: unset;
  width: 24px;
  height: 24px;
}
.page-body.direction-rtl button.btn.btn-outline-secondary.calendar::after,
.page-body.direction-ltr button.btn.btn-outline-secondary.calendar::after {
  content: "";
  mask: url("/assets/img/calendar.svg") no-repeat 100% 100%;
  mask-size: cover;
  background: var(--foo-primary-color) !important;
  filter: unset !important;
  display: block;
  width: 20px;
  height: 20px;
}
.page-body.direction-rtl .hasrightinfo,
.page-body.direction-ltr .hasrightinfo {
  position: relative;
}
.page-body.direction-rtl .hasrightinfo input,
.page-body.direction-ltr .hasrightinfo input {
  padding-right: 40px !important;
}
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
.page-body.direction-rtl .foo-btn-primary.shimmer-animate,
.page-body.direction-ltr .foo-btn-primary.shimmer-animate {
  display: none !important;
}
.page-body.direction-rtl pagination-controls,
.page-body.direction-ltr pagination-controls {
  margin: auto;
}
.page-body.direction-rtl .ngx-pagination,
.page-body.direction-ltr .ngx-pagination {
  display: flex;
}
.page-body.direction-rtl .ngx-pagination.responsive,
.page-body.direction-ltr .ngx-pagination.responsive {
  padding-left: 0px !important;
}
.page-body.direction-rtl .ngx-pagination li:not(.pagination-next):not(.pagination-previous),
.page-body.direction-ltr .ngx-pagination li:not(.pagination-next):not(.pagination-previous) {
  width: fit-content;
  height: 34px;
  text-align: center;
  border-radius: 6px;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  opacity: 0.7;
}
.page-body.direction-rtl .ngx-pagination li:not(.pagination-next):not(.pagination-previous) a,
.page-body.direction-ltr .ngx-pagination li:not(.pagination-next):not(.pagination-previous) a {
  width: fit-content;
  height: 34px;
  padding: 0 0.625rem;
  border-radius: 8px;
  color: var(--foo-light-color);
  line-height: 34px !important;
}
.page-body.direction-rtl .ngx-pagination li:not(.pagination-next):not(.pagination-previous) a:hover,
.page-body.direction-ltr .ngx-pagination li:not(.pagination-next):not(.pagination-previous) a:hover {
  color: var(--foo-primary-color) !important;
  background: transparent;
  text-decoration: none;
}
.page-body.direction-rtl .ngx-pagination .pagination-previous a::before, .page-body.direction-rtl .ngx-pagination .ngx-pagination .pagination-previous.disabled::before,
.page-body.direction-rtl .ngx-pagination .pagination-next a::after, .page-body.direction-rtl .ngx-pagination .ngx-pagination .pagination-next.disabled::after,
.page-body.direction-ltr .ngx-pagination .pagination-previous a::before,
.page-body.direction-ltr .ngx-pagination .ngx-pagination .pagination-previous.disabled::before,
.page-body.direction-ltr .ngx-pagination .pagination-next a::after,
.page-body.direction-ltr .ngx-pagination .ngx-pagination .pagination-next.disabled::after {
  content: "";
}
.page-body.direction-rtl .ngx-pagination .current,
.page-body.direction-ltr .ngx-pagination .current {
  padding: 0 0.625rem;
  background: var(--foo-item-tag-hover-color);
  color: var(--foo-primary-color);
  line-height: 34px !important;
  opacity: 100% !important;
  font-weight: 700 !important;
}
.page-body.direction-rtl .pagination-previous a,
.page-body.direction-rtl .pagination-next a,
.page-body.direction-ltr .pagination-previous a,
.page-body.direction-ltr .pagination-next a {
  color: var(--foo-primary-color) !important;
}
.page-body.direction-rtl .pagination-previous.disabled,
.page-body.direction-rtl .pagination-next.disabled,
.page-body.direction-ltr .pagination-previous.disabled,
.page-body.direction-ltr .pagination-next.disabled {
  color: var(--foo-light-color);
}
.page-body.direction-rtl li.pagination-previous, .page-body.direction-rtl li.pagination-next,
.page-body.direction-ltr li.pagination-previous,
.page-body.direction-ltr li.pagination-next {
  mask: url("/assets/img/arrow_right_g.svg") no-repeat 100% 100%;
  mask-size: auto;
  background: var(--foo-light-color) !important;
  filter: unset !important;
  display: block;
  width: 24px;
  height: 24px;
}
.page-body.direction-rtl li.pagination-previous:not(.disabled), .page-body.direction-rtl li.pagination-next:not(.disabled),
.page-body.direction-ltr li.pagination-previous:not(.disabled),
.page-body.direction-ltr li.pagination-next:not(.disabled) {
  background: var(--foo-primary-color) !important;
  filter: unset !important;
}
.page-body.direction-rtl li.pagination-previous.disabled, .page-body.direction-rtl li.pagination-next.disabled,
.page-body.direction-ltr li.pagination-previous.disabled,
.page-body.direction-ltr li.pagination-next.disabled {
  opacity: 0.7;
}
.page-body.direction-rtl li.pagination-previous a, .page-body.direction-rtl li.pagination-next a,
.page-body.direction-ltr li.pagination-previous a,
.page-body.direction-ltr li.pagination-next a {
  opacity: 0;
}
.page-body.direction-rtl li.pagination-previous,
.page-body.direction-ltr li.pagination-previous {
  transform: rotateY(180deg);
}
.page-body.direction-rtl .ng-select .ng-arrow-wrapper,
.page-body.direction-ltr .ng-select .ng-arrow-wrapper {
  padding: 0 !important;
  text-align: right;
}

/* datepicker */
.datepicker,
.datetimepicker {
  width: 100% !important;
  background: var(--foo-white-color) !important;
  border-radius: var(--foo-input-border-radius) !important;
  border: 1px solid var(--foo-light-color) !important;
  color: var(--foo-dark-color) !important;
}

.mat-icon {
  margin-bottom: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.cdk-overlay-pane div.mat-mdc-select-panel {
  width: unset;
  overflow: visible;
  box-shadow: 0 5px 30px rgba(0, 0, 0, 0.0784313725) !important;
  border-radius: var(--foo-input-border-radius) !important;
  padding: 0;
}
.cdk-overlay-pane div.mat-mdc-select-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
  font-weight: 700;
}
.cdk-overlay-pane div.mat-mdc-select-panel .mat-mdc-option {
  border-radius: inherit;
  min-height: var(--foo-input-height);
  padding-left: 14px;
  padding-right: 14px;
}
.cdk-overlay-pane div.mat-mdc-select-panel .mat-mdc-option .mat-pseudo-checkbox-minimal {
  margin-left: 8px;
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay, .mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal:after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal:after {
  color: var(--foo-primary-color);
}

.mat-custom-select-pannel {
  background: var(--foo-white-color);
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.08) !important;
  border-radius: var(--foo-input-border-radius) !important;
  position: relative;
  left: 0;
  overflow: visible !important;
}
.mat-custom-select-pannel .mat-mdc-option:not(.mat-option-disabled).mat-mdc-selected, .mat-custom-select-pannel .mat-mdc-option:not(.mat-option-disabled):hover, .mat-custom-select-pannel .mat-mdc-option:not(.mat-option-disabled):focus {
  background: var(--foo-item-tag-hover-color);
  color: var(--foo-dark-color);
  font-weight: bold;
  border-radius: var(--foo-input-border-radius) !important;
}
.mat-custom-select-pannel .mat-mdc-option:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.mat-custom-select-pannel::before, .mat-custom-select-pannel::after {
  position: absolute;
  content: "";
  z-index: 1;
  top: -7px;
  left: 30px;
}
.mat-custom-select-pannel::before {
  display: inline-block !important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #eee;
  border-left: 7px solid transparent;
}
.mat-custom-select-pannel::after {
  top: -6px;
  left: 31px;
  display: inline-block !important;
  border-right: 6px solid transparent;
  border-bottom: 6px solid var(--foo-white-color);
  border-left: 6px solid transparent;
}

.cdk-overlay-container {
  z-index: 100000 !important;
}

.page-body .filter-panel.dialog-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  transform: unset;
  z-index: 99998 !important;
  max-width: unset;
  background: transparent;
}
.page-body .filter-panel.dialog-filter::before {
  content: "";
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: var(--foo-dialog-overlay-color);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  display: none;
}
.page-body .filter-panel.dialog-filter .tab-content {
  position: relative;
  max-width: 646px;
  margin: auto;
  width: 646px;
  border-radius: 13px;
  box-shadow: var(--foo-dialog-shadow);
  background: #fff;
  color: rgba(0, 0, 0, 0.87);
  transition: all 0.2s ease-in-out !important;
  transform: scale(0.7);
  opacity: 0;
}
.page-body .filter-panel.dialog-filter.opened {
  opacity: 1;
  visibility: visible;
}
.page-body .filter-panel.dialog-filter.opened .tab-content {
  transform: none;
  opacity: 1;
}
.page-body .filter-panel.dialog-filter.opened::before {
  display: block;
}
.page-body .filter-panel.dialog-filter.closed {
  opacity: 0;
  visibility: hidden;
}
.page-body .filter-panel.dialog-filter.closed .tab-content {
  transition: unset;
  opacity: 0;
}

body.page-body.direction-ltr.shimmer-animate .shimmer-item:not(.values-container),
body.page-body.direction-ltr.shimmer-animate .shimmer-item.values-container span,
body.page-body.direction-ltr.shimmer-animate .shimmer-even,
body.page-body.direction-ltr.shimmer-animate .shimmer-odd,
body.page-body.direction-rtl.shimmer-animate .shimmer-item:not(.values-container),
body.page-body.direction-rtl.shimmer-animate .shimmer-item.values-container span,
body.page-body.direction-rtl.shimmer-animate .shimmer-even,
body.page-body.direction-rtl.shimmer-animate .shimmer-odd,
.shimmer-animate .shimmer-item:not(.values-container),
.shimmer-animate .shimmer-item.values-container span,
.shimmer-animate .shimmer-even,
.shimmer-animate .shimmer-odd {
  cursor: default !important;
  max-width: 100%;
  opacity: 1 !important;
  animation: shimmer 3s infinite linear;
  background: var(--foo-shimmer-color);
  background-size: 1000px 100%;
  border-radius: var(--foo-shimmer-border-radius);
  color: transparent !important;
  min-height: var(--foo-shimmer-min-height);
  word-break: keep-all !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
body.page-body.direction-ltr.shimmer-animate .shimmer-item:not(.values-container) *,
body.page-body.direction-ltr.shimmer-animate .shimmer-item.values-container span *,
body.page-body.direction-ltr.shimmer-animate .shimmer-even *,
body.page-body.direction-ltr.shimmer-animate .shimmer-odd *,
body.page-body.direction-rtl.shimmer-animate .shimmer-item:not(.values-container) *,
body.page-body.direction-rtl.shimmer-animate .shimmer-item.values-container span *,
body.page-body.direction-rtl.shimmer-animate .shimmer-even *,
body.page-body.direction-rtl.shimmer-animate .shimmer-odd *,
.shimmer-animate .shimmer-item:not(.values-container) *,
.shimmer-animate .shimmer-item.values-container span *,
.shimmer-animate .shimmer-even *,
.shimmer-animate .shimmer-odd * {
  color: transparent !important;
  background: none !important;
  border: none;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-item:not(.values-container):hover,
body.page-body.direction-ltr.shimmer-animate .shimmer-item.values-container span:hover,
body.page-body.direction-ltr.shimmer-animate .shimmer-even:hover,
body.page-body.direction-ltr.shimmer-animate .shimmer-odd:hover,
body.page-body.direction-rtl.shimmer-animate .shimmer-item:not(.values-container):hover,
body.page-body.direction-rtl.shimmer-animate .shimmer-item.values-container span:hover,
body.page-body.direction-rtl.shimmer-animate .shimmer-even:hover,
body.page-body.direction-rtl.shimmer-animate .shimmer-odd:hover,
.shimmer-animate .shimmer-item:not(.values-container):hover,
.shimmer-animate .shimmer-item.values-container span:hover,
.shimmer-animate .shimmer-even:hover,
.shimmer-animate .shimmer-odd:hover {
  background-color: initial !important;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-item:not(.values-container)::after,
body.page-body.direction-ltr.shimmer-animate .shimmer-item.values-container span::after,
body.page-body.direction-ltr.shimmer-animate .shimmer-even::after,
body.page-body.direction-ltr.shimmer-animate .shimmer-odd::after,
body.page-body.direction-rtl.shimmer-animate .shimmer-item:not(.values-container)::after,
body.page-body.direction-rtl.shimmer-animate .shimmer-item.values-container span::after,
body.page-body.direction-rtl.shimmer-animate .shimmer-even::after,
body.page-body.direction-rtl.shimmer-animate .shimmer-odd::after,
.shimmer-animate .shimmer-item:not(.values-container)::after,
.shimmer-animate .shimmer-item.values-container span::after,
.shimmer-animate .shimmer-even::after,
.shimmer-animate .shimmer-odd::after {
  display: none;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-item:not(.values-container) span.reportMobileValue,
body.page-body.direction-ltr.shimmer-animate .shimmer-item.values-container span span.reportMobileValue,
body.page-body.direction-ltr.shimmer-animate .shimmer-even span.reportMobileValue,
body.page-body.direction-ltr.shimmer-animate .shimmer-odd span.reportMobileValue,
body.page-body.direction-rtl.shimmer-animate .shimmer-item:not(.values-container) span.reportMobileValue,
body.page-body.direction-rtl.shimmer-animate .shimmer-item.values-container span span.reportMobileValue,
body.page-body.direction-rtl.shimmer-animate .shimmer-even span.reportMobileValue,
body.page-body.direction-rtl.shimmer-animate .shimmer-odd span.reportMobileValue,
.shimmer-animate .shimmer-item:not(.values-container) span.reportMobileValue,
.shimmer-animate .shimmer-item.values-container span span.reportMobileValue,
.shimmer-animate .shimmer-even span.reportMobileValue,
.shimmer-animate .shimmer-odd span.reportMobileValue {
  display: none !important;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-item:not(.values-container) img,
body.page-body.direction-ltr.shimmer-animate .shimmer-item.values-container span img,
body.page-body.direction-ltr.shimmer-animate .shimmer-even img,
body.page-body.direction-ltr.shimmer-animate .shimmer-odd img,
body.page-body.direction-rtl.shimmer-animate .shimmer-item:not(.values-container) img,
body.page-body.direction-rtl.shimmer-animate .shimmer-item.values-container span img,
body.page-body.direction-rtl.shimmer-animate .shimmer-even img,
body.page-body.direction-rtl.shimmer-animate .shimmer-odd img,
.shimmer-animate .shimmer-item:not(.values-container) img,
.shimmer-animate .shimmer-item.values-container span img,
.shimmer-animate .shimmer-even img,
.shimmer-animate .shimmer-odd img {
  opacity: 0 !important;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-secondary,
body.page-body.direction-rtl.shimmer-animate .shimmer-secondary,
.shimmer-animate .shimmer-secondary {
  --foo-shimmer-color: var(--foo-shimmer-secondary-color);
}
body.page-body.direction-ltr.shimmer-animate .shimmer-even,
body.page-body.direction-rtl.shimmer-animate .shimmer-even,
.shimmer-animate .shimmer-even {
  width: 126px;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-odd,
body.page-body.direction-rtl.shimmer-animate .shimmer-odd,
.shimmer-animate .shimmer-odd {
  width: 87px;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-w-auto,
body.page-body.direction-rtl.shimmer-animate .shimmer-w-auto,
.shimmer-animate .shimmer-w-auto {
  width: auto !important;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-i-block,
body.page-body.direction-rtl.shimmer-animate .shimmer-i-block,
.shimmer-animate .shimmer-i-block {
  display: inline-block;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-row,
body.page-body.direction-ltr.shimmer-animate .shimmer-row-equal-mobile,
body.page-body.direction-rtl.shimmer-animate .shimmer-row,
body.page-body.direction-rtl.shimmer-animate .shimmer-row-equal-mobile,
.shimmer-animate .shimmer-row,
.shimmer-animate .shimmer-row-equal-mobile {
  cursor: default !important;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-row:hover,
body.page-body.direction-ltr.shimmer-animate .shimmer-row-equal-mobile:hover,
body.page-body.direction-rtl.shimmer-animate .shimmer-row:hover,
body.page-body.direction-rtl.shimmer-animate .shimmer-row-equal-mobile:hover,
.shimmer-animate .shimmer-row:hover,
.shimmer-animate .shimmer-row-equal-mobile:hover {
  background-color: initial !important;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-row:nth-child(even) .shimmer-item:not(.shimmer-w-auto),
body.page-body.direction-ltr.shimmer-animate .shimmer-row-equal-mobile:nth-child(even) .shimmer-item:not(.shimmer-w-auto),
body.page-body.direction-rtl.shimmer-animate .shimmer-row:nth-child(even) .shimmer-item:not(.shimmer-w-auto),
body.page-body.direction-rtl.shimmer-animate .shimmer-row-equal-mobile:nth-child(even) .shimmer-item:not(.shimmer-w-auto),
.shimmer-animate .shimmer-row:nth-child(even) .shimmer-item:not(.shimmer-w-auto),
.shimmer-animate .shimmer-row-equal-mobile:nth-child(even) .shimmer-item:not(.shimmer-w-auto) {
  width: 107px;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-row:nth-child(odd) .shimmer-item:not(.shimmer-w-auto),
body.page-body.direction-ltr.shimmer-animate .shimmer-row-equal-mobile:nth-child(odd) .shimmer-item:not(.shimmer-w-auto),
body.page-body.direction-rtl.shimmer-animate .shimmer-row:nth-child(odd) .shimmer-item:not(.shimmer-w-auto),
body.page-body.direction-rtl.shimmer-animate .shimmer-row-equal-mobile:nth-child(odd) .shimmer-item:not(.shimmer-w-auto),
.shimmer-animate .shimmer-row:nth-child(odd) .shimmer-item:not(.shimmer-w-auto),
.shimmer-animate .shimmer-row-equal-mobile:nth-child(odd) .shimmer-item:not(.shimmer-w-auto) {
  width: 90px;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-d-none,
body.page-body.direction-rtl.shimmer-animate .shimmer-d-none,
.shimmer-animate .shimmer-d-none {
  display: none !important;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-opacity-1,
body.page-body.direction-rtl.shimmer-animate .shimmer-opacity-1,
.shimmer-animate .shimmer-opacity-1 {
  opacity: 0.1;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-opacity-2,
body.page-body.direction-rtl.shimmer-animate .shimmer-opacity-2,
.shimmer-animate .shimmer-opacity-2 {
  opacity: 0.2;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-opacity-3,
body.page-body.direction-rtl.shimmer-animate .shimmer-opacity-3,
.shimmer-animate .shimmer-opacity-3 {
  opacity: 0.3;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-opacity-4,
body.page-body.direction-rtl.shimmer-animate .shimmer-opacity-4,
.shimmer-animate .shimmer-opacity-4 {
  opacity: 0.4;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-opacity-5,
body.page-body.direction-rtl.shimmer-animate .shimmer-opacity-5,
.shimmer-animate .shimmer-opacity-5 {
  opacity: 0.5;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-opacity-6,
body.page-body.direction-rtl.shimmer-animate .shimmer-opacity-6,
.shimmer-animate .shimmer-opacity-6 {
  opacity: 0.6;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-opacity-7,
body.page-body.direction-rtl.shimmer-animate .shimmer-opacity-7,
.shimmer-animate .shimmer-opacity-7 {
  opacity: 0.7;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-opacity-8,
body.page-body.direction-rtl.shimmer-animate .shimmer-opacity-8,
.shimmer-animate .shimmer-opacity-8 {
  opacity: 0.8;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-opacity-9,
body.page-body.direction-rtl.shimmer-animate .shimmer-opacity-9,
.shimmer-animate .shimmer-opacity-9 {
  opacity: 0.9;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-opacity-10,
body.page-body.direction-rtl.shimmer-animate .shimmer-opacity-10,
.shimmer-animate .shimmer-opacity-10 {
  opacity: 1;
}
body.page-body.direction-ltr.shimmer-animate .shimmer-disabled,
body.page-body.direction-rtl.shimmer-animate .shimmer-disabled,
.shimmer-animate .shimmer-disabled {
  pointer-events: none !important;
  cursor: default !important;
  opacity: 0.6 !important;
}

.customSearchContainer form {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.app-custom-dialog-container {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.app-custom-dialog-container .mat-mdc-dialog-container {
  padding-top: unset;
  position: relative;
  border-radius: 10px;
  box-shadow: var(--mdc-dialog-container-elevation);
}
.app-custom-dialog-container ::-webkit-scrollbar {
  display: none;
}

.cdk-overlay-pane .mat-mdc-dialog-container {
  overflow-y: unset !important;
  --mdc-dialog-supporting-text-font: var(--foo-primary-font);
  --mdc-dialog-subhead-font: var(--foo-primary-font);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-container-shape: 10px;
  --mdc-dialog-container-elevation: var(--foo-dialog-shadow);
  --mdc-dialog-supporting-text-line-height: 17px;
  --mdc-dialog-supporting-text-size: 1rem;
  --mat-dialog-transition-duration: 0ms !important;
}
.cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface {
  overflow: hidden;
  box-shadow: none;
}
.cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface .mdc-dialog__title::before {
  height: unset;
}
.cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface .mdc-dialog__content {
  padding: 16px 24px !important;
  letter-spacing: unset;
}
.cdk-overlay-pane .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-actions .foo-btn-outline-secondary {
  cursor: pointer;
  margin-right: 20px;
}

.iti {
  display: block !important;
}

.iti .search-container {
  padding: 5px 10px 15px 10px !important;
}

.iti .dropdown-menu.country-dropdown {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-color: #c7cace;
  margin-top: -1px;
}

.iti .iti__country-list {
  box-shadow: none;
  font-size: 14px;
  margin-left: 0;
  width: 244px;
  max-height: 170px;
  overflow-x: hidden;
  white-space: break-spaces;
}

.iti__country {
  margin-bottom: 1%;
}

.iti__flag-container {
  direction: ltr !important;
}

.iti__flag-container:hover .iti__selected-flag {
  border-radius: var(--foo-input-border-radius) 0 0 var(--foo-input-border-radius);
}

.iti__flag-container.open + input {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.iti .search-container input {
  font-size: 14px;
  border-color: #c7cace;
  border-radius: 0;
  padding: 5px 10px;
}

.iti .search-container input:focus {
  outline: none;
}

.iti input#country-search-box {
  border-radius: 0 !important;
}

@media screen and (max-width: 479px) {
  .iti .iti__country-list {
    width: 88.3vw;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (max-width: 991px) {
  .customSearchContainer {
    width: 100%;
  }
}
@media (min-width: 1800px) {
  .customSearchContainer {
    width: 32vw !important;
  }
}
@media (min-width: 1200px) {
  .customSearchContainer {
    width: 40vw !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .customSearchContainer {
    width: 50vw !important;
  }
}
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5), (min-width: 768px) and (max-width: 991px) {
  .customSearchContainer {
    width: 70%;
  }
}
@media (min-width: 768px) {
  .customSearchContainer {
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: flex;
    padding: 0 24px 24px 0 !important;
  }
  .customSearchContainer .ng-select {
    padding-right: 24px !important;
  }
}
@media (max-width: 767.98px) {
  .customSearchContainer {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  .customSearchContainer .ng-select {
    margin: 0 0 15px !important;
  }
  .mat-expansion-panel-header {
    height: auto !important;
    min-height: 48px;
  }
  body.page-body.direction-ltr.shimmer-animate .shimmer-row-equal-mobile .shimmer-item:not(.shimmer-w-auto),
  body.page-body.direction-rtl.shimmer-animate .shimmer-row-equal-mobile .shimmer-item:not(.shimmer-w-auto),
  .shimmer-animate .shimmer-row-equal-mobile .shimmer-item:not(.shimmer-w-auto) {
    width: 91px !important;
  }
}

::placeholder {
  font-size: 14px !important;
  color: var(--foo-light-color) !important;
}

.ng-select .ng-select-container {
  border: 1px solid var(--foo-light-color);
}

@media (max-width: 767.98px) {
  .page-body.direction-ltr search-bar .search-container {
    margin-right: 0 !important;
    padding-right: 0 !important;
  }
  .page-body.direction-rtl search-bar .search-container {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }
  .foo-btn-primary.responsive-button, .foo-btn-outline-secondary.responsive-button {
    width: 100% !important;
  }
  .page-body.direction-rtl div[class*=container-box-], .page-body.direction-ltr div[class*=container-box-] {
    margin-bottom: 20px !important;
  }
}
.page-body.direction-ltr .custom-clear-input {
  position: absolute;
  right: 35px !important;
  left: unset !important;
}

.page-body.direction-rtl .custom-clear-input {
  position: absolute;
  left: 35px !important;
  right: unset !important;
}

.dropdown-menu[x-placement^=top],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left] {
  margin: 0 !important;
}

.is-loading * {
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  padding: 8px 0;
}
.mat-mdc-icon-button .mat-button-focus-overlay {
  display: none !important;
}

.page-body.direction-ltr .dropdown-item:hover, .page-body.direction-ltr .dropdown-item:focus,
.page-body.direction-rtl .dropdown-item:hover, .page-body.direction-rtl .dropdown-item:focus {
  background-color: var(--foo-item-tag-hover-color) !important;
}

@media (max-width: 575px), (min-width: 576px) and (max-width: 767px), (min-width: 320px) and (max-width: 475px) {
  .page-body .search-bar-container {
    width: 100%;
  }
}
.messageCount {
  font-size: 14px;
  color: var(--foo-light-color);
  position: absolute;
  right: 0;
}

.container-box-list div:has(span.overflow-visible) {
  overflow: visible !important;
}

.overflow-visible {
  overflow: visible !important;
}

.ng-select.ng-select-multiple .ng-select-container.ng-has-value {
  height: fit-content !important;
}

.tox-tinymce-aux {
  z-index: 99999999999 !important;
}

.swiper-slide > li {
  cursor: pointer;
}

.text-transform-none {
  text-transform: none !important;
}

ng-select:not(.ng-select-disabled) .ng-select-container {
  cursor: pointer !important;
}
ng-select:not(.ng-select-disabled) .ng-select-container .ng-value-container > div > input {
  cursor: pointer !important;
}

.page-body.direction-ltr .dropdown-item.dropdown-item-notclickable:hover,
.page-body.direction-ltr .dropdown-item.dropdown-item-notclickable:focus,
.page-body.direction-rtl .dropdown-item.dropdown-item-notclickable:hover,
.page-body.direction-rtl .dropdown-item.dropdown-item-notclickable:focus {
  color: initial !important;
  background-color: initial !important;
}

.mat-mdc-tooltip {
  font-size: 12px !important;
  font-family: var(--foo-main-font) !important;
}

.input-tags-container.mat-form-field-appearance-fill .mat-mdc-form-field-flex {
  min-height: var(--foo-input-height);
  border-radius: var(--foo-input-border-radius) !important;
  border: 1px solid var(--foo-light-color);
  padding: 10px !important;
  background: var(--foo-white-color);
}

hr {
  opacity: 1;
}

.mat-mdc-dialog-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.app-custom-dialog-container {
  max-height: 95vh;
}

.app-initial-overflow .mat-mdc-dialog-container {
  overflow: initial !important;
}
.app-initial-overflow .mat-mdc-dialog-content {
  overflow: initial !important;
}

.app-dialog-no-capitalize .mat-mdc-dialog-title {
  text-transform: none !important;
}

.mat-mdc-input-element {
  box-sizing: border-box !important;
}

.close-icon.mat-mdc-button .mat-mdc-button-persistent-ripple::before {
  background-color: unset;
}

html, body {
  margin: 0;
  height: 100%;
}

.card-listing-image {
  height: 26px;
  width: 55px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.card-listing-image-sm {
  height: 35px;
  width: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.color-dark-blue {
  color: var(--foo-dark-color);
}

.filter-close-button {
  position: absolute;
  top: 22px;
  right: 20px;
  cursor: pointer;
}

.box-shadow-none {
  box-shadow: none !important;
}

.page-body.direction-rtl,
.page-body.direction-ltr {
  margin: 0;
  font-family: var(--foo-primary-font);
  /* Switch 1 Specific Style Start */
  /*portal styles*/
}
.page-body.direction-rtl .aligncenter,
.page-body.direction-ltr .aligncenter {
  text-align: center;
}
.page-body.direction-rtl .half-opacity,
.page-body.direction-ltr .half-opacity {
  opacity: 0.5;
}
.page-body.direction-rtl.showskyline:before,
.page-body.direction-ltr.showskyline:before {
  content: "";
  position: fixed;
  background-image: url("/assets/img/skyline-gray.svg");
  background-repeat: no-repeat;
  background-position: right bottom;
  bottom: 0px;
  right: 10px;
  display: block;
  height: 90vh;
  width: 60%;
  max-width: 550px;
  background-size: contain;
  z-index: 0;
}
.page-body.direction-rtl .noresult_found,
.page-body.direction-ltr .noresult_found {
  text-align: center;
  max-width: 200px;
  margin: 0 auto;
}
.page-body.direction-rtl .noresult_found span,
.page-body.direction-ltr .noresult_found span {
  opacity: 0.5;
}
.page-body.direction-rtl .section-title,
.page-body.direction-ltr .section-title {
  font-family: var(--foo-main-font) !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 28px;
  color: var(--foo-dark-color);
  margin-bottom: 0;
  text-transform: capitalize;
  font-style: normal;
  letter-spacing: 0.01em;
}
.page-body.direction-rtl .section-subtitle,
.page-body.direction-ltr .section-subtitle {
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: #262626;
}
.page-body.direction-rtl .foo-btn-outline-danger.btn-center,
.page-body.direction-ltr .foo-btn-outline-danger.btn-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-body.direction-rtl .foo-btn-outline-danger.btn-big,
.page-body.direction-ltr .foo-btn-outline-danger.btn-big {
  min-width: 300px;
}
.page-body.direction-rtl .foo-btn-outline-danger.btn-md,
.page-body.direction-ltr .foo-btn-outline-danger.btn-md {
  min-width: 245px;
}
.page-body.direction-rtl button.send-money,
.page-body.direction-ltr button.send-money {
  border: 1px solid transparent;
}
.page-body.direction-rtl button.send-money:hover, .page-body.direction-rtl button.send-money:focus,
.page-body.direction-ltr button.send-money:hover,
.page-body.direction-ltr button.send-money:focus {
  border: 1px solid var(--foo-primary-color) !important;
}
.page-body.direction-rtl button.send-money:active,
.page-body.direction-ltr button.send-money:active {
  border: 1px solid transparent !important;
}
.page-body.direction-rtl .row.full-width-submit-container,
.page-body.direction-ltr .row.full-width-submit-container {
  padding: 20px;
  background: var(--foo-white-color);
  box-shadow: 0px -6px 13px rgba(0, 0, 0, 0.06);
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0px;
  margin: 0;
  width: auto;
}
.page-body.direction-rtl .row.full-width-submit-container .buttons-aligned,
.page-body.direction-ltr .row.full-width-submit-container .buttons-aligned {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}
.page-body.direction-rtl .row.full-width-submit-container .buttons-aligned button.foo-btn-outline-secondary,
.page-body.direction-rtl .row.full-width-submit-container .buttons-aligned button.foo-btn-primary,
.page-body.direction-ltr .row.full-width-submit-container .buttons-aligned button.foo-btn-outline-secondary,
.page-body.direction-ltr .row.full-width-submit-container .buttons-aligned button.foo-btn-primary {
  margin-right: 10px;
  margin-left: 10px;
}
.page-body.direction-rtl .full-width-submit-safe-area,
.page-body.direction-ltr .full-width-submit-safe-area {
  height: 80px;
}
.page-body.direction-rtl .clear-search-container,
.page-body.direction-ltr .clear-search-container {
  text-align: right;
}
.page-body.direction-rtl .more-options,
.page-body.direction-ltr .more-options {
  align-items: center;
  display: flex;
  text-transform: capitalize;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: var(--foo-dark-color);
}
.page-body.direction-rtl .more-options img,
.page-body.direction-ltr .more-options img {
  transform: rotate(180deg);
  margin-right: 10px;
}
.page-body.direction-rtl .more-options.isOpen img,
.page-body.direction-ltr .more-options.isOpen img {
  transform: rotate(0deg);
}
.page-body.direction-rtl .search-container .rightNumberInput,
.page-body.direction-ltr .search-container .rightNumberInput {
  position: relative;
}
.page-body.direction-rtl .search-container .rightNumberInput span,
.page-body.direction-ltr .search-container .rightNumberInput span {
  font-weight: bold;
  position: absolute;
  bottom: 15%;
  right: 25px;
}
.page-body.direction-rtl .search-container .rightNumberInput input,
.page-body.direction-ltr .search-container .rightNumberInput input {
  padding-right: 50px !important;
}
.page-body.direction-rtl .dateInput,
.page-body.direction-ltr .dateInput {
  position: relative;
}
.page-body.direction-rtl span.input-right-info,
.page-body.direction-ltr span.input-right-info {
  position: absolute;
  top: 17px;
  right: 25px;
  font-size: 14px;
  font-weight: 800;
  line-height: 19px;
  text-align: right;
  color: var(--foo-dark-color);
}
.page-body.direction-rtl .section-title.shimmer-animate,
.page-body.direction-ltr .section-title.shimmer-animate {
  opacity: 0 !important;
}
.page-body.direction-rtl .btns-container,
.page-body.direction-ltr .btns-container {
  width: 462px !important;
}
.page-body.direction-rtl .no-mb,
.page-body.direction-ltr .no-mb {
  margin-bottom: 0 !important;
}
.page-body.direction-rtl .no-mt,
.page-body.direction-ltr .no-mt {
  margin-top: 0 !important;
}
.page-body.direction-rtl .mlr-10,
.page-body.direction-ltr .mlr-10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.page-body.direction-rtl .mar-3,
.page-body.direction-ltr .mar-3 {
  margin: 0.3rem !important;
}
.page-body.direction-rtl .plr-10,
.page-body.direction-ltr .plr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.page-body.direction-rtl .nopadd,
.page-body.direction-ltr .nopadd {
  padding: 0 !important;
}
.page-body.direction-rtl .nomargin,
.page-body.direction-ltr .nomargin {
  margin: 0 !important;
}
.page-body.direction-rtl .alignright,
.page-body.direction-ltr .alignright {
  text-align: right;
}
.page-body.direction-rtl .dashed-border-bottom,
.page-body.direction-ltr .dashed-border-bottom {
  border-bottom: 1px dashed #bbbbbb;
}
.page-body.direction-rtl .no-border-bottom,
.page-body.direction-ltr .no-border-bottom {
  border-bottom: 0 !important;
}
.page-body.direction-rtl .tox .tox-notification--warn, .page-body.direction-rtl .tox .tox-notification--warning,
.page-body.direction-ltr .tox .tox-notification--warn,
.page-body.direction-ltr .tox .tox-notification--warning {
  display: none;
}
.page-body.direction-rtl .container-box-roles,
.page-body.direction-ltr .container-box-roles {
  flex-direction: row;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.page-body.direction-rtl .container-box-roles h2, .page-body.direction-rtl .container-box-roles .h2,
.page-body.direction-ltr .container-box-roles h2,
.page-body.direction-ltr .container-box-roles .h2 {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: var(--foo-dark-color);
  margin-bottom: 0px !important;
  text-transform: capitalize;
}
.page-body.direction-rtl .container-box-roles p,
.page-body.direction-ltr .container-box-roles p {
  font-size: 14px;
  line-height: 19px;
  font-family: var(--foo-primary-font);
  color: var(--foo-light-color);
  margin-bottom: 0 !important;
}
.page-body.direction-rtl .container-box-roles .role-actions,
.page-body.direction-ltr .container-box-roles .role-actions {
  flex-shrink: 0;
}
.page-body.direction-rtl .container-label,
.page-body.direction-ltr .container-label {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 19px;
  color: var(--foo-dark-color);
  font-family: var(--foo-primary-font);
}
.page-body.direction-rtl .foo-default-btn,
.page-body.direction-ltr .foo-default-btn {
  background: linear-gradient(90.26deg, #376CD2 45.27%, var(--foo-primary-color) 93.85%);
  box-shadow: 0px 6px 22px rgba(128, 88, 235, 0.2);
  border-radius: 14px;
  color: white;
  padding: 8px 25px;
  min-width: 150px;
  display: inline-block;
  text-align: center;
  height: 50px;
  outline: 0;
  border: 0;
}
.page-body.direction-rtl .foo-default-btn:focus, .page-body.direction-rtl .foo-default-btn:hover,
.page-body.direction-ltr .foo-default-btn:focus,
.page-body.direction-ltr .foo-default-btn:hover {
  box-shadow: var(--foo-btn-shadow);
}
.page-body.direction-rtl .foo-default-btn:active,
.page-body.direction-ltr .foo-default-btn:active {
  box-shadow: none !important;
}
.page-body.direction-rtl .icon-right,
.page-body.direction-ltr .icon-right {
  cursor: pointer;
}
.page-body.direction-rtl span.seperator,
.page-body.direction-ltr span.seperator {
  color: rgba(185, 191, 201, 0.4);
  margin: 0 30px;
}
.page-body.direction-rtl .send-invitation-btn,
.page-body.direction-ltr .send-invitation-btn {
  background: transparent;
  border: none;
  outline: 0;
}
.page-body.direction-rtl .send-invitation-btn span,
.page-body.direction-ltr .send-invitation-btn span {
  font-size: 12px;
  font-weight: normal;
  color: var(--foo-success-color);
}
.page-body.direction-rtl .pendingTransactionRed,
.page-body.direction-ltr .pendingTransactionRed {
  /* color: red !important;*/
}
.page-body.direction-rtl .leftNumberInput,
.page-body.direction-ltr .leftNumberInput {
  position: relative;
}
.page-body.direction-rtl .leftNumberInput span,
.page-body.direction-ltr .leftNumberInput span {
  font-weight: bold;
  position: absolute;
  bottom: 15%;
  left: 15px;
}
.page-body.direction-rtl .leftNumberInput input,
.page-body.direction-ltr .leftNumberInput input {
  padding-left: 55px !important;
}
.page-body.direction-rtl input[type=checkbox].switch_1,
.page-body.direction-ltr input[type=checkbox].switch_1 {
  font-size: 27px;
  appearance: none;
  width: 1.8em;
  height: 1em;
  background: #ddd;
  border-radius: 3em !important;
  position: relative;
  cursor: pointer;
  outline: none;
  transition: all 0.2s ease-in-out;
}
.page-body.direction-rtl input[type=checkbox].switch_1:checked,
.page-body.direction-ltr input[type=checkbox].switch_1:checked {
  background: var(--foo-primary-color);
}
.page-body.direction-rtl input[type=checkbox].switch_1::after,
.page-body.direction-ltr input[type=checkbox].switch_1::after {
  position: absolute;
  content: "";
  width: 1em;
  height: 1em;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  transform: scale(0.85);
  left: 0;
  transition: all 0.2s ease-in-out;
}
.page-body.direction-rtl input[type=checkbox].switch_1:checked::after,
.page-body.direction-ltr input[type=checkbox].switch_1:checked::after {
  left: calc(100% - 1em);
}
.page-body.direction-rtl input[type=checkbox].switch_1:focus,
.page-body.direction-ltr input[type=checkbox].switch_1:focus {
  border: none !important;
  outline: none !important;
}
.page-body.direction-rtl .check-button,
.page-body.direction-ltr .check-button {
  background: var(--foo-white-color);
  border: 1px solid transparent;
  box-shadow: 0px 12px 22px var(--foo-primary-bg);
  border-radius: 14px !important;
  height: 50px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  text-transform: capitalize;
  color: var(--foo-primary-color);
  width: max-content;
  min-width: 150px;
  padding: 15px 25px;
  display: inline-block;
  outline: 0 !important;
  margin-right: 20px;
}
.page-body.direction-rtl .check-button.btn-big,
.page-body.direction-ltr .check-button.btn-big {
  min-width: 300px;
}
.page-body.direction-rtl .check-button.btn-md,
.page-body.direction-ltr .check-button.btn-md {
  min-width: 245px;
}
.page-body.direction-rtl .check-button.btn-center,
.page-body.direction-ltr .check-button.btn-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-body.direction-rtl .check-button:hover, .page-body.direction-rtl .check-button:focus, .page-body.direction-rtl .check-button:active,
.page-body.direction-ltr .check-button:hover,
.page-body.direction-ltr .check-button:focus,
.page-body.direction-ltr .check-button:active {
  color: var(--foo-primary-color);
  text-decoration: none;
}
.page-body.direction-rtl .check-button.selected,
.page-body.direction-ltr .check-button.selected {
  border: 1px solid var(--foo-primary-color);
}
.page-body.direction-rtl .bold-hover,
.page-body.direction-ltr .bold-hover {
  display: inline-block;
}
.page-body.direction-rtl .bold-hover:hover,
.page-body.direction-ltr .bold-hover:hover {
  text-decoration: none;
  transform-origin: 50% 50%;
  transform: scale(1.05) !important;
  transition: 0.3s;
  transform-box: fill-box;
}
.page-body.direction-rtl .bold-hover:active,
.page-body.direction-ltr .bold-hover:active {
  text-decoration: none;
  transform-origin: 50% 50%;
  transform: scale(1.05) !important;
  transition: 0.3s;
  transform-box: fill-box;
}
.page-body.direction-rtl .langSwitch,
.page-body.direction-ltr .langSwitch {
  min-width: 62px !important;
  display: inline-block;
  cursor: pointer;
  margin: 0 25px;
}
.page-body.direction-rtl i[class*=foo-icons-],
.page-body.direction-ltr i[class*=foo-icons-] {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.page-body.direction-rtl .foo-icons-password,
.page-body.direction-ltr .foo-icons-password {
  width: 25px !important;
  height: 25px !important;
  position: absolute;
  top: calc(50% - 12.5px);
  right: 15px;
  cursor: pointer;
}
.page-body.direction-rtl button.btn-purple,
.page-body.direction-ltr button.btn-purple {
  background: rgba(205, 190, 247, 0.3);
  border-radius: 13px !important;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: var(--foo-primary-color);
  height: 40px;
  margin-right: 10px !important;
  border: 0;
  padding: 0 15px;
}
.page-body.direction-rtl .middle-action-text,
.page-body.direction-ltr .middle-action-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-body.direction-rtl ngb-accordion .card,
.page-body.direction-ltr ngb-accordion .card {
  margin-bottom: 20px;
  border: 0 !important;
}
.page-body.direction-rtl ngb-accordion .card .card-header,
.page-body.direction-ltr ngb-accordion .card .card-header {
  position: relative;
  background: var(--foo-white-color);
  border: 0.5px solid rgba(185, 191, 201, 0.2);
  box-sizing: border-box;
  box-shadow: 0px 6px 37px rgba(7, 64, 152, 0.05);
  border-radius: 13px !important;
  display: flex;
  height: 83px;
  margin-bottom: 0 !important;
}
.page-body.direction-rtl ngb-accordion .card .card-header h5, .page-body.direction-rtl ngb-accordion .card .card-header .h5,
.page-body.direction-ltr ngb-accordion .card .card-header h5,
.page-body.direction-ltr ngb-accordion .card .card-header .h5 {
  font-size: 16px;
  font-weight: 800;
  line-height: 140.5%;
  color: var(--foo-dark-color);
}
.page-body.direction-rtl ngb-accordion .card .collapse.show,
.page-body.direction-ltr ngb-accordion .card .collapse.show {
  background: #F9F9F9;
  border-radius: 0px 0px 14px 14px;
}
.page-body.direction-rtl ngb-accordion .card .card-body,
.page-body.direction-ltr ngb-accordion .card .card-body {
  font-size: 14px;
  line-height: 140.5%;
  color: var(--foo-dark-color);
  font-family: var(--foo-primary-font);
}
.page-body.direction-rtl app-more ngb-accordion .card,
.page-body.direction-ltr app-more ngb-accordion .card {
  margin-bottom: 0 !important;
}
.page-body.direction-rtl app-more ngb-accordion .card .card-header,
.page-body.direction-ltr app-more ngb-accordion .card .card-header {
  padding: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  height: fit-content !important;
}
.page-body.direction-rtl app-more ngb-accordion .card .card-body,
.page-body.direction-ltr app-more ngb-accordion .card .card-body {
  padding: 15px 20px;
  background: var(--foo-white-color);
}
.page-body.direction-rtl app-atms ngb-accordion .card,
.page-body.direction-ltr app-atms ngb-accordion .card {
  box-shadow: 0px 4px 15px rgba(26, 20, 65, 0.05);
  border-radius: 13px !important;
  background: white;
  margin-bottom: 20px;
  border: 0 !important;
}
.page-body.direction-rtl app-atms ngb-accordion .card .card-header,
.page-body.direction-ltr app-atms ngb-accordion .card .card-header {
  position: relative;
  box-sizing: border-box;
  display: flex;
  height: 83px;
  margin-bottom: 0 !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.page-body.direction-rtl app-atms ngb-accordion .card .card-header h5, .page-body.direction-rtl app-atms ngb-accordion .card .card-header .h5,
.page-body.direction-ltr app-atms ngb-accordion .card .card-header h5,
.page-body.direction-ltr app-atms ngb-accordion .card .card-header .h5 {
  font-size: 16px;
  line-height: 140.5%;
  color: var(--foo-dark-color);
}
.page-body.direction-rtl app-atms ngb-accordion .card .card-header .isopen h5, .page-body.direction-rtl app-atms ngb-accordion .card .card-header .isopen .h5,
.page-body.direction-ltr app-atms ngb-accordion .card .card-header .isopen h5,
.page-body.direction-ltr app-atms ngb-accordion .card .card-header .isopen .h5 {
  color: var(--foo-primary-color);
}
.page-body.direction-rtl app-atms ngb-accordion .card .collapse.show,
.page-body.direction-ltr app-atms ngb-accordion .card .collapse.show {
  background: var(--foo-white-color) !important;
  border-radius: 0px 0px 14px 14px;
}
.page-body.direction-rtl app-atms ngb-accordion .card .collapse.show .card-body,
.page-body.direction-ltr app-atms ngb-accordion .card .collapse.show .card-body {
  font-size: 14px;
  line-height: 140.5%;
  color: var(--foo-dark-color);
}
.page-body.direction-rtl app-atms ngb-accordion .card-header,
.page-body.direction-ltr app-atms ngb-accordion .card-header {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.page-body.direction-rtl app-atms .swiper-wrapper,
.page-body.direction-ltr app-atms .swiper-wrapper {
  padding: 7px 0 15px 0;
}
.page-body.direction-rtl app-atms .gm-style-iw, .page-body.direction-rtl app-atms .gm-style-iw-d,
.page-body.direction-ltr app-atms .gm-style-iw,
.page-body.direction-ltr app-atms .gm-style-iw-d {
  padding: 0 !important;
}
.page-body.direction-rtl .error-color,
.page-body.direction-ltr .error-color {
  color: var(--foo-danger-color);
}
.page-body.direction-rtl .hover-scale:hover,
.page-body.direction-ltr .hover-scale:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.05);
}
.page-body.direction-rtl .has-error,
.page-body.direction-ltr .has-error {
  box-shadow: 0px 2px 12px rgba(7, 183, 205, 0.16) !important;
  border: 1px solid #FF4E49 !important;
}
.page-body.direction-rtl .error-field-message,
.page-body.direction-ltr .error-field-message {
  font-size: 10px;
  line-height: 14px;
  color: #FF4E49;
  margin-top: 10px;
  font-family: var(--foo-primary-font);
}
.page-body.direction-rtl .desc-box,
.page-body.direction-ltr .desc-box {
  background: rgba(196, 196, 196, 0.1);
  border-radius: 14px;
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: var(--foo-dark-color);
  margin: 20px auto 0;
  padding: 20px;
}
.page-body.direction-rtl .desc-box a,
.page-body.direction-ltr .desc-box a {
  color: var(--foo-primary-color);
  text-decoration: none !important;
  white-space: nowrap;
}
.page-body.direction-rtl .verified-color,
.page-body.direction-ltr .verified-color {
  color: var(--foo-success-color);
}
.page-body.direction-rtl .pills-with-icons li a,
.page-body.direction-ltr .pills-with-icons li a {
  display: inline-flex !important;
  min-width: 200px;
  justify-content: space-evenly;
  align-items: center;
  background: var(--foo-white-color);
  box-sizing: border-box;
  border-radius: 13px;
  margin: 0 10px !important;
  border: 1px solid transparent !important;
  box-shadow: 0px 4px 15px rgba(26, 20, 65, 0.05);
  padding: 10px !important;
}
.page-body.direction-rtl .pills-with-icons li a img,
.page-body.direction-ltr .pills-with-icons li a img {
  width: 40px;
  height: 40px;
}
.page-body.direction-rtl .pills-with-icons li a.active,
.page-body.direction-ltr .pills-with-icons li a.active {
  border: 1px solid var(--foo-primary-color) !important;
  box-shadow: none;
}
.page-body.direction-rtl .pills-with-icons li a.active::after,
.page-body.direction-ltr .pills-with-icons li a.active::after {
  display: none !important;
}
.page-body.direction-rtl .pills-with-icons li:first-child a,
.page-body.direction-ltr .pills-with-icons li:first-child a {
  margin-left: 0 !important;
}
.page-body.direction-rtl .pills-with-icons li:last-child a,
.page-body.direction-ltr .pills-with-icons li:last-child a {
  margin-right: 0 !important;
}
.page-body.direction-rtl .page-content-wrapper.menu-invisible .portal-page-content,
.page-body.direction-ltr .page-content-wrapper.menu-invisible .portal-page-content {
  width: 80%;
  display: inline-block !important;
  margin-left: 20% !important;
  margin-right: 0px !important;
  transition: 0.5s;
  position: relative;
  margin-top: 5px;
}
.page-body.direction-rtl .txt-container,
.page-body.direction-ltr .txt-container {
  display: inline-flex;
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
  justify-content: center;
}
.page-body.direction-rtl .txt-big,
.page-body.direction-ltr .txt-big {
  font-style: normal;
  font-weight: bold;
  line-height: 115%;
  text-align: center;
  margin-bottom: 0px;
  font-size: 40px;
  padding: 1vh 0px;
}
.page-body.direction-rtl .txt-md,
.page-body.direction-ltr .txt-md {
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.01em;
  padding-right: 7px;
  vertical-align: middle;
  font-size: 16px;
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: center;
}
.page-body.direction-rtl .txt-orange,
.page-body.direction-ltr .txt-orange {
  color: var(--foo-primary-color);
}
.page-body.direction-rtl .txt-gray,
.page-body.direction-ltr .txt-gray {
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height */
  text-align: center;
  /* Grey/Dark */
  color: var(--foo-light-color);
}
.page-body.direction-rtl .detail-card,
.page-body.direction-ltr .detail-card {
  position: absolute;
  background: #e9ecee;
  border-radius: 10px;
}
.page-body.direction-rtl .card-content-padding,
.page-body.direction-ltr .card-content-padding {
  padding: 4vh;
}
.page-body.direction-rtl .btn-46,
.page-body.direction-ltr .btn-46 {
  min-width: 46%;
}
.page-body.direction-rtl .numbr-txt,
.page-body.direction-ltr .numbr-txt {
  font-family: var(--foo-primary-font);
  /*  font-size: 16px;*/
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.01em;
  text-align: center;
  margin-top: 6px !important;
  font-size: 16px;
  color: var(--foo-dark-color);
}
.page-body.direction-rtl img.login-logo,
.page-body.direction-ltr img.login-logo {
  margin-bottom: 25px;
  margin-top: 15px;
  max-width: 135px;
  max-height: 40px;
}
.page-body.direction-rtl .centered,
.page-body.direction-ltr .centered {
  text-align: center;
}

.page-body.direction-ltr .custom-select {
  font-size: 15px !important;
}

.display-scrollbar ::-webkit-scrollbar {
  display: initial;
}

.add-new-line::after {
  content: "\a";
  white-space: pre;
}

.downloadBtn {
  border: 1px solid rgba(var(--foo-light-color), 0.3) !important;
  border-radius: 10px !important;
  padding: 8px 15px !important;
  font-size: 14px !important;
  color: var(--foo-primary-color) !important;
  text-decoration: none !important;
  line-height: 1.8 !important;
  width: 100% !important;
  text-align: left !important;
}
.downloadBtn:focus, .downloadBtn:hover {
  text-decoration: none !important;
  box-shadow: none !important;
}
.downloadBtn .foo-icon {
  float: right;
}

.box-listing-row-value {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.box-listing-new-row-value {
  font-size: 14px !important;
  font-weight: 400 !important;
}

.form-builder-dialog {
  overflow: hidden !important;
}

.form-builder input::-webkit-calendar-picker-indicator {
  position: initial;
}
.form-builder select {
  appearance: auto !important;
}
.form-builder .stage-wrap {
  border: 1px solid var(--foo-light-color) !important;
  border-radius: 5px;
}
.form-builder select[multiple] {
  height: auto !important;
}
.form-builder .form-control {
  font-family: var(--foo-primary-font);
  width: 100% !important;
  caret-color: var(--foo-dark-color) !important;
  background: var(--foo-white-color) !important;
  box-shadow: none;
  border-radius: 8px !important;
  border: 1px solid var(--foo-light-color) !important;
  padding: 15px !important;
  height: 34px !important;
  outline: 0;
  color: var(--foo-dark-color);
}
.form-builder label {
  font-family: var(--foo-primary-font);
  font-weight: 400;
  font-size: 13px;
  line-height: 19px;
  color: var(--foo-dark-color);
  margin-bottom: 5px;
}

.flex {
  display: flex;
}

.clickable-text {
  color: var(--foo-primary-color) !important;
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  text-decoration: unset !important;
}

.cdk-drag-preview {
  min-height: 40px;
  display: flex;
  align-items: center;
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: var(--foo-dark-color);
  background: var(--foo-white-color);
  box-shadow: 0px 2px 15px rgba(39, 55, 79, 0.06);
  border-radius: 10px;
}
.cdk-drag-preview button {
  display: none;
}
.cdk-drag-preview .actions-cols {
  display: none;
}
.cdk-drag-preview .mat-expansion-indicator {
  display: none;
}

.property-info .property-label {
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0.003em;
  color: var(--foo-light-color);
}
.property-info .property-value {
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.01em;
  color: var(--foo-dark-color);
}

.view-btn {
  height: 16px;
  min-width: 51px;
  border-radius: 4px !important;
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: 400 !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-align: center;
  letter-spacing: 0.003em;
  color: var(--foo-dark-color);
  background: var(--foo-white-color);
  border: 1px solid var(--foo-dark-color);
  text-transform: capitalize;
  width: max-content;
  display: inline-flex;
  outline: 0 !important;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  padding: 0 15px;
}

.info-dropdown {
  top: 5px !important;
}
.info-dropdown .dropdown-menu {
  padding: 14px !important;
  font-family: var(--foo-main-font);
  font-style: normal;
  font-weight: 400;
  font-size: 12px !important;
  line-height: 14px;
  letter-spacing: 0.003em;
  color: var(--foo-dark-color) !important;
  background: var(--foo-white-color);
}
.info-dropdown .dropdown-menu::before {
  right: 3.5% !important;
}

.sorting-button {
  min-width: 80px !important;
  line-height: 16px;
  padding: 0 10px !important;
}

.sorting-dropdown {
  top: 7px !important;
}
.sorting-dropdown div.dropdown-menu {
  min-width: 170px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}
.sorting-dropdown div.dropdown-menu::before {
  display: none !important;
}
.sorting-dropdown div.dropdown-menu .dropdown-item {
  height: 35px;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.no-capitalize {
  text-transform: none !important;
}

.logout-menu .dropdown-menu {
  min-width: 11rem !important;
}

.grecaptcha-badge {
  visibility: hidden;
}

.page-body.direction-ltr .no-gutters > .col, .page-body.direction-ltr .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.dropdown-menu-inner-icon::before {
  right: 36% !important;
}

.approval-transactions-dialog {
  --foo-listing-row-height: 100%;
}
.approval-transactions-dialog .values-container {
  width: 100%;
}

.date {
  direction: ltr;
}

.cdk-global-overlay-wrapper[dir=rtl] button.close-icon {
  right: unset;
  left: 4%;
}

.page-body.direction-rtl {
  --foo-primary-font: var(--foo-almarai-font);
}
.page-body.direction-rtl .min-righticon-container span.min-righticon-form {
  right: unset !important;
  left: 15px;
}
.page-body.direction-rtl .mat-mdc-form-field .mat-mdc-form-field-suffix, .page-body.direction-rtl .mat-mdc-form-field .mat-mdc-form-field-icon-suffix {
  right: unset !important;
  left: 10px !important;
}
.page-body.direction-rtl .mat-mdc-form-field input {
  text-align: right !important;
}
.page-body.direction-rtl app-info-dialog {
  direction: rtl;
}
.page-body.direction-rtl app-info-dialog button.close-icon {
  left: 5%;
  right: unset !important;
}
.page-body.direction-rtl .mat-mdc-checkbox .mdc-label {
  padding-left: 0 !important;
  padding-right: 8px;
}
.page-body.direction-rtl .mat-mdc-dialog-title {
  --mat-dialog-headline-padding: 26px 24px 20px 54px;
}
.page-body.direction-rtl .mat-mdc-dialog-title p {
  text-align: right;
}
.page-body.direction-rtl .close-icon {
  left: 26%;
}
.page-body.direction-rtl .mat-mdc-dialog-content {
  text-align: right;
}
.page-body.direction-rtl ngb-alert.alert {
  right: unset;
  left: 12px;
}
.page-body.direction-rtl ngb-alert.alert .btn-close {
  left: 0;
  right: unset !important;
}
.page-body.direction-rtl .add-seach-icon::before {
  content: "";
  position: relative;
  left: unset;
  top: 10px;
  right: 34px;
  background: url(/assets/img/search-btn.svg);
  background-repeat: no-repeat;
  height: 24px;
  width: 24px;
}
.page-body.direction-rtl .search-container input[type=text],
.page-body.direction-rtl .ng-select input[type=text] {
  padding: 0 15px 0 65px !important;
}
.page-body.direction-rtl .search-container input[type=text].search-icon,
.page-body.direction-rtl .ng-select input[type=text].search-icon {
  margin-right: 0px !important;
  margin-left: 20px;
  padding-right: 35px !important;
  padding-left: 15px !important;
}
.page-body.direction-rtl .form-control::placeholder,
.page-body.direction-rtl .form-input::placeholder {
  font-family: var(--foo-primary-font);
}
.page-body.direction-rtl ol.xng-breadcrumb-list li img {
  transform: scale(1) rotate(180deg);
  margin-right: 0px;
  margin-left: 10px;
}
.page-body.direction-rtl ol.xng-breadcrumb-list li img.hover-scale:hover {
  transition: all 0.2s ease-in-out;
  transform: scale(1.05) rotate(180deg);
}
.page-body.direction-rtl ol.xng-breadcrumb-list li .foo-icon {
  margin-right: unset !important;
  margin-left: 10px;
}
.page-body.direction-rtl .input-calendar-append {
  left: 15px;
  right: unset;
}
.page-body.direction-rtl .ng-select .ng-select-container .ng-value-container,
.page-body.direction-rtl .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 0px !important;
  top: 0 !important;
}
.page-body.direction-rtl .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value > .ng-star-inserted {
  padding-right: 5px !important;
}
.page-body.direction-rtl .custom-clear-input .ng-clear,
.page-body.direction-rtl .ng-select .ng-clear-wrapper .ng-clear {
  right: unset;
  left: 4px;
}
.page-body.direction-rtl li.pagination-previous {
  transform: rotateY(0deg);
}
.page-body.direction-rtl li.pagination-next {
  transform: rotateY(180deg);
}
.page-body.direction-rtl .hasrightinfo {
  position: relative;
}
.page-body.direction-rtl .hasrightinfo input {
  padding-left: 40px !important;
  padding-right: 15px !important;
}
.page-body.direction-rtl .mat-datepicker-toggle .mat-mdc-icon-button {
  width: auto !important;
  padding-left: 4px;
}
.page-body.direction-rtl .min-righticon-container span.min-righticon-form {
  right: unset;
  left: 15px;
}
.page-body.direction-rtl .nav-pills li {
  margin-right: unset !important;
  margin-left: 25px;
}
.page-body.direction-rtl .clear-search {
  margin-right: 0;
  margin-left: 35px;
}
.page-body.direction-rtl .clear-search-container {
  text-align: left;
}
.page-body.direction-rtl .search-bar-container:not(.dropdown-style) {
  padding: 0 0 0 24px !important;
}
.page-body.direction-rtl .foo-icon.foo-back-primary, .page-body.direction-rtl .foo-icon.foo-arrow-right-light {
  transform: scaleX(-1);
}
.page-body.direction-rtl .messageCount {
  left: 0;
  right: unset !important;
}
.page-body.direction-rtl .float-start {
  float: right !important;
}
.page-body.direction-rtl .float-end {
  float: left !important;
}
@media (min-width: 768px) {
  .page-body.direction-rtl .customSearchContainer {
    padding: 0 0 24px 24px !important;
  }
}
.page-body.direction-rtl .timepicker-dial,
.page-body.direction-rtl .listing-component-1row dynamic-listing .data-container .basicListing .transaction-info span.date {
  direction: ltr !important;
}
.page-body.direction-rtl .mat-mdc-button {
  letter-spacing: 0;
}
.page-body.direction-rtl .rtl-number {
  direction: ltr;
  unicode-bidi: bidi-override;
}
.page-body.direction-rtl .rtl-number input {
  text-align: right;
}
.page-body.direction-rtl .date,
.page-body.direction-rtl .ltr-text {
  direction: ltr;
  text-align: right;
  unicode-bidi: embed;
}
.page-body.direction-rtl .ng-select .ng-select-container .ng-value-container .ng-value > .ng-star-inserted {
  direction: rtl;
  text-align: right;
  unicode-bidi: embed;
}
.page-body.direction-rtl .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value > .ng-star-inserted {
  direction: rtl;
  text-align: right;
  unicode-bidi: embed;
}
.page-body.direction-rtl .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked:not(.ng-option-disabled) {
  direction: rtl;
  text-align: right;
  unicode-bidi: embed;
}
.page-body.direction-rtl .tooltip {
  direction: ltr;
}

.page-body.direction-rtl {
  /*portal styles*/
}
.page-body.direction-rtl .left-menu-search-dropdown i {
  margin-left: 12px;
  margin-right: 0;
}
.page-body.direction-rtl .left-menu-search-dropdown i.dot-item {
  margin-left: 8px !important;
  margin-right: 23px !important;
}
.page-body.direction-rtl .filter-close-button {
  left: 20px;
  right: unset !important;
}
.page-body.direction-rtl .row.full-width-submit-container {
  right: 250px;
  left: 0px !important;
}
.page-body.direction-rtl span.input-right-info {
  position: absolute;
  top: 17px;
  left: 25px !important;
  right: unset !important;
}
.page-body.direction-rtl .langSwitch span {
  padding-bottom: 0px;
}
.page-body.direction-rtl.showskyline:before {
  content: "";
  position: fixed;
  background-image: url(/assets/img/skyline-gray.svg);
  background-repeat: no-repeat;
  background-position: left bottom;
  bottom: 0px;
  left: 10px;
  right: unset;
  display: block;
  height: 90vh;
  width: 60%;
  max-width: 550px;
  background-size: contain;
  z-index: 0;
}
.page-body.direction-rtl .news-img {
  border-radius: 0 13px 13px 0 !important;
}
.page-body.direction-rtl .navbar-nav .nav-link img.menu-arrow, .page-body.direction-rtl .navbar-nav .nav-link span.menu-arrow {
  left: 0 !important;
  right: unset !important;
}
.page-body.direction-rtl .navbar-nav .nav-link i {
  margin-right: 0 !important;
  margin-left: 20px !important;
}
.page-body.direction-rtl .navbar-nav .nav-item .sub-menu .nav-link i {
  margin-right: 20px !important;
  margin-left: 10px !important;
}
.page-body.direction-rtl .left-menu.closed .navbar-nav .nav-item {
  margin: 0 !important;
}
.page-body.direction-rtl .left-menu.closed .navbar-nav .nav-item .nav-link i {
  margin-right: 0 !important;
  margin-left: 0px !important;
}
.page-body.direction-rtl .left-menu.closed .navbar-nav .nav-item .sub-menu .nav-link i {
  margin-right: 20px !important;
  margin-left: 10px !important;
  display: block;
  position: relative;
}
.page-body.direction-rtl .left-menu.closed .navbar-nav .nav-item .sub-menu .nav-link i::before {
  margin-inline-end: 1ch;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 5px;
  display: inline-block;
  background-color: var(--foo-left-menu-secondary-color);
  vertical-align: middle;
}
@media screen and (min-width: 1025px) {
  .page-body.direction-rtl .left-menu.closed a.nav-link:hover span:not(.foo-icon) {
    left: unset !important;
    right: 42px;
    border-radius: 10px 10px 0 !important;
  }
}
.page-body.direction-rtl .login-info p:first-child span {
  direction: ltr !important;
  display: inline-block;
}
.page-body.direction-rtl .dash-balance a {
  float: left !important;
}
.page-body.direction-rtl .total-balance, .page-body.direction-rtl .add-money a {
  left: unset !important;
  right: 20px !important;
}
.page-body.direction-rtl app-login h2.main-title, .page-body.direction-rtl app-login .main-title.h2 {
  line-height: 50px;
}
.page-body.direction-rtl app-left-menu nav {
  left: unset !important;
  right: 0px !important;
}
.page-body.direction-rtl app-left-menu .navbar-nav {
  padding-right: 0 !important;
}
.page-body.direction-rtl .page-content-wrapper {
  margin-right: 250px !important;
  margin-left: 0px !important;
}
.page-body.direction-rtl .page-content-wrapper.menuclosed {
  margin-right: 65px !important;
}
.page-body.direction-rtl app-unauth-home .page-content-wrapper {
  margin-right: 0px !important;
  margin-left: 0px !important;
}
.page-body.direction-rtl app-header nav.top-nav {
  left: 0;
  right: 250px;
}
.page-body.direction-rtl app-header nav.top-nav.menuclosed {
  left: 0 !important;
  right: 65px !important;
}
.page-body.direction-rtl app-notification .container-box-notification .icon-right {
  left: 30px;
  right: unset;
}
.page-body.direction-rtl app-add-account .container-box-new-account .account-container img.pop-info {
  right: unset !important;
  left: 0;
}
.page-body.direction-rtl app-add-account .container-box-new-account .account-container,
.page-body.direction-rtl app-add-account .container-box-new-account .account-container .account-info {
  margin-left: 20px;
  margin-right: 0px !important;
}
.page-body.direction-rtl summary-info-with-seperator .info-seperator .add-seperator {
  border-left: 1px solid #D8D8D8;
  border-right: 0px !important;
}
.page-body.direction-rtl .container-box-balance div.account-action-box button.send-money i {
  transform: rotate(180deg);
}
.page-body.direction-rtl .logout-menu a.nav-link {
  font-size: 14px;
}
.page-body.direction-rtl .viewmorelink {
  float: left;
}
.page-body.direction-rtl .account-icon {
  margin-left: 25px !important;
  margin-right: 0 !important;
}
.page-body.direction-rtl app-dashboard .add-money {
  background-image: url(/assets/img/dash-money-ar.jpg) !important;
  background-position: 50%;
  background-size: cover;
}
.page-body.direction-rtl .nav {
  padding-right: 0px;
}
.page-body.direction-rtl .alignright {
  text-align: left !important;
}
.page-body.direction-rtl .btns-container {
  width: 462px !important;
}
.page-body.direction-rtl .more-options img {
  margin-right: 0;
  margin-left: 10px;
}
.page-body.direction-rtl .dropdown-menu-inner-icon::before {
  left: 36% !important;
}
.page-body.direction-rtl ul.nav.nav-pills.pills-with-icons {
  padding: 0;
}
.page-body.direction-rtl i.foo-icons-right {
  transform: rotate(180deg);
}
.page-body.direction-rtl button.send-money i {
  margin-right: 0 !important;
  margin-left: 10px !important;
}
.page-body.direction-rtl .money-separator {
  transform: rotate(180deg);
}
.page-body.direction-rtl .mr-10 {
  margin-left: 10px;
}
.page-body.direction-rtl .pr-10 {
  padding-left: 10px !important;
}
.page-body.direction-rtl .logout-menu.logout-open ul.navbar-nav {
  right: unset !important;
  left: 0 !important;
  width: 160px !important;
  padding: 0;
}
.page-body.direction-rtl .logout-menu.logout-open ul.navbar-nav .nav-link {
  text-align: right;
}
.page-body.direction-rtl .logout-menu.logout-open ul.navbar-nav .nav-link img {
  margin-left: 14px;
  margin-right: 0;
  transform: rotate(180deg);
}
.page-body.direction-rtl .logout-menu .foo-logout-third {
  transform: rotate(180deg);
}
.page-body.direction-rtl app-atms .pills-with-icons li {
  margin-right: 10px;
}
.page-body.direction-rtl .outline-button .btn-icons {
  margin-right: 0px;
  margin-left: 5px;
}
.page-body.direction-rtl app-account .account-icon {
  margin-left: 10px !important;
  margin-right: 0 !important;
}
.page-body.direction-rtl app-account .container-box-account .account-price {
  margin-left: 0;
  margin-right: 25px;
}
.page-body.direction-rtl app-account .icon-right {
  position: absolute;
  right: unset;
  left: 0px;
}
.page-body.direction-rtl app-account button.send-money i.foo-icons-arrow-btn {
  transform: rotate(180deg);
}
.page-body.direction-rtl app-atms .agm-info-window-hours .left-info img,
.page-body.direction-rtl app-atms .atms-accordions .atm-head .left-info img {
  margin-right: 0px !important;
  margin-left: 20px;
}
.page-body.direction-rtl app-login .max-250 {
  margin-left: 0;
  margin-right: 0;
  text-align: right;
}
.page-body.direction-rtl .container-box-account .account-price {
  margin-left: 0;
  margin-right: 45px;
}
.page-body.direction-rtl app-send-money div.account-info-box .icon-right {
  right: unset !important;
  left: 0;
}
.page-body.direction-rtl app-send-money-beneficiary div.account-action-box .icon-right {
  right: unset !important;
  left: 0 !important;
}
.page-body.direction-rtl app-send-money-details .currencyInput input {
  text-align: left !important;
  padding-right: 0% !important;
  padding-left: 47% !important;
}
.page-body.direction-rtl app-send-money-details .currencyInput span {
  right: unset !important;
  left: 40%;
}
.page-body.direction-rtl .forgot-password {
  text-align: left;
}
.page-body.direction-rtl .verification-box input {
  margin-right: 0 !important;
  margin-left: 20px !important;
}
.page-body.direction-rtl .fixedNumberAr {
  direction: ltr;
}
.page-body.direction-rtl .page-content-wrapper.menu-invisible .portal-page-content {
  width: 80%;
  display: inline-block !important;
  margin-right: 20% !important;
  margin-left: 0px !important;
  transition: 0.5s;
  position: relative;
}
.page-body.direction-rtl .txt-container {
  display: inline-flex;
  text-align: center;
  margin-bottom: 10px;
  width: 100%;
  justify-content: center;
}
.page-body.direction-rtl .txt-big {
  font-style: normal;
  font-weight: bold;
  line-height: 115%;
  text-align: center;
  margin-bottom: 0px;
  font-size: 40px;
  padding: 1vh 0px;
}
.page-body.direction-rtl .txt-md {
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
  letter-spacing: 0.01em;
  padding-right: 7px;
  vertical-align: middle;
  font-size: 16px;
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  align-content: space-around;
  justify-content: center;
}
.page-body.direction-rtl .txt-orange {
  color: var(--foo-primary-color);
}
.page-body.direction-rtl .txt-gray {
  font-family: var(--foo-primary-font);
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  /* identical to box height */
  text-align: center;
  /* Grey/Dark */
  color: var(--foo-light-color);
}
.page-body.direction-rtl .detail-card {
  position: absolute;
  background: #e9ecee;
  border-radius: 10px;
}
.page-body.direction-rtl .card-content-padding {
  padding: 4vh;
}
.page-body.direction-rtl .btn-46 {
  min-width: 46%;
}
.page-body.direction-rtl .card-value-div .card-icon {
  margin-left: 10px;
  margin-right: unset !important;
}
@media (min-width: 577px) {
  .page-body.direction-rtl .security-first-div {
    border-right: unset !important;
    border-left: 1px solid var(--foo-container-border-color);
  }
}
.page-body.direction-rtl .downloadBtn {
  text-align: right !important;
}
.page-body.direction-rtl .downloadBtn .foo-icon {
  float: left;
}
.page-body.direction-rtl .gmnoprint.gm-style-mtc-bbw {
  right: 0px !important;
  left: unset !important;
}
.page-body.direction-rtl .gm-control-active.gm-fullscreen-control,
.page-body.direction-rtl .gmnoprint.gm-bundled-control {
  left: 0px !important;
  right: unset !important;
}
.page-body.direction-rtl .form-wrap.form-builder .pull-left {
  float: right !important;
}
.page-body.direction-rtl .form-wrap.form-builder .pull-right {
  float: left !important;
}
.page-body.direction-rtl .form-wrap.form-builder .cb-wrap {
  position: sticky !important;
  inset: 55px 20px auto auto !important;
}
.page-body.direction-rtl .form-wrap.form-builder .frmb .form-elements label:first-child {
  float: right;
}
.page-body.direction-rtl .form-wrap.form-builder .frmb .form-elements .input-wrap {
  margin-left: 0;
  margin-right: 2%;
  float: right;
}
.page-body.direction-rtl .form-wrap.form-builder .frmb .field-actions {
  left: 0 !important;
  right: unset !important;
}
.page-body.direction-rtl .form-wrap.form-builder .frmb .field-actions .btn {
  border-width: 0 1px 1px 0 !important;
}
.page-body.direction-rtl .form-wrap.form-builder .frmb .field-actions .btn:first-child {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 5px !important;
}
.page-body.direction-rtl .form-wrap.form-builder .frmb .field-actions .btn:last-child {
  border-radius: 0 !important;
}
.page-body.direction-rtl .form-wrap.form-builder .frmb-control li {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .nav-pills li a {
    margin: 10px 2px 20px;
  }
}
@media screen and (max-width: 601px) {
  .ngx-pagination.responsive .small-screen {
    display: none !important;
  }
  .ngx-pagination.responsive li:not(.small-screen):not(.pagination-previous):not(.pagination-next) {
    display: inline-block !important;
  }
}
@media (max-width: 576px) {
  .page-body.direction-rtl .top-title-with-buttons,
  .page-body.direction-ltr .top-title-with-buttons {
    padding-bottom: 20px;
    border-bottom: 1.5px solid rgba(0, 14, 35, 0.05);
  }
  .page-body.direction-rtl .top-title-with-buttons.has-breadcrumb,
  .page-body.direction-ltr .top-title-with-buttons.has-breadcrumb {
    transform: translateY(0px);
    margin-top: 0px;
  }
  .page-body.direction-rtl .top-title-with-buttons .buttons-container,
  .page-body.direction-ltr .top-title-with-buttons .buttons-container {
    display: none;
  }
  .page-body.direction-rtl .responsive-buttons,
  .page-body.direction-ltr .responsive-buttons {
    position: fixed;
    width: 100%;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1000;
    background: white;
    padding-top: 15px;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
  }
  .page-body.direction-rtl .responsive-buttons .buttons-container,
  .page-body.direction-ltr .responsive-buttons .buttons-container {
    display: flex !important;
    flex-direction: column;
    justify-content: center !important;
    width: 100%;
    margin-bottom: 10px;
  }
  .page-body.direction-rtl .responsive-buttons .buttons-container:last-child,
  .page-body.direction-ltr .responsive-buttons .buttons-container:last-child {
    margin-bottom: 10px !important;
  }
  .page-body.direction-rtl .foo-tabs-menu .buttons-container,
  .page-body.direction-ltr .foo-tabs-menu .buttons-container {
    display: none;
  }
  .page-body.direction-rtl .add-seach-icon:before,
  .page-body.direction-ltr .add-seach-icon:before {
    content: "";
    top: 12px;
  }
  .page-body.direction-rtl .app-custom-dialog-container .mat-mdc-dialog-container .mat-mdc-dialog-actions,
  .page-body.direction-ltr .app-custom-dialog-container .mat-mdc-dialog-container .mat-mdc-dialog-actions {
    flex-direction: column;
    padding-top: 5px !important;
  }
  .page-body.direction-rtl .app-custom-dialog-container .mat-mdc-dialog-container .mat-mdc-dialog-actions .foo-btn-outline-secondary,
  .page-body.direction-ltr .app-custom-dialog-container .mat-mdc-dialog-container .mat-mdc-dialog-actions .foo-btn-outline-secondary {
    margin-right: 0 !important;
    margin-bottom: 5px;
  }
  .cdk-overlay-pane {
    max-width: 100vw !important;
  }
}
@media screen and (min-width: 1025px) {
  .full-width-submit-container {
    left: 250px !important;
  }
}
@media screen and (max-width: 768px) {
  .money-separator {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .page-content-wrapper {
    margin-top: 62px !important;
    padding: 20px 22px !important;
  }
  .page-body.direction-rtl .page-content-wrapper {
    margin-right: 0px !important;
    margin-left: 0px !important;
  }
  .page-body.direction-rtl .page-content-wrapper.menuclosed {
    margin-right: 0px !important;
  }
  .page-body.direction-rtl app-header nav.top-nav {
    left: 0 !important;
    right: 0px !important;
  }
  .page-body.direction-rtl app-header nav.top-nav.menuclosed {
    left: 0 !important;
    right: 0px !important;
    width: 100%;
  }
  .page-body.direction-rtl app-left-menu .navbar-nav {
    padding: 0 !important;
  }
  .page-body.direction-rtl app-left-menu .navbar-nav .nav-link i {
    margin-right: 0 !important;
    margin-left: 0px !important;
  }
  .page-body.direction-rtl app-left-menu .left-menu.closed .navbar-nav .nav-link i {
    margin-right: 0 !important;
    margin-left: 10px !important;
  }
}
@media (max-width: 576px) {
  .page-body.direction-rtl .row.full-width-submit-container,
  .page-body.direction-ltr .row.full-width-submit-container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .page-body.direction-rtl .responsive-button-safe-area,
  .page-body.direction-ltr .responsive-button-safe-area {
    height: 100px;
  }
  .page-body.direction-rtl .add-button,
  .page-body.direction-rtl .outline-button,
  .page-body.direction-rtl .red-button,
  .page-body.direction-rtl .blue-button,
  .page-body.direction-rtl .outline-red,
  .page-body.direction-ltr .add-button,
  .page-body.direction-ltr .outline-button,
  .page-body.direction-ltr .red-button,
  .page-body.direction-ltr .blue-button,
  .page-body.direction-ltr .outline-red {
    width: 100% !important;
    margin-top: 10px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .page-body.direction-rtl .add-button.btn-big,
  .page-body.direction-rtl .outline-button.btn-big,
  .page-body.direction-rtl .red-button.btn-big,
  .page-body.direction-rtl .blue-button.btn-big,
  .page-body.direction-rtl .outline-red.btn-big,
  .page-body.direction-ltr .add-button.btn-big,
  .page-body.direction-ltr .outline-button.btn-big,
  .page-body.direction-ltr .red-button.btn-big,
  .page-body.direction-ltr .blue-button.btn-big,
  .page-body.direction-ltr .outline-red.btn-big {
    min-width: 100% !important;
  }
  .page-body.direction-rtl .outline-button .btn-icons,
  .page-body.direction-ltr .outline-button .btn-icons {
    display: none;
  }
  .page-body.direction-rtl .container-box-account .account-price,
  .page-body.direction-ltr .container-box-account .account-price {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  app-more ngb-accordion .card .card-body {
    padding: 15px 10px !important;
  }
}
@media (max-width: 330px) {
  .page-content-wrapper {
    margin-top: 62px !important;
    padding: 20px 15px !important;
  }
  .unauth-body .page-content-wrapper {
    padding: 20px 0px !important;
  }
  .send-money {
    font-size: 12px !important;
  }
  .send-money i {
    font-size: 16px !important;
    margin-right: 5px !important;
    width: 17px !important;
    height: 17px !important;
  }
}
@media (max-width: 1024px) {
  .page-body.direction-rtl .row.full-width-submit-container {
    right: 0 !important;
  }
  .page-body.direction-rtl .page-content-wrapper {
    width: 100%;
    margin-right: 0 !important;
    padding: 20px;
  }
  .page-body.direction-rtl .left-menu.closed .navbar-nav .nav-link i {
    margin-right: 0 !important;
    margin-left: 20px !important;
  }
}
@media screen and (max-width: 768px) {
  .page-body.direction-rtl .page-content-wrapper {
    width: 100%;
    margin-right: 0 !important;
    padding: 20px 24px;
  }
}
@media (max-width: 576px) {
  .page-body.direction-rtl .outline-button {
    text-align: center;
  }
  .page-body.direction-rtl button.send-money {
    font-size: 14px;
  }
}
/*start project specific Styles*/
/*Styles*/
.upper {
  text-transform: uppercase;
}

.foo-status-quarantined span:not(.label-row2) {
  color: #ff8900;
  background: rgba(255, 96, 0, 0.17);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.icon-img {
  padding-right: 10px !important;
}

.foo-value-error {
  color: var(--foo-danger-color) !important;
  background: var(--foo-danger-bg) !important;
}

.item-title {
  overflow: unset !important;
}

.property-info {
  margin-top: 18px !important;
}

.foo-icon.foo-usdt-default {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(/assets/img/hot-wallet/usdt.svg) no-repeat 100% 100% !important;
  background-size: cover !important;
  filter: unset !important;
}

.foo-tabs-menu swiper-container {
  display: inline-flex;
}

/**/
.image-container {
  position: relative;
  display: inline-block; /* or block depending on your layout */
}

.main-image {
  display: block;
  width: 25px;
  height: 25px;
  border-radius: 50%; /* optional */
}

.overlay-image {
  position: absolute;
  width: 12px;
  max-width: 12px;
  height: 12px;
  border-radius: 4px;
  background-position: center;
  background-repeat: no-repeat;
}

/* Optional hover effect */
.overlay-image:hover {
  transform: scale(1.15);
  transition: transform 0.2s ease;
}

.overlay-image {
  bottom: 0;
  right: -1px;
  border: 1px solid white;
}

.mrl-10 {
  margin-left: 10px;
}

.column-image {
  width: fit-content;
  height: fit-content;
  display: inline-block;
  vertical-align: top;
  background-position: center;
  background-repeat: no-repeat;
  min-width: 10px !important;
  margin: 5px;
}